﻿article,aside,body,div,figure,footer,h1,h2,h3,h4,h5,h6,header,html,li,nav,ol,p,section,span,ul{margin:0;padding:0;border:0}article,aside,footer,header,nav,section{display:block}ol,ul{list-style:none}.cf:after,.cf:before{content:"";display:table}.cf:after{clear:both}#wpadminbar{display:none}span [aria-label]{display:none}body{font-family:Roboto,sans-serif;font-weight:300;font-size:16px}.baner-line{width:100%;height:41px;background:url(https://sysale.ua/wp-content/themes/sysale/includes/img/baner-line-bg.png) center no-repeat;background-size:cover;position:relative;overflow:hidden;display:block;text-decoration:none}.baner-line__gradient{width:100%;height:100%;position:absolute;top:0;left:0;background:linear-gradient(91.22deg,#747474 0,#272727 31.88%,#1e1e1e 39.05%,#272727 47.69%,#777 100%);background-size:150% 500%;z-index:-1;-webkit-animation:grad 6s infinite linear;animation:grad 6s infinite linear}@-webkit-keyframes grad{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes grad{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.baner-line__body{width:100%;height:41px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.baner-line__logo{width:74px;margin-right:30px;position:relative;top:1px;-webkit-column-rule:wi;column-rule:wi}.baner-line__logo img{width:100%}.baner-line__text{font-family:Roboto,sans-serif;font-weight:500;font-size:14px;line-height:30px;letter-spacing:1px;color:#fff}.baner-partner{width:100%;height:197px;background-image:url(https://sysale.ua/wp-content/themes/sysale/includes/img/baner-partner-bg.png);background-color:#f8f8f9;background-repeat:no-repeat;background-position:center;background-size:cover}.baner-partner__body{height:197px;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.baner-partner__text{margin-top:22px;font-family:Roboto,sans-serif;font-style:normal;font-weight:500;font-size:24px;line-height:30px;letter-spacing:1px;color:#252525}@media screen and (max-width:576px){.baner-line{background:url(https://sysale.ua/wp-content/themes/sysale/includes/img/baner-line-bg-mob.png) center no-repeat}.baner-line__logo{width:50px;margin-right:15px}.baner-line__text{font-weight:500;font-size:9px;line-height:11px;letter-spacing:1px;color:#fff}.baner-partner{height:149px;background-image:url(https://sysale.ua/wp-content/themes/sysale/includes/img/baner-partner-bg-mog.png);background-size:cover}.baner-partner__body{height:149px}.baner-partner__text{margin-top:10px;font-weight:600;font-size:13px;line-height:22px;text-align:center;letter-spacing:1px;max-width:200px}.baner-partner__logo{width:92px}.baner-partner__logo img{width:100%}}header{position:fixed;top:0;width:100%;z-index:9999;background:#fff;box-shadow:0 1px 2px 0 #616161;transition:.3s}header.active{opacity:0;visibility:hidden}header .header-block a{display:block}header .header-block a img{display:block}header .contacts{margin-top:5px}header .menu{display:none}header .contacts p{font-family:Roboto,sans-serif;font-weight:400;font-size:22px;text-align:center}header .contacts span{display:block;width:155px;height:35px;margin:0 auto;line-height:33px;background:#fff;border:2px solid #ffcd03;border-radius:10px;color:#ffcd03;text-align:center;cursor:pointer;transition:.3s}header .contacts span:hover{color:#fff;background:#ffcd03}header .main_nav{width:100%;display:flex;justify-content:space-between;height:calc(100% + 1px)}@media screen and (max-width:992px){header .main_nav{flex-direction:column}}header .main_nav li.mobile-add-menu{display:none}header .main_nav li{overflow:hidden;display:block;float:left;width:20%;height:80px;text-align:center}header .main_nav li a{transition:.2s;display:block;text-decoration:none;color:#000;line-height:80px;font-size:17px}header .main_nav li:hover>a{color:#c74b00;text-decoration:underline}header .language{padding-top:6px}header .language a{display:block;color:#000;text-decoration:none;font-size:16px}header .language a:hover{color:#c74b00}header .sub-overlay{width:100%;height:100%;padding-top:20px;position:fixed;z-index:3333;left:0;top:120px;background-color:#fff;overflow:hidden;opacity:0;display:none}header .sub-overlay li{width:15.8%!important;height:210px;background:rgba(0,0,0,.5);margin-right:.2%}header .sub-overlay li:last-of-type{margin-right:0}header .sub-overlay li a{display:block;width:100%;height:100%;text-align:center;color:#fff;line-height:210px;position:relative;overflow:hidden;transition:.3s}header .sub-overlay li:first-of-type{width:36%!important}header .sub-overlay li:hover a{color:#fff}header .sub-overlay li:hover .icon-content-wrapper{top:15%}header .sub-overlay li:hover h4{background-size:55px 55px;padding-top:65px}header .sub-overlay li:hover h4:after{content:"";display:block;height:1px;width:20px;background:#ffcd03;margin:10px auto 0;transition:.3s}header .sub-overlay li:hover h4+p{opacity:1}header .sub-overlay .submenu-one{margin-bottom:.2%}header .sub-overlay .submenu-one a:last-of-type{margin-right:0}header .sub-overlay .submenu-one li:first-of-type{position:relative}header .sub-overlay .submenu-one li:first-of-type:hover h4{background-size:80px 80px;padding-top:85px}header .sub-overlay .submenu-one li:first-of-type a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-1-min.webp) no-repeat center center;overflow:hidden}header .sub-overlay .submenu-one li:first-of-type a video{opacity:0;width:100%!important;height:auto!important}header .sub-overlay .submenu-one li:first-of-type h4{width:100%;position:absolute;top:25%;-webkit-animation:enter .3s;-moz-animation:enter .3s;-o-animation:enter .3s;animation:enter .3s}header .sub-overlay .submenu-one li:first-of-type .list-content{width:270px;opacity:0;position:absolute;top:10%;right:2%;transition:.2s}header .sub-overlay .submenu-one li:first-of-type .list-content p{margin-bottom:13px;line-height:14px;font-size:14px;text-align:left}header .sub-overlay .submenu-one li:first-of-type .list-content p:before{content:"•  ";color:#ffcd03}header .sub-overlay .submenu-one li:first-of-type:hover .list-content{opacity:1}header .sub-overlay .submenu-one li:first-of-type:hover h4{-webkit-animation:exit .3s;-moz-animation:exit .3s;-o-animation:exit .3s;animation:exit .3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}header .sub-overlay .submenu-one li:first-of-type:hover h4:after{display:none}header .sub-overlay .submenu-one li:first-of-type:hover .list-content{opacity:1}header .sub-overlay .submenu-one li:first-of-type:hover a:before{content:'';position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7));top:0;right:0;bottom:0;left:0}.id-box{display:flex;justify-content:flex-end}@-webkit-keyframes enter{from{right:35%}to{right:0}}@-moz-keyframes enter{from{right:35%}to{right:0}}@-o-keyframes enter{from{right:35%}to{right:0}}@keyframes enter{from{right:35%}to{right:0}}@-webkit-keyframes exit{from{right:0}to{right:35%}}@-moz-keyframes exit{from{right:0}to{right:35%}}@-o-keyframes exit{from{right:0}to{right:35%}}@keyframes exit{from{right:0}to{right:35%}}header .sub-overlay .submenu-one li:nth-of-type(2){overflow:hidden}header .sub-overlay .submenu-one li:nth-of-type(2) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-2-min.webp) no-repeat center center}header .sub-overlay .submenu-one li:nth-of-type(3) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-3-min.webp) no-repeat center center}header .sub-overlay .submenu-one li:nth-of-type(4) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-4-min.webp) no-repeat center center}header .sub-overlay .submenu-one li:nth-of-type(5) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-5-min.webp) no-repeat center center}header .sub-overlay .submenu-two .list-content{width:270px;opacity:0;position:absolute;top:15%;right:2%;transition:.2s}header .sub-overlay .submenu-two .list-content p{margin-bottom:13px;line-height:14px;font-size:14px;text-align:left}header .sub-overlay .submenu-two .list-content p:before{content:"•  ";color:#ffcd03}header .sub-overlay .submenu-two a:last-of-type{margin-right:0}header .sub-overlay .submenu-two li:first-of-type h4{width:100%;position:absolute;top:25%;-webkit-animation:in .3s;-moz-animation:in .3s;-o-animation:in .3s;animation:in .3s}header .sub-overlay .submenu-two li:first-of-type a{background:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,.5)),url(includes/img/submenu-img-6-min.webp) no-repeat center center;overflow:hidden}header .sub-overlay .submenu-two li:first-of-type a video{opacity:0;width:100%!important;height:auto!important}header .sub-overlay .submenu-two li:first-of-type:hover h4{background-size:80px 80px;padding-top:85px}header .sub-overlay .submenu-two li:first-of-type:hover .list-content{opacity:1}header .sub-overlay .submenu-two li:first-of-type:hover h4{-webkit-animation:out .3s;-moz-animation:out .3s;-o-animation:out .3s;animation:out .3s;-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;-o-animation-fill-mode:forwards;animation-fill-mode:forwards}header .sub-overlay .submenu-two li:first-of-type:hover h4:after{display:none}header .sub-overlay .submenu-two li:first-of-type:hover .list-content{opacity:1}header .sub-overlay .submenu-two li:first-of-type:hover a:before{content:'';position:absolute;background:linear-gradient(to bottom,rgba(0,0,0,.7),rgba(0,0,0,.7));top:0;right:0;bottom:0;left:0}@-webkit-keyframes in{from{right:35%}to{right:0}}@-moz-keyframes in{from{right:35%}to{right:0}}@-o-keyframes in{from{right:35%}to{right:0}}@keyframes in{from{right:35%}to{right:0}}@-webkit-keyframes out{from{right:0}to{right:35%}}@-moz-keyframes out{from{right:0}to{right:35%}}@-o-keyframes out{from{right:0}to{right:35%}}@keyframes out{from{right:0}to{right:35%}}header .sub-overlay .submenu-two li:nth-of-type(2) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-7-min.webp) no-repeat center center}header .sub-overlay .submenu-two li:nth-of-type(3) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-8-min.webp) no-repeat center center}header .sub-overlay .submenu-two li:nth-of-type(4) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-9-min.webp) no-repeat center center}header .sub-overlay .submenu-two li:nth-of-type(5) a{background:linear-gradient(to bottom,rgba(0,0,0,.6),rgba(0,0,0,.6)),url(includes/img/submenu-img-10-min.webp) no-repeat center center}header .sub-overlay .icon-content-wrapper{position:absolute;top:25%;width:100%;transition:.3s}header .sub-overlay h4{padding-top:85px;font-size:16px;text-align:center;transition:.3s}header .sub-overlay h4+p{opacity:0;margin-top:10px;font-size:14px;line-height:16px;transition:.3s}header .sub-overlay .icon-1{background:url(includes/svg/icon-09.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-2{background:url(includes/svg/icon-01.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-3{background:url(includes/svg/icon-10.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-4{background:url(includes/svg/icon-02.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-5{background:url(includes/svg/icon-07.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-6{background:url(includes/svg/icon-08.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-7{background:url(includes/svg/icon-03.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-8{background:url(includes/svg/icon-06.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-9{background:url(includes/svg/icon-04.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .icon-10{background:url(includes/svg/icon-05.svg) no-repeat center top;background-size:80px 80px}header .sub-overlay .arrow-close{display:none;width:25px;height:14px;margin:0 auto;position:absolute;top:75%;left:0;right:0;color:#c74b00;z-index:8888;cursor:pointer}.top-section{overflow-y:hidden;height:670px;text-align:center;background:url(includes/img/yellow-line.jpg) no-repeat center bottom,url(includes/img/top-bg.webp) no-repeat center center;background-size:100% 110px,cover;background-attachment:scroll,fixed;position:relative}.top-section .monitors{margin:20px auto 0;width:780px;height:340px;background:url(includes/img/devices-min.png) no-repeat center center;background-size:780px 340px;position:relative;z-index:10}.top-section .top-content{text-align:center;width:530px;margin:110px auto 0;top:150px;color:#fff}.top-section h1{text-transform:uppercase;font-size:62px}.top-section h1 span{color:#ffcd03}.top-section p{font-size:28px;line-height:36px}.top-section .web-options{margin-top:20px}.top-section .web-options a:first-child{float:left}.top-section .web-options a:last-child{float:right}.top-section .web-options a{display:block;width:180px;line-height:50px;text-align:center;border:2px solid #fff;border-radius:10px;font-size:18px;cursor:pointer;transition:.3s;position:relative;color:#fff;background:0 0;text-decoration:none}.top-section .web-options a:hover{background:#fff;color:#000}.top-section .web-options a:before{content:'';position:absolute;border:2px solid #fff;border-radius:12px;top:-2px;right:-2px;bottom:-2px;left:-2px;transition-duration:.3s;transition-property:top,right,bottom,left}.top-section .web-options a:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.top-section .top-content p.active{transition:.3s;opacity:0}.top-section .web-options.active{transition:.3s;opacity:0}.activity{background:#fff;padding-bottom:180px;position:relative;overflow:hidden}.activity .bubl_abs{position:absolute}.activity .bubl_1{left:0;top:1000px}.activity .bubl_2{left:-30px;top:1050px}.activity .bubl_3{top:1600px;left:-20px}.activity .bubl_4{top:2040px;left:70px}.activity .bubl_5{top:1100px;right:-250px}.activity .bubl_6{top:2050px;right:50px}.activity .bubl_14{top:2260px;right:30px}.activity .bubl_15{top:1749px;right:160px}.activity .bubl_16{top:1680px;left:50px}.activity h1{position:relative;font-style:normal;font-weight:500;font-size:40px;line-height:47px;text-align:center;letter-spacing:-.964706px;text-transform:uppercase;color:#252525;margin:60px 0 30px 0;margin-bottom:0}.activity h2{font-style:normal;font-weight:500;font-size:40px;line-height:47px;text-align:center;letter-spacing:-.964706px;text-transform:uppercase;color:#252525;margin:30px 0 65px 0}.activity h2 span{color:#fdcc04;font-weight:700;font-size:64px;line-height:75px}.activity .act-block{display:block;text-decoration:none;text-align:center;float:left;width:220px;height:200px;margin-right:10px;color:#000;opacity:0;transition:.5}.activity .act-block:last-of-type{margin-right:0}.activity .act-block svg{width:100px;height:100px}.activity .act-block h4{margin-top:10px;font-family:Roboto,sans-serif;font-weight:300;font-size:16px;text-transform:uppercase}.slideAnimation{opacity:0;transition:.5s}.slideAnimation.active{opacity:1;transition:.5s}.slideAnimation.active .act-block{opacity:1}.tech{padding-bottom:60px}.tech h2{font-family:Roboto,sans-serif;font-weight:300;margin:65px 0;text-align:center;font-size:52px;text-transform:uppercase}.tech h2 span{color:#c74b00}.tech .tech-icon{text-align:center;font-family:Roboto,sans-serif;font-weight:500}.tech .tech-icon div{opacity:0}.tech .tech-icon p{font-size:20px;padding-top:140px}.tech .tech-icon .tech-icon-one p{background:url(includes/img/tech-icon-1-min.png) no-repeat center top}.tech .tech-icon .tech-icon-two p{background:url(includes/img/tech-icon-2-min.png) no-repeat center top}.tech .tech-icon .tech-icon-three p{background:url(includes/img/tech-icon-3-min.png) no-repeat center top}.tech .tech-icon .tech-icon-four p{background:url(includes/img/tech-icon-4-min.png) no-repeat center top}.tech .tech-icon .tech-icon-five p{background:url(includes/img/tech-icon-5-min.png) no-repeat center top}.tech .tech-icon .tech-icon-six p{background:url(includes/img/tech-icon-6-min.png) no-repeat center top}.mobile{padding:25px 0;background:url(includes/img/works-bg.png) no-repeat center top}.mobile h2{font-family:Roboto,sans-serif;font-weight:300;margin:40px 0 40px;text-align:center;font-size:52px;text-transform:uppercase}.mobile h2 span{color:#fff}.mobile h2+p{margin-bottom:50px;text-align:center;font-size:20px}.mobile .carousel{height:550px}.mobile .carousel-control.left,.mobile .carousel-control.right{background-image:none}.mobile .carousel-control.left{background:url(includes/icons/controls.png) no-repeat top left;width:65px;height:65px;top:35%}.mobile .carousel-control.left:hover{background:url(includes/icons/controls.png) no-repeat bottom left}.mobile .carousel-control.right{background:url(includes/icons/controls.png) no-repeat top right;width:65px;height:65px;top:35%}.mobile .carousel-control.right:hover{background:url(includes/icons/controls.png) no-repeat bottom right}.mobile .carousel-inner>.item>a>img,.mobile .carousel-inner>.item>img{display:block;margin:0 auto}.mobile .order-mobile-wrapper{position:relative}.mobile .order-mobile{display:block;width:350px;height:85px;margin-top:50px;margin-left:auto;margin-bottom:50px;border-radius:10px;line-height:85px;background:#c74b00;color:#fff;font-size:26px;cursor:pointer;text-align:center;transition:.3s}.mobile .order-mobile:hover{background:#ab3100}.mobile .mobile-content h3{font-family:Roboto,sans-serif;font-weight:300;font-size:32px;text-transform:uppercase}.mobile .mobile-content h3:after{display:block;content:"";width:30px;height:1px;background:#c74b00;margin:20px 0}.mobile .mobile-content h3+p{font-size:20px}footer{background:#121212;padding:15px 0!important}footer .footer-top .footer-nav li{float:left;width:20%;text-align:left}footer .footer-top .footer-nav li a{display:block;line-height:40px;text-decoration:none;color:#f5f5f6}footer .footer-top .footer-nav li:hover a{color:#c74b00}footer .footer-top .footer-nav li:nth-of-type(4){width:16%}footer .footer-top .social-footer li{float:left;width:20%;text-align:center}footer .footer-top .social-footer li a{font-size:20px}footer .footer-top .social-footer li .fa-stack{color:transparent;border:1px solid #9396a4;border-radius:50px;transition:.3s}footer .footer-top .social-footer li .fa-stack .fa-inverse{color:#9396a4;transition:.3s}footer .footer-top .social-footer li:hover .fa-stack{transform:rotatey(180deg);border:1px solid #fff}footer .footer-top .social-footer li:hover .fa-inverse{transform:rotatey(180deg);color:#fff}footer .footer-bottom{margin-top:15px}footer .footer-bottom .footer-contacts{color:#9398a4}footer .footer-bottom .footer-logo{width:190px;margin:0 auto;padding-top:20px}footer .footer-bottom .footer-logo a{display:block;text-decoration:none;color:#9398a4}footer .footer-bottom .footer-logo a .footer-logo-wrapper p{float:left}footer .footer-bottom .footer-logo a .footer-logo-wrapper img{float:left;margin-left:35px}footer .footer-bottom .footer-logo a .footer-logo-wrapper+p{font-size:14px;text-align:center}.Error,.ErrorTwo{display:none;margin-bottom:15px;color:#da3637;font-size:14px}.callback-form{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.callback-form form{font-family:Roboto,sans-serif;font-weight:300;padding:0 20px;display:block;width:340px;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;text-align:center;box-shadow:0 0 6px #000;border-radius:5px;-webkit-animation-name:animatetop;-moz-animation-name:animatetop;-ms-animation-name:animatetop;-o-animation-name:animatetop;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.callback-form form p:nth-of-type(1){font-family:Roboto,sans-serif;font-weight:400;padding-top:45px;font-size:18px}.callback-form form p:nth-of-type(2){padding-bottom:15px;padding-top:20px;margin-bottom:20px;font-size:16px;color:#6e6c78}.callback-form form p:last-of-type{padding-bottom:40px}.callback-form form input[type=email],.callback-form form input[type=tel],.callback-form form input[type=text]{display:block;width:240px;margin:0 auto;margin-bottom:15px;padding:12px;border:1px solid #e4e4e6;border-radius:10px}.callback-form form input[type=email]:active,.callback-form form input[type=email]:focus,.callback-form form input[type=tel]:active,.callback-form form input[type=tel]:focus,.callback-form form input[type=text]:active,.callback-form form input[type=text]:focus{border:1px solid #c3c2c7;outline:0}.callback-form form input[type=text]{padding-left:40px;background:url(includes/icons/icon-name.png) no-repeat 10px center}.callback-form form input[type=email]{padding-left:40px;background:url(includes/icons/icon-mail.png) no-repeat 10px center}.callback-form form input[type=tel]{padding-left:40px;background:url(includes/icons/icon-phone.png) no-repeat 10px center}.callback-form form input[type=submit]{display:block;margin:0 auto;height:50px;width:240px;margin-top:30px;margin-bottom:30px;background-color:#ffe000;border:0;border-radius:10px;font-size:20px;line-height:50px;cursor:pointer;transition:.2s;color:#fff;outline:0}.callback-form form input[type=submit]:hover{background:#3c3b47;color:#fff}.callback-form form .close-btn{display:inline-block;width:30px;height:30px;line-height:30px;font-size:16px;text-align:center;position:absolute;top:10px;right:10px;cursor:pointer}@-webkit-keyframes animatetop{from{top:-300px;opacity:0}to{top:-50%;opacity:1}}@-moz-keyframes animatetop{from{top:-300px;opacity:0}to{top:50%;opacity:1}}@-ms-keyframes animatetop{from{top:50%;opacity:0}to{top:50%;opacity:1}}@-o-keyframes animatetop{from{top:-300px;opacity:0}to{top:50%;opacity:1}}@keyframes animatetop{from{top:-300px;opacity:0}to{top:50%;opacity:1}}.callback-form-two{display:none;position:fixed;z-index:99999;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.4)}.callback-form-two form{font-family:Roboto,sans-serif;font-weight:300;padding:0 20px;display:block;width:340px;height:auto;position:relative;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;text-align:center;box-shadow:0 0 6px #000;border-radius:5px;-webkit-animation-name:animatetoptwo;-moz-animation-name:animatetoptwo;-ms-animation-name:animatetoptwo;-o-animation-name:animatetoptwo;-webkit-animation-duration:.4s;-moz-animation-duration:.4s;-ms-animation-duration:.4s;-o-animation-duration:.4s;animation-name:animatetop;animation-duration:.4s}.callback-form-two form h4{font-family:Roboto,sans-serif;font-weight:400;padding-top:45px;font-size:18px}.callback-form-two form h4+p:nth-of-type(1){padding-bottom:15px;padding-top:20px;margin-bottom:20px;font-size:16px;color:#6e6c78}.callback-form-two form p:last-of-type{padding-bottom:40px}.callback-form-two form input[type=tel],.callback-form-two form input[type=text]{display:block;width:240px;margin:0 auto;margin-bottom:15px;padding:12px;border:1px solid #e4e4e6;border-radius:10px}.callback-form-two form input[type=tel]:active,.callback-form-two form input[type=tel]:focus,.callback-form-two form input[type=text]:active,.callback-form-two form input[type=text]:focus{border:1px solid #c3c2c7;outline:0}.callback-form-two form input[type=text]{padding-left:40px;background:url(includes/icons/icon-name.png) no-repeat 10px center}.callback-form-two form input[type=tel]{padding-left:40px;background:url(includes/icons/icon-phone.png) no-repeat 10px center}.callback-form-two form input[type=submit]{display:block;margin:0 auto;height:50px;width:240px;margin-top:30px;margin-bottom:30px;background-color:#ffe000;border:0;border-radius:10px;font-size:20px;line-height:50px;cursor:not-allowed;transition:.2s;color:#fff}.callback-form-two form input[type=submit]:hover{background:#3c3b47;color:#fff}.callback-form-two form .close-btn{display:inline-block;width:30px;height:30px;line-height:30px;font-size:16px;text-align:center;position:absolute;top:10px;right:10px;cursor:pointer}@-webkit-keyframes animatetoptwo{from{top:-300px;opacity:0}to{top:-50%;opacity:1}}@-moz-keyframes animatetoptwo{from{top:-300px;opacity:0}to{top:50%;opacity:1}}@-ms-keyframes animatetoptwo{from{top:50%;opacity:0}to{top:50%;opacity:1}}@-o-keyframes animatetoptwo{from{top:-300px;opacity:0}to{top:50%;opacity:1}}@keyframes animatetoptwo{from{top:-300px;opacity:0}to{top:50%;opacity:1}}.slideTop{-webkit-visibility:visible;-moz-visibility:visible;-o-visibility:visible;visibility:visible;-webkit-animation:slider .5s;-moz-animation:slider .5s;-o-animation:slider .5s;animation:slider .5s}@-webkit-keyframes slider{0%{opacity:0;transform:translatey(70%)}100%{opacity:1;transform:translatey(0)}}@-moz-keyframes slider{0%{opacity:0;transform:translatey(70%)}100%{opacity:1;transform:translatey(0)}}@-o-keyframes slider{0%{opacity:0;transform:translatey(70%)}100%{opacity:1;transform:translatey(0)}}@keyframes slider{0%{opacity:0;transform:translatey(70%)}100%{opacity:1;transform:translatey(0)}}.bx-wrapper{margin:0 auto;padding:70px 0 10px}.bx-wrapper .bx-viewport{height:90px;border:0;box-shadow:none}.bx-wrapper .bx-controls-direction a{top:70%;z-index:1}.bx-wrapper .bx-prev{left:-55px;z-index:1;background:url(includes/icons/bx-controls.png) no-repeat left top}.bx-wrapper .bx-prev:hover{background:url(includes/icons/bx-controls.png) no-repeat left -32px}.bx-wrapper .bx-next{z-index:1;right:-55px;background:url(includes/icons/bx-controls.png) no-repeat -43px top}.bx-wrapper .bx-next:hover{background:url(includes/icons/bx-controls.png) no-repeat -43px -32px}.bx-wrapper .bx-pager{display:none}.contact{margin-top:80px;position:relative}.contact .map{position:relative;height:490px}.contact .map_box_class{position:absolute;background-color:transparent;top:0;left:0;bottom:0;right:0}.contact .map-content{font-family:Roboto,sans-serif;font-weight:400;padding:30px 0;width:350px;max-width:350px;height:380px;background:rgba(255,255,255,.9);color:#000;text-align:center;position:absolute;top:50%;transform:translatey(-50%);z-index:2}.contact .map-content h1{text-transform:uppercase;font-size:24px;margin-bottom:30px}.contact .map-content h4{text-transform:uppercase;font-size:24px;margin-bottom:30px}.contact .map-content .tel{font-size:22px;margin-bottom:5px}.contact .map-content p{margin-bottom:5px}.contact .map-content .contact-btn{display:block;width:220px;height:50px;margin:30px auto;border:2px solid #ffcd03;border-radius:10px;color:#ffcd03;line-height:50px;cursor:pointer;transition:.3s}.contact .map-content .contact-btn:hover{background:#ffcd03;color:#fff}.contact .map-content .contact-btn:hover:after{animation:border-out .5s;animation-fill-mode:forwards}.contact .map-content .social-wrapper-contact{width:220px;margin:20px auto 0;min-width:220px}.contact .map-content .social-wrapper-contact li{float:left;width:20%}.contact .map-content .social-wrapper-contact li a{font-size:20px}.contact .map-content .social-wrapper-contact li .fa-stack{color:transparent;border:1px solid #9396a4;border-radius:50px;transition:.3s}.contact .map-content .social-wrapper-contact li .fa-inverse{color:#9396a4;border-radius:50px;transition:.3s}.contact .map-content .social-wrapper-contact li:hover .fa-stack{transform:rotatey(180deg);border:1px solid #ffcd03}.contact .map-content .social-wrapper-contact li:hover .fa-inverse{transform:rotatey(180deg);color:#ffcd03}@-webkit-keyframes border-out{100%{top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:0}}@-moz-keyframes border-out{100%{top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:0}}@-o-keyframes border-out{100%{top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:0}}@keyframes border-out{100%{top:-10px;right:-10px;bottom:-10px;left:-10px;opacity:0}}.portfolio.main{margin-top:80px}.portfolio.main h1{font-family:Roboto,sans-serif;font-weight:300;margin:20px 0 15px;text-align:center;font-size:52px;text-transform:uppercase}.portfolio.main h1+p{text-align:center;font-size:22px;margin-bottom:60px}.portfolio.main .porf-block-one a>img,.portfolio.main .porf-block-two a>img{opacity:1}.head-about{height:350px;margin-top:80px;background:url(includes/img/head-about.webp) no-repeat center center;background-size:cover;position:relative}.head-about .content{width:100%;text-align:center;position:absolute;top:80px}.head-about .content h1{margin-bottom:15px;font-size:56px;color:#ffcd03;text-align:center;text-transform:uppercase}.head-about .content p{text-align:center;font-size:26px;color:#fff;line-height:30px;transition:.3s}.about-section{padding:60px 0}.about-section .about-content>p{margin-bottom:15px;text-align:justify}.about-section .about-content>p:first-of-type{color:#c74b00}.about-section .about-content .about-list{margin-bottom:20px}.about-section .about-content .about-list p{margin-bottom:15px;font-size:52px;text-transform:uppercase}.about-section .about-content .about-list p span{color:#c74b00}.about-section .about-content .about-list li span{font-family:PFDinDisplayPro-Bold}.about-section .about-content .about-list li:before{content:"• ";color:#c74b00}.head-section{height:605px;position:relative;overflow:hidden}.head-section .top-content{font-family:Roboto,sans-serif;font-weight:300;width:700px;position:absolute;top:130px;left:0;right:0;margin-left:auto;margin-right:auto}.head-section .top-content h1{margin-bottom:15px;font-size:56px;color:#ffcd03;text-align:center;text-transform:uppercase}.head-section .top-content h1+p{text-align:center;font-size:26px;color:#fff;line-height:30px;transition:.3s}.head-section .top-content h1+p.active{opacity:0;-webkit-visibility:hidden;-moz-visibility:hidden;-o-visibility:hidden;visibility:hidden}.head-section .top-content .web-options{width:450px;margin:50px auto 90px}.head-section .top-content .web-options a{display:flex;justify-content:center;align-items:center;width:180px;height:50px;line-height:25px;text-align:center;border:2px solid #fff;border-radius:10px;font-size:20px;cursor:pointer;transition:.3s;position:relative;color:#fff;background:0 0;text-decoration:none}.head-section .top-content .web-options a:first-of-type{float:left}.head-section .top-content .web-options a:last-of-type{float:right}.head-section .top-content .web-options a:before{content:'';position:absolute;border:2px solid #fff;border-radius:12px;top:-2px;right:-2px;bottom:-2px;left:-2px;transition-duration:.3s;transition-property:top,right,bottom,left}.head-section .top-content .web-options a:hover{background:#fff;color:#000}.head-section .top-content .web-options a:hover:before{top:-8px;right:-8px;bottom:-8px;left:-8px}.head-section .top-content .web-options.active{opacity:0;-webkit-visibility:hidden;-moz-visibility:hidden;-o-visibility:hidden;visibility:hidden;transition:.3s}.head-section .top-content .footer-content{width:450px;margin:0 auto;color:#fff}.head-section .top-content .footer-content .deadline{float:left}.head-section .top-content .footer-content .deadline .icon-clock{padding-top:10px;padding-left:40px;background:url(includes/icons/icon-clock-min.png) no-repeat left top}.head-section .top-content .footer-content .minpurchase{float:left;padding-left:70px}.head-section .top-content .footer-content .minpurchase .icon-minpurchase{padding-top:10px;padding-left:40px;background:url(includes/icons/icon-wallet-min.png) no-repeat left 5px}.head-section .top-content .footer-content .purchase{float:right}.head-section .top-content .footer-content .purchase .icon-purchase{padding-top:10px;padding-left:40px;background:url(includes/icons/icon-wallet-min.png) no-repeat left 5px}.head-section .top-content .footer-content.active{opacity:0;-webkit-visibility:hidden;-moz-visibility:hidden;-o-visibility:hidden;visibility:hidden;transition:.3s}.header-development{background:url(includes/img/header-development-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-promotion{background:url(includes/img/header-promotion-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-prototype{background:url(includes/img/header-prototype-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-desing{background:url(includes/img/header-desing-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-support{background:url(includes/img/header-support-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-seo{background:url(includes/img/header-seo-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-smm{background:url(includes/img/header-smm-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-advertising{background:url(includes/img/header-advertising-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-mail{background:url(includes/img/header-mail-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.header-analitica{background:url(includes/img/header-analitica-min.webp) no-repeat center center;background-attachment:fixed;background-size:cover}.dev-advantage{padding:80px 0 60px}.dev-advantage h2{font-family:Roboto,sans-serif;font-weight:300;text-align:center;font-size:52px;text-transform:uppercase}.dev-advantage h2 span{color:#c74b00}.dev-advantage .circles-wrapper{padding-top:150px;height:475px;position:relative}.dev-advantage .circles-wrapper .circle-block{position:relative}.dev-advantage .circles-wrapper .circle-block img{width:215px;height:215px}.dev-advantage .circles-wrapper .circle-block .circle-number{position:absolute;font-family:Roboto,sans-serif;font-weight:700;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10;font-size:32px;color:#fff}.dev-advantage .circles-wrapper .circle-block .circle-content{position:absolute;font-family:Roboto,sans-serif;font-weight:300;font-size:16px}.dev-advantage .circles-wrapper .circle-block:first-of-type{position:absolute;z-index:1}.dev-advantage .circles-wrapper .circle-block:first-of-type .circle-content{padding-left:35px;top:-115px;left:28px;height:150px;width:230px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2){position:absolute;left:180px;z-index:2}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2) .circle-content{padding-left:35px;padding-top:80px;top:177px;left:26px;height:150px;width:230px;background:url(includes/img/down-line-min.png) no-repeat left top}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3){position:absolute;left:370px;z-index:1}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3) .circle-content{padding-left:35px;top:-115px;left:28px;height:150px;width:230px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4){position:absolute;left:550px;z-index:2}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4) .circle-content{padding-left:35px;padding-top:80px;top:177px;left:26px;height:150px;width:230px;background:url(includes/img/down-line-min.png) no-repeat left top}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5){position:absolute;left:730px;z-index:1}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5) .circle-content{padding-left:35px;top:-115px;left:28px;height:150px;width:230px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6){position:absolute;left:920px;z-index:2}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6) .circle-content{padding-left:35px;padding-top:80px;top:177px;left:26px;height:150px;width:230px;background:url(includes/img/down-line-min.png) no-repeat left top}.task{height:1360px;padding-top:100px;position:relative;transition:1s}.task.task-development{background:url(includes/img/development-parallax-min.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-promotion{background:url(includes/img/promotion-parallax-min.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-prototype{background:url(includes/img/prototype-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-desing{background:url(includes/img/desing-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-support{background:url(includes/img/support-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-seo{background:url(includes/img/seo-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-smm{background:url(includes/img/smm-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-advertising{background:url(includes/img/advertising-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-email{background:url(includes/img/email-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.task-analitica{background:url(includes/img/analitica-parallax.webp) no-repeat,#f8f8f9;background-size:35% 100%,65% 100%;background-position:-100% center}.task.active{background-position:left center}.task .container{position:relative}.task .parallax-wrapper{height:400px;position:relative}.task .parallax-wrapper.active{width:100%;position:fixed;top:105px}.task .parallax-wrapper.activeTwo{position:absolute;top:700px;width:100%}.task .parallax-wrapper .parallax-img{display:block;margin:35px auto 0;width:400px;height:400px;opacity:0}.task .parallax-wrapper .parallax-img.active{-webkit-animation:slideTop .5s ease-out;animation:slideTop .5s ease-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.task .parallax-wrapper .parallax-content{opacity:1;padding-top:90px;transition:.3s;height:400px;overflow:hidden}.task .parallax-wrapper .parallax-content h2{font-family:Roboto,sans-serif;font-weight:300;font-size:42px;text-transform:uppercase;position:absolute;top:-50px}.task .parallax-wrapper .parallax-content h2 span{color:#c74b00}.task .parallax-wrapper .parallax-content p{text-align:justify;margin-bottom:15px;font-size:22px}.task .parallax-wrapper .parallax-content .text-red{margin-bottom:30px;color:#c74b00}.task .parallax-wrapper .parallax-content .main-text{visibility:visible;transition:.3s;margin-bottom:10px}.task .parallax-wrapper .parallax-content .main-text.active{visibility:hidden;opacity:0;font-size:0;margin-bottom:0}.task .parallax-wrapper .parallax-content .add-text{opacity:0;visibility:hidden;transition:.3s;font-size:0;margin-bottom:0}.task .parallax-wrapper .parallax-content .add-text.active{font-size:22px;opacity:1;visibility:visible;margin-bottom:10px}.task .add-modal{padding:20px 30px;background:#ffcd03;color:#000;width:430px;position:absolute;left:750px;top:380px;opacity:0;transition:.5s}.task .add-modal p:first-of-type{font-size:30px}.task .add-modal p:first-of-type+p{font-size:20px}.task .add-modal.active{-webkit-animation:modal .5s;animation:modal .5s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes slideTop{from{opacity:0;transform:translatey(50%)}to{opacity:1;transform:translatey(0)}}@keyframes slideTop{from{opacity:0;transform:translatey(50%)}to{opacity:1;transform:translatey(0)}}@keyframes modal{from{opacity:0;transform:translatey(80%)}to{opacity:1;transform:translatey(0)}}.task .dot-nav-wrapper{position:relative}.task .dot-nav-wrapper .dot-nav{position:absolute;top:140px;left:75%}.task .dot-nav-wrapper .dot-nav li{position:relative;display:block;margin:10px auto;width:12px;height:12px;cursor:pointer;border-radius:50%;box-shadow:0 0 0 2px rgba(255,255,255,0);-webkit-transition:.3s ease;transition:.3s ease}.task .dot-nav-wrapper .dot-nav li a{top:0;left:0;width:100%;height:100%;outline:0;border-radius:50%;background:#9396a4;text-indent:-999em;cursor:pointer;position:absolute;-webkit-transition:transform .3s ease;transition:transform .3s ease}.task .dot-nav-wrapper .dot-nav li.active{box-shadow:0 0 0 2px #9396a4}.task .dot-nav-wrapper .dot-nav li.active a{background:#9396a4;-webkit-transform:scale(.5);transform:scale(.5)}.task.task-development .parallax-wrapper .parallax-content h2{font-size:52px}.gantt-table{padding:90px 0 50px}.gantt-table h2{margin-bottom:75px;font-size:52px;text-align:center;text-transform:uppercase}.gantt-table h2 .text-grey{color:#c74b00}.gantt-table table{width:100%;overflow-y:scroll}.gantt-table table tr{font-family:Roboto,sans-serif;font-weight:300;height:20px;border-bottom:1px solid #e5e5e5}.gantt-table table tr td{padding:8px 0;line-height:10px}.gantt-table table tr td:last-of-type{font-family:Roboto,sans-serif;font-weight:700;font-size:14px;width:50px;padding-left:10px}.gantt-table table th{font-family:Roboto,sans-serif;font-weight:300;font-size:16px;width:90px;height:60px}.gantt-table table td{height:30px;width:7px}.gantt-table table td:nth-child(even){background:#f8f8f9}.gantt-table table td:nth-child(odd){background:#fff}.gantt-table table .table-number{font-family:Roboto,sans-serif;font-weight:700;padding-left:15px;background:url(includes/icons/dot-yellow-min.png) no-repeat left center;background-size:5px 5px}.gantt-table table .cell{display:block;height:20px;background:#ffbe03;width:0;transition:.5s}.gantt-table .gantt-content{display:none}.gantt-development .arrow{display:inline-block;margin-right:10px;background:url(includes/icons/arrow-right-min.png) no-repeat center center;background-size:contain;width:18px;height:20px}.gantt-development .infinity{display:inline-block;background:url(includes/icons/infinity-min.png) no-repeat center center;background-size:contain;width:31px;height:20px}.dev-slider{padding:60px 0;background:#fff}.dev-slider h2{font-size:52px;text-align:center;text-transform:uppercase}.dev-slider h2 .text-grey{color:#c74b00}.dev-slider .bx-wrapper .bx-prev{top:60%;background:url(includes/icons/bx-arrow-left.png) no-repeat center center;background-size:contain;width:50px;height:50px}.dev-slider .bx-wrapper .bx-prev:hover{background:url(includes/icons/bx-arrow-left-active.png) no-repeat center center;background-size:contain}.dev-slider .bx-wrapper .bx-next{top:60%;background:url(includes/icons/bx-arrow-right.png) no-repeat center center;background-size:contain;width:50px;height:50px}.dev-slider .bx-wrapper .bx-next:hover{background:url(includes/icons/bx-arrow-right-active.png) no-repeat center center;background-size:contain}.portfolio{padding-top:30px}.portfolio h2{font-size:52px;text-align:center;margin-bottom:60px;text-transform:uppercase}.portfolio h2 .text-grey{color:#c74b00}.portfolio .port-block{width:50%;float:left}.portfolio .port-block a{display:block;overflow:hidden;position:relative;-webkit-perspective:1300px;perspective:1300px}.portfolio .port-block a>img{display:block;width:100%;max-width:100%;height:auto;transition:.3s;opacity:0}.portfolio .port-block a .img-overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;background-color:rgba(199,75,0,.8)}.portfolio .port-block a .img-overlay .img-overlay-content{width:auto;height:auto;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.portfolio .port-block a .img-overlay .img-overlay-content img{display:block;margin:0 auto 10px}.portfolio .port-block a .img-overlay .img-overlay-content p{text-transform:uppercase;text-align:center;color:#fff;font-size:28px}.portfolio .port-block a .img-overlay .img-overlay-content p:before{display:block;content:"";width:30px;height:1px;background:#ffcd03;margin:20px auto}.portfolio .port-block a:hover .img-overlay{opacity:1}.portfolio .port-block a:hover>img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%)}.portfolio .porf-block-four a{display:block;width:50%;float:left;overflow:hidden;position:relative}.portfolio .porf-block-four a img{display:block;width:100%;max-width:100%;height:auto}.flipAnim.active{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotatex(-90deg);transform:rotatex(-90deg);-webkit-animation:flip .7s ease-in-out forwards;animation:flip .7s ease-in-out forwards}@-webkit-keyframes flip{100%{-webkit-transform:rotatex(0);opacity:1}}@-moz-keyframes flip{100%{-webkit-transform:rotatex(0);opacity:1}}@-o-keyframes flip{100%{-webkit-transform:rotatex(0);opacity:1}}@keyframes flip{100%{-webkit-transform:rotatex(0);transform:rotatex(0);opacity:1}}.helixAnim.active{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:rotatey(-180deg);transform:rotatey(-180deg);-webkit-animation:helix .7s ease-in-out forwards;animation:helix .7s ease-in-out forwards}@-webkit-keyframes helix{100%{-webkit-transform:rotatey(0);opacity:1}}@-moz-keyframes helix{100%{-webkit-transform:rotatey(0);opacity:1}}@-o-keyframes helix{100%{-webkit-transform:rotatey(0);opacity:1}}@keyframes helix{100%{-webkit-transform:rotatey(0);transform:rotatey(0);opacity:1}}.questions{padding:60px 0;position:relative;overflow:hidden;padding-top:10px}.questions .container{position:relative;z-index:3}.questions .bubl_abs{position:absolute}.questions .bubl_7{left:-100px;top:1080px}.questions .bubl_8{left:30px;top:1620px}.questions .bubl_9{left:150px;top:2200px}.questions .bubl_10{right:0;top:0}.questions .bubl_11{left:150px;bottom:-1100px}.questions .bubl_122{right:0;bottom:0}.questions .bubl_124{position:absolute;top:1020px;left:0}.questions .bubl_12{right:-58px;bottom:-1160px}.questions .bubl_13{right:0;top:1535px}.questions h2{font-style:normal;font-weight:500;font-size:40px;line-height:47px;letter-spacing:-.964706px;text-transform:uppercase;color:#252525;text-align:center}.questions h2 span{color:#fdcc04;font-weight:700;font-size:64px;line-height:75px}.questions h4{font-style:normal;font-weight:500;font-size:24px;line-height:28px;text-transform:uppercase;color:#252525;text-align:center}.questions p{font-style:normal;font-weight:400;font-size:18px;line-height:21px;text-align:center;color:#252525;margin-top:40px}.questions .btn-order{display:flex;justify-content:center;align-items:center;width:319px;height:67px;margin:60px auto 0;background:linear-gradient(7.06deg,#ffc400 4.05%,#fdfb00 154.21%);box-shadow:0 6px 0 #edc610;cursor:pointer;transition:.3s;color:#fff;font-style:normal;font-weight:700;font-size:22px;line-height:26px;text-align:center;letter-spacing:-.964706px;text-transform:uppercase;color:#252525;outline:0;border-radius:50px}.questions .btn-order:hover{box-shadow:0 10px 6px #edc610;transform:scale(1.1)}.circle-section-four{padding:80px 0 60px}.circle-section-four h2{font-family:Roboto,sans-serif;font-weight:300;text-align:center;font-size:52px;text-transform:uppercase}.circle-section-four h2 span{color:#c74b00}.circle-section-four .circles-wrapper{padding-top:150px;height:475px;width:800px;margin:0 auto;position:relative}.circle-section-four .circles-wrapper .circle-block{position:relative}.circle-section-four .circles-wrapper .circle-block img{width:215px;height:215px}.circle-section-four .circles-wrapper .circle-block .circle-number{position:absolute;font-family:Roboto,sans-serif;font-weight:700;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10;font-size:32px;color:#fff}.circle-section-four .circles-wrapper .circle-block .circle-content{position:absolute;font-family:Roboto,sans-serif;font-weight:300;font-size:14px}.circle-section-four .circles-wrapper .circle-block:first-of-type{position:absolute;z-index:1}.circle-section-four .circles-wrapper .circle-block:first-of-type .circle-content{padding-left:35px;top:-115px;left:28px;height:150px;width:310px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.circle-section-four .circles-wrapper .circle-block:nth-of-type(2){position:absolute;left:180px;z-index:2}.circle-section-four .circles-wrapper .circle-block:nth-of-type(2) .circle-content{padding-left:35px;padding-top:80px;top:177px;left:26px;height:150px;width:300px;background:url(includes/img/down-line-min.png) no-repeat left top}.circle-section-four .circles-wrapper .circle-block:nth-of-type(3){position:absolute;left:370px;z-index:1}.circle-section-four .circles-wrapper .circle-block:nth-of-type(3) .circle-content{padding-left:35px;top:-115px;left:28px;height:150px;width:300px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.circle-section-four .circles-wrapper .circle-block:nth-of-type(4){position:absolute;left:550px;z-index:1}.circle-section-four .circles-wrapper .circle-block:nth-of-type(4) .circle-content{padding-left:35px;padding-top:80px;top:177px;left:26px;height:150px;width:300px;background:url(includes/img/down-line-min.png) no-repeat left top}.circle-section-three{padding:80px 0 60px}.circle-section-three h2{font-family:Roboto,sans-serif;font-weight:300;text-align:center;font-size:52px;text-transform:uppercase}.circle-section-three h2 span{color:#c74b00}.circle-section-three .circles-wrapper{padding-top:150px;height:475px;width:550px;margin:0 auto;position:relative}.circle-section-three .circles-wrapper .circle-block{position:relative}.circle-section-three .circles-wrapper .circle-block img{width:190px;height:190px}.circle-section-three .circles-wrapper .circle-block .circle-content{position:absolute;font-family:Roboto,sans-serif;font-weight:300;font-size:14px}.circle-section-three .circles-wrapper .circle-block .circle-number{position:absolute;font-family:Roboto,sans-serif;font-weight:700;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10;font-size:32px;color:#fff}.circle-section-three .circles-wrapper .circle-block:first-of-type{position:absolute;z-index:1}.circle-section-three .circles-wrapper .circle-block:first-of-type .circle-content{padding-left:35px;top:-110px;left:28px;height:140px;width:300px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.circle-section-three .circles-wrapper .circle-block:nth-of-type(2){position:absolute;left:170px;z-index:2}.circle-section-three .circles-wrapper .circle-block:nth-of-type(2) .circle-content{padding-left:35px;padding-top:80px;top:160px;left:26px;height:150px;width:300px;background:url(includes/img/down-line-min.png) no-repeat left top}.circle-section-three .circles-wrapper .circle-block:nth-of-type(3){position:absolute;left:340px;z-index:1}.circle-section-three .circles-wrapper .circle-block:nth-of-type(3) .circle-content{padding-left:35px;top:-110px;left:28px;height:140px;width:330px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.blog-article{background:#f9f9fb}.blog{background:#f9f9fb;padding:120px 0 40px;overflow:hidden;position:relative}.blog .container{position:relative}.blog .bubl_abs{position:absolute}.blog .bubl{width:100%;height:100%;overflow:hidden;position:absolute}.blog .bubl_1{top:20px;left:-50px}.blog .bubl_2{top:600px;left:-30px}.blog .bubl_3{top:400px;left:120px}.blog .bubl_4{top:1000px;left:-30px}.blog .bubl_5{top:1300px;left:170px}.blog .bubl_6{top:900px;left:200px}.blog .bubl_7{top:1200px;left:20px}.blog .bubl_8{top:170px;right:-300px}.blog .bubl_9{top:1200px;right:-70px}.blog .bubl_10{top:1340px;right:-40px}.blog .bubl_11{top:700px;right:30px}@media screen and (max-width:1200px){.blog .bubl_1{top:620px;left:-50px}.blog .bubl_2{top:1100px;left:-30px}.blog .bubl_3{top:900px;left:120px}.blog .bubl_4{top:1500px;left:-30px}.blog .bubl_5{top:1800px;left:170px}.blog .bubl_6{top:1400px;left:200px}.blog .bubl_7{top:1700px;left:20px}.blog .bubl_8{top:670px;right:-300px}.blog .bubl_9{top:1700px;right:-70px}.blog .bubl_10{top:1840px;right:-40px}.blog .bubl_11{top:1200px;right:30px}}@media screen and (max-width:768px){.blog .bubl_1{top:220px;left:-50px}.blog .bubl_2{top:1100px;left:-30px}.blog .bubl_3{top:1900px;left:120px}.blog .bubl_4{top:3500px;left:-30px}.blog .bubl_5{top:4700px;left:100px}.blog .bubl_6{top:3000px;left:200px}.blog .bubl_7{top:3400px;left:20px}.blog .bubl_8{top:570px;right:-300px}.blog .bubl_9{top:1850px;right:-70px}.blog .bubl_10{top:3740px;right:-40px}.blog .bubl_11{top:2600px;right:-30px}}@media screen and (max-width:576px){.blog .bubl_1{top:150px}.blog .bubl_2{top:1020px;left:-50px}.blog .bubl_3{top:1900px;left:-50px}.blog .bubl_4{top:1500px;left:-30px}.blog .bubl_5{top:4700px;left:100px}.blog .bubl_6{top:3000px;left:200px}.blog .bubl_7{top:550px;left:-50px}.blog .bubl_8{top:470px;right:-300px}.blog .bubl_9{top:1850px;right:-70px}.blog .bubl_10{top:1200px;right:-40px}.blog .bubl_11{top:100px;right:-30px}header .main_logo img{object-fit:contain;width:100%;height:auto}}.circle-section-bubl{position:relative}.circle-section-bubl .bubl{width:100%;height:100%;overflow:hidden;position:absolute;top:0}.circle-section-bubl .bubl_abs{position:absolute}.circle-section-bubl .bubl_1{top:300px;left:200px}.circle-section-bubl .bubl_2{top:650px;left:-30px}.circle-section-bubl .bubl_3{top:850px;left:150px}.circle-section-bubl .bubl_4{top:200px;right:-100px}.circle-section-bubl .bubl_5{top:800px;right:0}.circle-section-bubl .bubl_6{top:500px;right:50px}.circle-section-bubl .bubl_7{top:800px;right:60px}.circle-section-bubl .bubl_8{top:400px;left:150px}@media screen and (max-width:1200px){.circle-section-bubl .bubl_1{top:300px;left:80px}.circle-section-bubl .bubl_2{top:650px;left:-60px}.circle-section-bubl .bubl_3{top:800px;left:50px}.circle-section-bubl .bubl_4{top:200px;right:-160px}.circle-section-bubl .bubl_5{top:700px;right:-30px}.circle-section-bubl .bubl_6{top:500px;right:0}.circle-section-bubl .bubl_7{top:700px;right:0}.circle-section-bubl .bubl_8{top:300px;left:0}}@media screen and (max-width:920px){.circle-section-bubl .bubl_1{top:300px;left:0}.circle-section-bubl .bubl_2{top:700px;left:-60px}.circle-section-bubl .bubl_3{top:900px;left:0}.circle-section-bubl .bubl_4{top:200px;right:-200px}.circle-section-bubl .bubl_5{top:800px;right:-30px}.circle-section-bubl .bubl_6{top:700px;right:-100px}.circle-section-bubl .bubl_7{display:none;top:700px;right:0}.circle-section-bubl .bubl_8{top:300px;left:-80px}}@media screen and (max-width:768px){.circle-section-bubl .bubl_1{top:1200px;left:0}.circle-section-bubl .bubl_2{top:1000px;left:-60px}.circle-section-bubl .bubl_3{top:1800px;left:-50px}.circle-section-bubl .bubl_4{top:400px;right:-200px}.circle-section-bubl .bubl_5{top:1600px;right:-30px}.circle-section-bubl .bubl_6{top:1170px;right:-100px}.circle-section-bubl .bubl_7{display:block;top:1500px;right:-100px}.circle-section-bubl .bubl_8{top:300px;left:-80px}}@media screen and (max-width:576px){.circle-section-bubl .container h2{font-size:36px;position:relative;z-index:10}.circle-section-bubl .bubl_1{top:1400px;left:-40px}.circle-section-bubl .bubl_2{top:1100px;left:-80px}.circle-section-bubl .bubl_3{top:1900px;left:-50px}.circle-section-bubl .bubl_4{top:400px;right:-220px}.circle-section-bubl .bubl_5{top:1600px;right:-50px}.circle-section-bubl .bubl_6{top:1170px;right:-130px}.circle-section-bubl .bubl_7{display:block;top:1600px;right:-130px}.circle-section-bubl .bubl_8{top:400px;left:-130px}}.gantt-table{position:relative}.gantt-table .bubl{width:100%;height:calc(100% + 413px);overflow:hidden;position:absolute;top:0;z-index:-1}.gantt-table .bubl_abs{position:absolute}.gantt-table .bubl_1{top:500px;left:-100px}.gantt-table .bubl_2{top:1700px;left:-50px}.gantt-table .bubl_3{top:2000px;left:100px}.gantt-table .bubl_4{top:2300px;left:100px}.gantt-table .bubl_5{top:2200px;left:0}.gantt-table .bubl_6{top:1350px;right:0}.gantt-table .bubl_7{top:1550px;right:50px}.gantt-table .bubl_8{top:1900px;right:50px}.gantt-table .bubl_9{top:1200px;right:0}@media screen and (max-width:1655px){.gantt-table .bubl_1{top:500px;left:-150px}.gantt-table .bubl_2{top:1700px;left:-50px}.gantt-table .bubl_3{top:2000px;left:10px}.gantt-table .bubl_4{top:2300px;left:50px}.gantt-table .bubl_5{top:2200px;left:-50px}.gantt-table .bubl_6{top:1350px;right:-40px}.gantt-table .bubl_7{top:1550px;right:-40px}.gantt-table .bubl_8{top:1900px;right:0}.gantt-table .bubl_9{top:1200px;right:-100px}}@media screen and (max-width:1400px){.gantt-table .bubl_1{top:500px;left:-240px}.gantt-table .bubl_2{top:1700px;left:-80px}.gantt-table .bubl_3{top:2000px;left:-70px}.gantt-table .bubl_4{top:2300px;left:50px;display:none}.gantt-table .bubl_5{top:2200px;left:-130px}.gantt-table .bubl_6{top:1350px;right:-70px}.gantt-table .bubl_7{top:1550px;right:-140px}.gantt-table .bubl_8{top:1900px;right:-60px}.gantt-table .bubl_9{top:1200px;right:-200px}}@media screen and (max-width:993px){.gantt-table .bubl{height:calc(100% + 390px)}.gantt-table .bubl_1{top:500px;left:-210px}.gantt-table .bubl_2{top:1650px;left:-60px}.gantt-table .bubl_3{top:1900px;left:-60px}.gantt-table .bubl_4{top:2300px;left:50px;display:none}.gantt-table .bubl_5{top:2130px;left:-100px}.gantt-table .bubl_6{top:1350px;right:-70px}.gantt-table .bubl_7{top:1550px;right:-120px}.gantt-table .bubl_8{top:1900px;right:-60px}.gantt-table .bubl_9{top:1200px;right:-200px}}.blog h1{font-family:Roboto,sans-serif;font-weight:300;text-align:center;font-size:50px;padding-bottom:40px}.blog h2{font-family:Roboto,sans-serif;font-weight:300;text-align:center;font-size:50px;padding-bottom:40px}.blog-item{width:350px;margin:0 auto;margin-bottom:50px;background:#fff;box-shadow:0 0 10px #ebecf2}.blog-item a{color:#000;text-decoration:none}.blog-item .blog-img{width:350px;height:200px;margin:0 auto;padding:10px}.blog-item img{display:block;margin:0 auto;width:100%;height:100%}.blog-item .content-item{height:60px;overflow:hidden;padding:10px;font-size:20px;line-height:24px;text-align:center}.blog-item .footer-item{padding:10px;color:#b5b7c4}.blog-item .footer-item div{float:left;padding:5px;box-sizing:border-box;border:1px solid #ebecf2;font-size:15px}.blog-item .footer-item div:first-of-type{width:100%;height:34px;text-align:center}.blog-item .footer-item div:first-of-type span{font-family:Roboto,sans-serif;font-weight:500}.blog-item .footer-item div:first-of-type i{margin-right:10px}.blog-item .footer-item div:nth-of-type(2){width:30%;height:34px;text-align:center}.more-btn{display:block;width:235px;height:55px;margin:0 auto;background:#c74b00;color:#fff;border-radius:10px;text-align:center;line-height:55px;font-size:24px;box-sizing:border-box;cursor:pointer;transition:.3s}.blog .more-btn:hover{background:#943900;color:#fff}.inner-page{margin-top:80px;background:#fff}.inner-page .inner-page-header{height:350px;width:100%;position:relative;z-index:10}.inner-page .inner-page-header h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;text-align:center;font-size:56px;color:#fff}.inner-page .blog-date{margin:40px 0 10px;padding:20px 0;color:#5b5c62;border-top:1px solid #ebecf2;border-bottom:1px solid #ebecf2}.inner-page .blog-date .read{float:left}.inner-page .blog-date .read i{margin-right:10px}.inner-page .blog-date .blog-time{float:right}.inner-page .inner-content{padding:20px 0 50px 0}.inner-page .inner-content img{display:block;margin:30px auto}.inner-page .inner-content .content-blog-header{font-size:32px;color:#000;margin-bottom:20px}.inner-page .inner-content ol,.inner-page .inner-content ul{list-style:disc;list-style-position:inside;font-size:18px;color:#5b5c62}.inner-page .inner-content p{color:#5b5c62;font-size:18px;text-align:justify;margin-bottom:20px}.inner-page .inner-content .main-content-blog figure{margin:20px auto}.inner-page .inner-content .main-content-blog img{display:block;margin:20px auto}.inner-page .inner-content .main-content-blog h4{font-size:26px;padding:15px 0;text-align:left}.inner-page .socials-data{display:none;clear:both;width:100%;margin-top:10px;padding:40px 0;border-top:1px solid #ebecf2;border-bottom:1px solid #ebecf2}.inner-page .socials-data .social-likes__widget{padding:5px}.read-more h2{padding-top:50px;padding-bottom:20px;font-size:26px}.show-block{display:none}.show-block.active{display:block}.main-error{background:#ffcd03;height:100vh;position:relative}.main-error .error-wrapper{width:700px;position:absolute;top:70%;left:50%;transform:translate(-50%,-70%)}.main-error .error-wrapper .error-header{height:340px;background:url(includes/img/error-number-min.png) no-repeat center center;background-size:contain}.main-error .error-wrapper .error-header .add-error{display:none}.main-error .error-wrapper .error-header h2{margin-bottom:30px;font-size:52px;text-align:center;font-family:PFDinDisplayPro-Bold}.main-error .error-wrapper .error-header img{display:block;margin:0 auto}.main-error .error-wrapper .exist{text-align:center;font-size:22px;color:#000}.main-error .error-wrapper .btn-error{display:block;margin:20px auto 20px;width:370px;height:70px;font-size:32px;line-height:70px;text-align:center;text-decoration:none;color:#fff;background:#c74b00;cursor:pointer;transition:.3s}.main-error .error-wrapper .btn-error:hover{background:#ab3100}.main-error .error-wrapper .social-footer{width:370px;margin:0 auto}.main-error .error-wrapper .social-footer li{float:left;width:25%;text-align:center}.main-error .error-wrapper .social-footer li a{font-size:20px}.main-error .error-wrapper .social-footer li .fa-stack{color:transparent;border:1px solid #000;border-radius:50px;transition:.3s}.main-error .error-wrapper .social-footer li .fa-stack .fa-inverse{color:#000;transition:.3s}.main-error .error-wrapper .social-footer li:hover .fa-stack{transform:rotatey(180deg);border:1px solid #c74b00}.main-error .error-wrapper .social-footer li:hover .fa-inverse{transform:rotatey(180deg);color:#c74b00}@media only screen and (min-width:1400px){.top-section{height:1000px;text-align:center;background:url(includes/img/yellow-line.jpg) no-repeat center bottom,url(includes/img/top-bg.jpg) no-repeat center center;background-size:100% 300px,cover;background-attachment:scroll,fixed;position:relative}.top-section .monitors{margin:90px auto 0;width:1080px;height:530px;background:url(includes/img/devices-min.png) no-repeat center center;background-size:1080px 530px}.top-section p{margin-top:20px}.top-section .web-options{margin-top:40px}.contact .map{height:85vh}}@media only screen and (max-width:1200px){header .contacts p{font-size:18px;text-align:center}header .contacts span{width:130px;height:35px;font-size:14px}header .main_nav li a{font-size:14px!important}header .sub-overlay li:hover h4{background-size:50px 50px;padding-top:50px}header .sub-overlay .icon-content-wrapper{top:20%}header .sub-overlay li:hover .icon-content-wrapper{top:10%}header .sub-overlay li{height:185px}header .sub-overlay .submenu-one li:first-of-type .list-content{width:230px;opacity:0;position:absolute;top:10%;right:2%;transition:.3s}header .sub-overlay .submenu-one li:first-of-type .list-content p{margin-bottom:10px;line-height:14px;font-size:14px}header .sub-overlay .submenu-two li:first-of-type .list-content{width:230px;opacity:0;position:absolute;top:10%;right:2%;transition:.3s}header .sub-overlay .submenu-two li:first-of-type .list-content p{margin-bottom:10px;line-height:14px;font-size:14px}header .sub-overlay .submenu-one li:first-of-type h4,header .sub-overlay .submenu-two li:first-of-type h4{top:20%}.act-block-wrapper{width:720px;margin:0 auto}.act-block{height:400px;margin-bottom:10px}.act-block:nth-of-type(1){margin-left:20px}.act-block:nth-of-type(3){margin-right:0}.act-block:nth-of-type(4){margin-left:140px}.bx-wrapper .bx-next,.bx-wrapper .bx-prev{display:none}.dev-advantage .circles-wrapper .circle-block{position:relative}.dev-advantage .circles-wrapper .circle-block img{width:180px;height:180px}.dev-advantage .circles-wrapper .circle-block .circle-content{font-size:16px}.dev-advantage .circles-wrapper .circle-block:first-of-type .circle-content{padding-left:35px;top:-85px;left:28px;height:110px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2){left:150px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2) .circle-content{top:152px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3){left:300px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3) .circle-content{padding-left:35px;top:-85px;left:28px;height:110px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4){position:absolute;left:450px;z-index:2}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4) .circle-content{top:152px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5){left:605px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5) .circle-content{padding-left:35px;top:-85px;left:28px;height:110px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6){left:755px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6) .circle-content{top:152px;width:140px}.circle-section-four{padding:80px 0 60px}.circle-section-four h2{font-family:Roboto,sans-serif;font-weight:300;text-align:center;font-size:52px;text-transform:uppercase}.circle-section-four h2 span{color:#c74b00}.circle-section-four .circles-wrapper{padding-top:150px;height:475px;width:650px;margin:0 auto;position:relative}.circle-section-four .circles-wrapper .circle-block{position:relative}.circle-section-four .circles-wrapper .circle-block img{width:170px;height:170px}.circle-section-four .circles-wrapper .circle-block .circle-number{position:absolute;font-family:Roboto,sans-serif;font-weight:700;text-align:center;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;z-index:10;font-size:32px;color:#fff}.circle-section-four .circles-wrapper .circle-block .circle-content{position:absolute;font-family:Roboto,sans-serif;font-weight:300;font-size:16px}.circle-section-four .circles-wrapper .circle-block:first-of-type{position:absolute;z-index:1}.circle-section-four .circles-wrapper .circle-block:first-of-type .circle-content{padding-left:35px;top:-115px;left:28px;height:138px;width:310px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.circle-section-four .circles-wrapper .circle-block:nth-of-type(2){position:absolute;left:150px;z-index:2}.circle-section-four .circles-wrapper .circle-block:nth-of-type(2) .circle-content{padding-left:35px;padding-top:80px;top:135px;left:16px;height:150px;width:300px;background:url(includes/img/down-line-min.png) no-repeat left top}.circle-section-four .circles-wrapper .circle-block:nth-of-type(3){position:absolute;left:300px;z-index:1}.circle-section-four .circles-wrapper .circle-block:nth-of-type(3) .circle-content{padding-left:35px;top:-115px;left:28px;height:138px;width:300px;background:url(includes/img/top-line-min.png) no-repeat left 7px}.circle-section-four .circles-wrapper .circle-block:nth-of-type(4){position:absolute;left:450px;z-index:1}.circle-section-four .circles-wrapper .circle-block:nth-of-type(4) .circle-content{padding-left:30px;padding-top:80px;top:135px;left:16px;height:150px;width:220px;background:url(includes/img/down-line-min.png) no-repeat left top}.task.task-development{background:url(includes/img/development-parallax-min.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%!important}.task.task-promotion{background:url(includes/img/promotion-parallax-min.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-prototype{background:url(includes/img/prototype-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-desing{background:url(includes/img/desing-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-support{background:url(includes/img/support-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-seo{background:url(includes/img/seo-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-smm{background:url(includes/img/smm-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-advertising{background:url(includes/img/advertising-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-email{background:url(includes/img/email-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task.task-analitica{background:url(includes/img/analitica-parallax.webp) no-repeat,#f8f8f9;background-size:25% 100%,75% 100%}.task .parallax-wrapper{height:400px;position:relative}.task .parallax-wrapper .parallax-img{display:block;margin:35px auto 0;width:330px;height:330px;opacity:0}.task .parallax-wrapper .parallax-content{padding-top:60px}.task .parallax-wrapper .parallax-content p{font-size:18px}.task .parallax-wrapper .parallax-content .add-text.active{font-size:18px}.task .add-modal{padding:20px 20px;width:400px;left:450px;top:310px}.task .dot-nav-wrapper{display:block;position:relative}.task .dot-nav-wrapper .dot-nav{top:100px;left:60%}.task.task-development .parallax-wrapper .parallax-content h2{font-size:48px}}@media only screen and (max-width:992px){header{padding:3px 0}header .main_logo{margin-top:5px}header .language{display:none}header .sub-overlay{display:none}header #techList{display:none}header .phone-wrap{transform:translateX(-40%)}header .overlay .main_nav li.mobile-add-menu{display:block;cursor:pointer}header .overlay .main_nav li.mobile-add-menu p{display:block;color:#000;padding:5px;line-height:normal;text-decoration:none;font-size:30px;transition:.3s;text-align:center}header .overlay{width:0;height:100%;position:fixed;z-index:9999;top:40px;left:0;background-color:#fff;overflow-x:hidden;transition:.5s}header .overlay nav{position:absolute;top:0;left:0;width:100%;padding:10px 0}header .overlay nav .main_nav li{float:none;margin-right:0;width:100%;line-height:normal;height:auto}header .overlay nav .main_nav li a{display:block;color:#000;padding:5px;line-height:normal;text-decoration:none;font-size:30px;transition:.3s;text-align:center}header .overlay nav .main_nav li .top-link{display:none}header .overlay nav .main_nav li:hover a{color:#c74b00}header .overlay .main_nav li.mobile-add-menu ul{display:none}header .overlay .main_nav li.mobile-add-menu.active ul{display:block}header .overlay .main_nav li.mobile-add-menu:hover p{color:#c74b00}header .overlay .main_nav li.mobile-add-menu.active p{color:#c74b00}header .overlay .main_nav li.mobile-add-menu ul a{font-size:18px;color:#000}header .overlay .main_nav li.mobile-add-menu ul li:hover a{color:#c74b00}header .overlay .main_nav li.mobile-add-menu p i{transition:.3s}header .overlay .main_nav li.mobile-add-menu.active p i{transform:rotate(180deg)}header .menu{display:block;float:right;width:45px;height:40px;margin-top:0;border:0;cursor:pointer;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}header .menu div{margin:10px auto 0;background:#ffcd03;margin-top:8px;width:30px;height:2px;margin-right:3px;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;transition:.4s}header .change .bar1{-webkit-transform:rotate(45deg) translate(8px,9px);-moz-transform:rotate(45deg) translate(8px,9px);-o-transform:rotate(45deg) translate(8px,9px);transform:rotate(45deg) translate(8px,9px)}header .change .bar2{opacity:0}header .change .bar3{-webkit-transform:rotate(-45deg) translate(5px,-5px);-moz-transform:rotate(-45deg) translate(5px,-5px);-o-transform:rotate(-45deg) translate(5px,-5px);transform:rotate(-45deg) translate(5px,-5px)}.top-section{background:url(includes/img/yellow-line.jpg) no-repeat center bottom,url(includes/img/top-bg.jpg) no-repeat center center;background-size:100% 80px,cover;background-attachment:none}.top-section .monitors{margin:50px auto 0;width:580px;height:285px;background:url(includes/img/devices-min.png) no-repeat center center;background-size:580px 285px}.top-section .top-content{margin:100px auto 0}.act-block-wrapper{width:auto;margin:0 auto}.tech .tech-icon{margin-bottom:20px}.tech .tech-icon p{padding-top:120px}.mobile .carousel{height:420px}.slideAnimation{opacity:1}.activity .act-block{opacity:1}.questions{padding:60px 0}.questions h2{font-size:42px;margin-bottom:30px}.questions .btn-order{width:350px;height:65px;margin:40px auto 0;font-size:26px;line-height:65px}footer .footer-top .footer-nav li:nth-of-type(2){width:23%}footer .footer-top .footer-nav li:nth-of-type(4){width:12%}.head-about .content h1{font-size:42px}.head-about .content p{font-size:20px}.about-section{margin-top:0}.about-section .about-content .about-list p{font-size:34px}.portfolio .port-block a>img{opacity:1}.dev-advantage{padding-bottom:0}.dev-advantage .circles-wrapper .circle-block{position:relative}.dev-advantage .circles-wrapper .circle-block img{width:140px;height:140px}.dev-advantage .circles-wrapper .circle-block .circle-number{font-size:26px}.dev-advantage .circles-wrapper .circle-block .circle-content{font-size:14px}.dev-advantage .circles-wrapper .circle-block:first-of-type .circle-content{padding-left:28px;top:-85px;left:18px;height:110px;width:180px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2){left:100px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2) .circle-content{top:115px;left:20px;width:190px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3){left:220px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3) .circle-content{padding-left:28px;top:-85px;left:18px;height:110px;width:180px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4){left:450px;z-index:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4) .circle-content{top:115px;left:-97px;width:190px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5){left:335px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5) .circle-content{padding-left:28px;top:-85px;left:132px;height:110px;width:180px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6){left:575px}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6) .circle-content{width:120px;left:16px;top:115px}.task{padding-top:50px;padding-bottom:50px;height:auto}.task.task-development{background:#f8f8f9;background-size:100% 100%}.task.task-promotion{background:#f8f8f9;background-size:100% 100%}.task.task-prototype{background:#f8f8f9;background-size:100% 100%}.task.task-desing{background:#f8f8f9;background-size:100% 100%}.task.task-support{background:#f8f8f9;background-size:100% 100%}.task.task-seo{background:#f8f8f9;background-size:100% 100%}.task.task-smm{background:#f8f8f9;background-size:100% 100%}.task.task-advertising{background:#f8f8f9;background-size:100% 100%}.task.task-email{background:#f8f8f9;background-size:100% 100%}.task.task-analitica{background:#f8f8f9;background-size:100% 100%}.task .parallax-wrapper{height:auto;position:relative}.task .parallax-wrapper .parallax-img{display:none}.task .parallax-wrapper .parallax-content{padding-top:0;height:auto;overflow:auto}.task .parallax-wrapper .parallax-content h2{position:static;top:0;margin-bottom:30px}.task .parallax-wrapper .parallax-content p{font-size:18px}.task .parallax-wrapper .parallax-content .add-text{font-size:18px;opacity:1;visibility:visible;margin-bottom:10px}.task .add-modal{display:block;padding:20px;margin-top:30px;width:400px;position:static;opacity:1}.task .dot-nav-wrapper{display:none}.task.task-development .parallax-wrapper .parallax-content h2{font-size:48px}.gantt-development table tr td:last-of-type{font-size:14px}.gantt-development table .arrow{width:15px;height:17px}.gantt-development table .infinity{width:28px;height:17px}.portfolio.main{margin-top:40px}.portfolio.main a:hover .img-overlay{display:none}.portfolio.main a:hover>img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}.portfolio .port-block a:hover .img-overlay{display:none}.portfolio .port-block a:hover>img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0)}.head-about{margin-top:40px}.bingc-phone-button.bingc-language-ru.bingc-show{display:none!important}.inner-page{margin-top:20px}.inner-page .inner-page-header h1{font-size:42px}.blog{padding:60px 0 40px}}@media only screen and (max-width:768px){header .main_logo{margin-top:8px}header .main_logo img{width:125px;height:27px}.dev-slider{display:none}.header-development{background:url(includes/img/header-development-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-promotion{background:url(includes/img/header-promotion-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-prototype{background:url(includes/img/header-prototype-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-desing{background:url(includes/img/header-desing-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-support{background:url(includes/img/header-support-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-seo{background:url(includes/img/header-seo-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-smm{background:url(includes/img/header-smm-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-advertising{background:url(includes/img/header-advertising-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-mail{background:url(includes/img/header-mail-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.header-analitica{background:url(includes/img/header-analitica-min.webp) no-repeat center center;background-size:cover;background-attachment:none}.top-section{padding-bottom:60px;height:auto;background:url(includes/img/top-bg.webp) no-repeat center center;background-size:cover;background-attachment:none}.top-section .monitors{display:none}.top-section .top-content{width:auto}.top-section .top-content h1{font-size:42px;margin-bottom:10px}.top-section .top-content p{font-size:26px;line-height:normal}.top-section .top-content .web-options a:first-child{float:none}.top-section .top-content .web-options a:last-child{float:none}.top-section .top-content .web-options a{margin:0 auto 20px}.activity .act-block{width:100%;margin:0 auto 25px;height:auto}.activity .act-block:nth-of-type(4){margin:0 auto 25px}.mobile{background:#ffcd03}.mobile .carousel{display:none}.mobile h2+p{margin-bottom:0}.mobile .order-mobile{width:350px;height:65px;margin:20px auto 40px;line-height:65px;font-size:32px}.tech .tech-icon div{opacity:1}.portfolio{display:none}.portfolio.main{display:block}footer .footer-top{display:none}footer .footer-bottom{margin-top:0}footer .footer-bottom .footer-contacts{display:none}.contact{margin-top:40px}.contact .map{height:400px}.contact .map .map-content{width:100%;height:100%;left:50%;top:50%;transform:translate(-50%,-50%);background:#fff;padding:40px 0 0 0}.head-section{height:660px}.head-section .top-content{top:110px;width:300px}.head-section .top-content h1{font-size:32px}.head-section .top-content h1+p{font-size:20px}.head-section .top-content .web-options{width:290px;margin:30px auto 30px}.head-section .top-content .web-options a:first-of-type{float:none;margin:0 auto 15px}.head-section .top-content .web-options a:last-of-type{float:none;margin:0 auto}.head-section .top-content .footer-content{width:290px;display:flex;flex-direction:column;align-items:center}.head-section .top-content .footer-content div{display:flex;align-items:center;flex-direction:column}.dev-advantage{padding-bottom:30px}.dev-advantage h2{margin-bottom:40px}.dev-advantage .circles-wrapper{height:auto;padding-top:0}.dev-advantage .circles-wrapper .circle-block{float:none;margin-bottom:30px}.dev-advantage .circles-wrapper .circle-block img{display:block;width:120px;height:120px;margin:0 auto 15px}.dev-advantage .circles-wrapper .circle-block .circle-number{top:60px;width:100%;font-size:26px}.dev-advantage .circles-wrapper .circle-block .circle-content{font-size:18px;position:static;padding-left:0;padding-top:0;text-align:center}.dev-advantage .circles-wrapper .circle-block:first-of-type{position:relative}.dev-advantage .circles-wrapper .circle-block:first-of-type .circle-content{background:0;padding-left:0;padding-top:0;height:auto;width:100%}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2){position:relative;left:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(2) .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3){position:relative;left:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(3) .circle-content{background:0;padding-left:0;padding-top:0;top:0;left:0;height:auto;width:100%}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4){position:relative;left:0;z-index:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(4) .circle-content{background:0;padding-left:0;padding-top:0;height:auto;top:0;left:0;width:100%}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5){position:relative;left:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(5) .circle-content{background:0;padding-left:0;padding-top:0;top:0;left:0;height:auto;width:100%}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6){position:relative;left:0}.dev-advantage .circles-wrapper .circle-block:nth-of-type(6) .circle-content{height:auto;background:0;padding-left:0;padding-top:0;width:100%;left:0;top:0}.circle-section-three{padding-bottom:30px}.circle-section-three h2{margin-bottom:40px}.circle-section-three .circles-wrapper{padding-top:0;height:auto;width:100%;margin:0 auto;position:relative}.circle-section-three .circles-wrapper .circle-block{position:relative;float:none;margin-bottom:30px}.circle-section-three .circles-wrapper .circle-block img{display:block;width:120px;height:120px;margin:0 auto 15px}.circle-section-three .circles-wrapper .circle-block .circle-content{position:static;font-family:Roboto,sans-serif;font-weight:300;font-size:14px;text-align:center}.circle-section-three .circles-wrapper .circle-block .circle-number{top:60px;width:100%;font-size:26px}.circle-section-three .circles-wrapper .circle-block:first-of-type{position:relative;left:0}.circle-section-three .circles-wrapper .circle-block:first-of-type .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.circle-section-three .circles-wrapper .circle-block:nth-of-type(2){position:relative;left:0}.circle-section-three .circles-wrapper .circle-block:nth-of-type(2) .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.circle-section-three .circles-wrapper .circle-block:nth-of-type(3){position:relative;left:0}.circle-section-three .circles-wrapper .circle-block:nth-of-type(3) .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.circle-section-four{padding-bottom:30px}.circle-section-four h2{margin-bottom:40px;font-size:40px}.circle-section-four .circles-wrapper{padding-top:0;height:auto;width:100%;margin:0 auto;position:relative}.circle-section-four .circles-wrapper .circle-block{position:relative;float:none;margin-bottom:30px}.circle-section-four .circles-wrapper .circle-block img{display:block;width:120px;height:120px;margin:0 auto 15px}.circle-section-four .circles-wrapper .circle-block .circle-content{position:static;font-family:Roboto,sans-serif;font-weight:300;font-size:18px;text-align:center}.circle-section-four .circles-wrapper .circle-block .circle-number{top:60px;width:100%;font-size:26px}.circle-section-four .circles-wrapper .circle-block:first-of-type{position:relative;left:0}.circle-section-four .circles-wrapper .circle-block:first-of-type .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.circle-section-four .circles-wrapper .circle-block:nth-of-type(2){position:relative;left:0}.circle-section-four .circles-wrapper .circle-block:nth-of-type(2) .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.circle-section-four .circles-wrapper .circle-block:nth-of-type(3){position:relative;left:0}.circle-section-four .circles-wrapper .circle-block:nth-of-type(3) .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.circle-section-four .circles-wrapper .circle-block:nth-of-type(4){position:relative;left:0}.circle-section-four .circles-wrapper .circle-block:nth-of-type(4) .circle-content{background:0;top:0;left:0;width:100%;height:auto;padding-left:0;padding-top:0}.gantt-table{display:none;padding:40px 0 0 0}.gantt-table h2{margin-bottom:30px}.gantt-table .table{display:none}.gantt-table .gantt-content{display:block}.gantt-table .gantt-content .table-number{font-family:PFDinDisplayPro-Bold}.portfolio.main h1{font-size:40px}.portfolio.main h1+p{font-size:20px;margin-bottom:30px}.blog-item{width:280px;margin:10px auto}.blog-item .blog-img{width:280px}.more-btn{width:250px;margin:10px auto}.inner-page .inner-content .inner-img,.inner-page .inner-content .main-content-blog img{display:none}.inner-page .inner-page-header{height:100 vh}.inner-page .inner-page-header h1{font-size:32px}.inner-page .inner-content img{width:100%;height:100%;object-fit:contain}.blog-item .footer-item div{font-size:13px}.blog h2{padding-bottom:20px}.main-error{background:#ffcd03;height:100vh;position:relative}.main-error .error-wrapper{width:auto;top:70%;left:50%;transform:translate(-50%,-70%)}.main-error .error-wrapper .error-header{height:auto;background:0}.main-error .error-wrapper .error-header .add-error{font-family:Roboto,sans-serif;font-weight:700;display:block;font-size:65px;line-height:65px;color:#fff;text-align:center}.main-error .error-wrapper .error-header h2{margin-bottom:0;font-size:38px;text-align:center;font-family:PFDinDisplayPro-Bold}.main-error .error-wrapper .error-header img{display:none}.main-error .error-wrapper .exist{text-align:center;font-size:20px;color:#000}.main-error .error-wrapper .btn-error{display:block;margin:20px auto 20px;width:250px;height:50px;font-size:26px;line-height:50px}.main-error .error-wrapper .social-footer{width:280px}#sectport-block{margin-top:48px}}@media only screen and (max-width:480px){.top-section .top-content h1{font-size:38px}.top-section .top-content p{font-size:18px}.activity h2,.circle-section-three h2,.dev-advantage h2,.gantt-table h2,.task.task-development .parallax-wrapper .parallax-content h2,.tech h2{font-size:30px}.mobile h2{font-family:Roboto,sans-serif;font-weight:300;margin:20px 0 20px;font-size:36px}.mobile h2+p{margin-bottom:50px;text-align:center;font-size:18px}.mobile .mobile-content h3{font-size:26px}.mobile .mobile-content h3+p{font-size:18px}.mobile .order-mobile{width:250px;height:55px;line-height:55px;font-size:26px}.questions h2{font-size:34px}.questions .btn-order{width:250px;height:55px;line-height:55px;font-size:26px}.callback-form form,.callback-form-two form{padding:0 5px;width:280px}.callback-form form input[type=submit],.callback-form-two form input[type=submit]{margin:10px auto}.callback-form form p:nth-of-type(2),.callback-form-two form h4+p{padding-bottom:0;padding-top:10px;margin-bottom:10px}.task .add-modal{width:100%}}#sectport-block{margin-top:80px}#sectport-block a{text-decoration:none}#sectport-block .top-cont{display:flex;height:auto;width:100%}#sectport-block .left{width:50%;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto;overflow:hidden}#sectport-block .works{display:flex;justify-content:center;align-items:center;position:relative;background-color:#ffce00;cursor:pointer;overflow:hidden}#sectport-block .works:hover img{transform:translate(-50%,-50%);transition:1s}#sectport-block .works img{width:80%;position:absolute;left:50%;top:50%;transform:translate(-90%,-80%);z-index:0}#sectport-block .works_title{position:relative;z-index:100;display:flex;flex-direction:column;user-select:none}#sectport-block .logo-ux{width:50%}#sectport-block .works_title span{font-style:normal;font-weight:300;font-size:calc(100vw / 30);line-height:calc(100vw / 30);text-align:center;letter-spacing:-.964706px;color:#252525;margin-left:-200px}#sectport-block .works_title span.works_title_last{font-style:normal;font-weight:400;text-align:center;letter-spacing:-.964706px;color:#252525;margin-right:-200px}#sectport-block .uxprice-card{position:relative;height:auto;background-image:url(includes/img/sec-case.webp);background-size:cover;background-position:center center}#sectport-block .uxprice-card:hover .uxprice-card_link{opacity:1;transition:.5s}#sectport-block .uxprice-card .uxprice-card-bg{width:100%;height:100%}#sectport-block hr{width:30px;height:1px;background-color:#ffcd03;border:none;margin-top:25px}#sectport-block .uxprice-card p{font-size:calc(100vw/70);color:#fff;text-align:center;text-transform:uppercase;font-weight:300}#sectport-block .uxprice-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(199,75,0,.8);opacity:0}#sectport-block .status-card{position:relative;height:auto;background-image:url(includes/img/third-case.webp);background-size:cover;background-position:center center}#sectport-block .status-card .status-card-bg{width:100%;height:100%}#sectport-block .status-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(199,75,0,.8);opacity:0}#sectport-block .status-card:hover .status-card_link{opacity:1;transition:.5s}#sectport-block .status-card p{font-size:calc(100vw/70);color:#fff;text-align:center;text-transform:uppercase;font-weight:300}#sectport-block .logo-status{width:80%}#sectport-block .scontrol-card{position:relative;height:auto;background-image:url(includes/img/fourth-case.webp);background-size:cover;background-position:center center}#sectport-block .scontrol-card:hover .scontrol-card_link{opacity:1;transition:.5s}#sectport-block .scont-logo{width:80%}#sectport-block .scontrol-card-bg{width:100%;height:100%}#sectport-block hr{width:30px;height:1px;background-color:#ffcd03;border:none;margin-top:25px}#sectport-block .scontrol-card p{font-size:calc(100vw/70);color:#fff;text-align:center;text-transform:uppercase;font-weight:300}#sectport-block .scontrol-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(199,75,0,.8);opacity:0}#sectport-block .right{height:auto;width:50%;background-image:url(includes/img/desko.webp);background-size:cover;background-position:center center}#sectport-block .desko-card{height:100%;position:relative}#sectport-block .desko-card-bg{width:100%;height:auto;opacity:0}#sectport-block .desko-logo{width:30%}#sectport-block .desko-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(199,75,0,.8);opacity:0}#sectport-block .desko-card:hover .desko-card_link{opacity:1;transition:.5s}#sectport-block .desko-card p{font-size:calc(100vw/70);font-weight:300;color:#fff;text-align:center;width:60%}#sectport-block .desko-card hr{margin:60px 0}#sectport-block .bot-cont{width:100%;height:auto;display:grid;grid-template-columns:50% 50%}#sectport-block .bot-left{background-image:url(includes/img/samokish.webp);background-position:center center;background-size:cover}#sectport-block .bot-right{display:grid;grid-template-columns:50% 50%}#sectport-block .samokish-card{width:100%;position:relative}#sectport-block .samokish-card:hover .samokish-card_link{opacity:1;transition:.5s}#sectport-block .samokish-logo{width:30%}#sectport-block .samokish-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(199,75,0,.8);opacity:0}#sectport-block .samokish-card-bg{opacity:0;width:100%}#sectport-block .samokish-card p{font-size:calc(100vw/70);font-weight:300;color:#fff;text-align:center;width:60%}#sectport-block .guard-card{width:100%;position:relative;background-image:url(includes/img/guard.webp);background-position:center center;background-size:cover}#sectport-block .guard-logo{width:80%}#sectport-block .guard-card p{font-size:calc(100vw/70);line-height:calc(100vw/40);font-weight:300;color:#fff;text-align:center;text-transform:uppercase;width:60%}#sectport-block .guard-card:hover .guard-card_link{transition:.5s;opacity:1}#sectport-block .guard-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(199,75,0,.8);opacity:0}#sectport-block .guard-card-bg{opacity:0;width:100%}#sectport-block .btn-all{background-color:#ffce00;position:relative;overflow:hidden}#sectport-block .btn-all:hover::before{transition:.3s .5s;opacity:1}#sectport-block .btn-all::before{content:'';width:35px;height:35px;border-bottom:3px solid #000;border-right:3px solid #000;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);z-index:11;opacity:0}#sectport-block .btn-all:hover .btn-circ{transition:.5s;transform:translate(-50%,-50%) scale(.8)}#sectport-block .btn-all:hover .works_title{opacity:0}#sectport-block .btn-circ{position:absolute;left:50%;top:50%;transform:translate(40%,40%) scale(1)}#sectport-block .all-card_link{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;left:0;top:0;width:100%;height:100%;opacity:1}@media screen and (max-width:1650px){.activity .bubl_6{right:50px;top:2000px}.activity .bubl_1{left:-40px}.activity .bubl_3{top:1500px}.activity .bubl_4{left:100px}.questions .bubl_12{bottom:-1080px}.questions .bubl_124{top:976px}.questions .bubl_13{top:1400px}.questions .bubl_7{left:-200px}.questions .bubl_9{top:2230px}}@media screen and (max-width:1550px){.activity .bubl_6{top:1800px;right:0}.activity .bubl_5{right:-300;top:1000px}.activity .bubl_2{left:-30px}.activity .bubl_1{left:-120px}.questions .bubl_7{left:-250px;top:980px}.questions .bubl_9{left:2190px}.questions .bubl_8{top:1480px}.questions .bubl_11{bottom:-1030px}}@media screen and (max-width:1350px){.activity .bubl_6{right:-50px}.activity .bubl_1{left:-170px}.activity .bubl_4{top:1900px}.activity .bubl_5{right:-350px}.questions .bubl_7{left:-350px}.questions .bubl_9{left:60px;top:2060px}.questions .bubl_8{left:-50px;top:1440px}.questions .bubl_11{bottom:-1000px}.questions .bubl_12{bottom:-1000px}.questions .bubl_124{top:876px}.questions .bubl_13{top:1300px}}@media screen and (max-width:1350px){.activity .bubl_6{right:-100px}.activity .bubl_2{left:-100px}.questions .bubl_9{top:250px}}@media screen and (max-width:1200px){.questions .bubl_7{top:1280px;left:-340px}.questions .bubl_8{left:-60px}.questions .bubl_9{top:2260px;left:30px}.questions .bubl_11{bottom:-1120px}.questions .bubl_12{bottom:-1165px}.questions .bubl_124{top:980px}.questions .bubl_13{top:1500px;right:-30px}header-block .cf a{font-size:14px!important}}@media screen and (max-width:1024px){.activity .bubl_5{transform:rotate(90deg);right:-350px}.questions{padding-bottom:180px;overflow:hidden}.questions .bubl_124{top:1030px}}@media screen and (max-width:992px){.blog-article .blog{padding-top:90px}}@media screen and (max-width:935px){.activity .bubl_1{left:-160px;top:1400px}.activity .bubl_3{top:600px}.activity .bubl_4{top:640px;left:85px}.questions .bubl_7{left:-320px}.questions .bubl_9{top:350px}.questions p{width:80%;margin:40px auto 0 auto}.questions h2{width:80%;margin:0 auto 30px auto}.questions .bubl_9{top:2460px}}@media screen and (max-width:935px){.activity .bubl_3{left:-50px}.activity .bubl_4{left:30px}.activity .bubl_6{right:-80px}}@media screen and (max-width:768px){.activity .bubl_1{top:2400px}.activity .bubl_2{top:2350px}.activity .bubl_3{top:3400px}.activity .bubl_4{top:4840px}.activity .bubl_5{top:3000px}.activity .bubl_6{top:4800px}.questions .bubl_9{top:4890px}.questions .bubl_8{top:3310px}.questions .bubl_7{top:2380px;left:-340px}.questions .bubl_13{top:3200px}.questions .bubl_12{bottom:-2390px}.questions .bubl_124{top:2230px}.questions .bubl_11{bottom:-2370px}}@media screen and (max-width:700px){.questions .bubl_9{top:4690px}.questions .bubl_8{top:3110px}.questions .bubl_7{top:2180px}.questions .bubl_13{top:3100px}.questions .bubl_12{bottom:-2290px}.questions .bubl_124{top:2130px}.questions .bubl_11{bottom:-2250px}}@media screen and (max-width:600px){.activity .bubl_1{left:-200px}.questions .bubl_9{top:510px}}@media screen and (max-width:576px){.activity .bubl_1{top:500px}.activity .bubl_2{top:1100px}.activity .bubl_3{top:1600px}.activity .bubl_4{top:1740px}.activity .bubl_5{top:1100px;right:-300px}.activity .bubl_6{top:800px}.questions .bubl_7{top:0;left:-380px}.questions .bubl_8{top:240px;left:-80px}.questions .bubl_9{top:600px;left:-20px}.questions .bubl_11{bottom:-150px}.questions .bubl_12{bottom:-200px}.questions .bubl_124{top:0}.questions .bubl_13{top:200px;right:-50px}}@media screen and (max-width:425px){.activity .bubl_1{left:-250px}.activity .bubl_2{left:-140px}.activity .bubl_3{left:-80px}.activity .bubl_4{top:1800px;left:0;display:none}.activity .bubl_5{right:-310px}.activity .bubl_6{right:-140px}.questions .bubl_7{left:-400px}.questions .bubl_8{top:240px;left:-100px}.questions .bubl_9{top:600px;left:-50px}.questions .bubl_10{right:-30px}.questions .bubl_11{display:none}.questions .bubl_12{right:-82px}.questions .bubl_13{right:-50px}}@media screen and (max-width:1200px){.bubls_questions .bubl_7{top:1220px;left:-340px}.bubls_questions .bubl_8{left:-50px;top:1540px}.bubls_questions .bubl_9{top:2060px;left:30px}.bubls_questions .bubl_11{bottom:-1100px}.bubls_questions .bubl_12{bottom:-1130px}.bubls_questions .bubl_124{top:880px}.bubls_questions .bubl_13{top:1600px}.call-link{font-size:14px}}@media screen and (max-width:992px){.bubls_questions .bubl_7{top:960px;left:-340px}.bubls_questions .bubl_8{left:-50px;top:1140px}.bubls_questions .bubl_9{top:1560px;left:30px}.bubls_questions .bubl_11{bottom:-800px}.bubls_questions .bubl_12{bottom:-830px}.bubls_questions .bubl_124{top:630px}.bubls_questions .bubl_13{top:1200px}}@media screen and (max-width:768px){.bubls_questions .bubl_7{top:1060px;left:-340px}.bubls_questions .bubl_8{left:-50px;top:1740px}.bubls_questions .bubl_9{top:2190px;left:30px}.bubls_questions .bubl_11{bottom:-1040px}.bubls_questions .bubl_12{bottom:-1070px}.bubls_questions .bubl_124{top:830px}.bubls_questions .bubl_13{top:1600px}}@media screen and (max-width:1440px){#sectport-block .works_title span{margin-left:-100px}}@media screen and (max-width:1024px){#sectport-block .works_title span{margin-left:-50px}#sectport-block .works_title span.works_title_last{margin-left:-150px}}@media screen and (max-width:768px){#sectport-block .top-cont{flex-direction:column}#sectport-block .left{width:100%;display:grid;grid-template-columns:50% 50%;grid-template-rows:auto auto}#sectport-block .right{width:100%}#sectport-block .bot-cont{grid-template-columns:100%}#sectport-block .desko-card p{font-size:calc(100vw/40)}#sectport-block .uxprice-card p{font-size:calc(100vw/40)}#sectport-block .status-card p{font-size:calc(100vw/40)}#sectport-block .scontrol-card p{font-size:calc(100vw/40)}#sectport-block .samokish-card p{font-size:calc(100vw/40)}#sectport-block .guard-card p{font-size:calc(100vw/40)}#sectport-block .works_title span{font-size:calc(100vw/20);line-height:calc(100vw/20)}#sectport-block .btn-circ{transform:translate(20%,20%) scale(1)}#sectport-block{margin-top:0!important}article #sectport-block{margin-top:80px!important}}@media screen and (max-width:425px){#sectport-block .btn-circ{width:150px;transform:translate(20%,20%) scale(1)}#sectport-block .btn-all::before{width:25px;height:25px}.activity h2{font-size:30px!important;line-height:37px!important}.activity h2 span{font-size:54px!important;line-height:65px!important}.questions h2{font-size:30px!important;line-height:37px!important}.questions h2 span{font-size:50px!important;line-height:65px!important}.questions h4{font-size:20px;line-height:27px}.questions .btn-order{font-size:24px;line-height:37px}.activity{padding-bottom:90px}}@media screen and (max-width:375px){#sectport-block .left{grid-template-columns:100%}#sectport-block .works{height:300px}#sectport-block .works_title span{font-size:calc(100vw/10);line-height:calc(100vw/10)}#sectport-block .desko-card p{font-size:calc(100vw/25)}#sectport-block .uxprice-card p{font-size:calc(100vw/20);line-height:calc(100vw/20)}#sectport-block .status-card p{font-size:calc(100vw/20);line-height:calc(100vw/20)}#sectport-block .scontrol-card p{font-size:calc(100vw/20);line-height:calc(100vw/20)}#sectport-block .samokish-card p{font-size:calc(100vw/35)}#sectport-block .guard-card p{font-size:calc(100vw/20);line-height:calc(100vw/20)}#sectport-block .desko-card hr{margin:30px 0}#sectport-block .works_title span.works_title_last{margin:0;margin-left:70px;width:200px}}@media screen and (max-width:375px){#sectport-block .bot-right{grid-template-columns:100%}#sectport-block .btn-all{height:250px}}p.p-desc{text-transform:none!important}.header-user-id{position:relative;display:flex;align-items:center;height:80px;padding-left:25px}@media screen and (max-width:992px){.header-user-id{height:42px}}.user-id{color:#464646;font-weight:700;position:relative;padding-left:25px}.user-id::before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:15px;height:18px;background-image:url(includes/img/user-id-img.png);background-position:center;background-repeat:no-repeat}@media screen and (max-width:993px){.cf a:first-child{height:40px;line-height:32px;text-align:left!important;font-size:14px!important}header div>.contacts{display:inline-block}header .contacts .cf .callback-btn{display:none!important}header .contacts .cf a{height:fit-content;width:fit-content}.header-user-id{justify-content:flex-end}}@media screen and (max-width:552px){.header-user-id .user-id{width:30vw;font-size:3vw;margin-left:15%}.phone-wrap{padding:0!important}.cf a:first-child{width:23.5vw}}@media only screen and (max-width:768px){a[href="https://sysale.ua/development"],a[href="https://sysale.ua/promotion"]{height:fit-content!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;min-height:133px;max-height:133px}}a[href="https://sysale.ua/development"] svg,a[href="https://sysale.ua/promotion"] svg{min-width:100px;min-height:100px;max-width:100px;max-height:100px}@media only screen and (max-width:454px){header .phone-wrap{transform:translateX(-25%)}}@media only screen and (max-width:389px){header .phone-wrap{transform:translateX(0)}}.act-block-wrapper{height:fit-content}.header-content{display:flex;align-items:center;justify-content:space-between}.main_nav{display:flex;width:fit-content}.main_nav .main-link{width:fit-content;margin:0 10px;overflow:visible}.main_nav .techList{margin-right:10px}.main_nav .main-link a{width:max-content}@media only screen and (max-width:992px){header .header-content{position:relative}header .header-logo{position:absolute;left:10px}header .menu{position:absolute;right:5px;z-index:9999}header .overlay .main_nav li.mobile-add-menu ul a{width:100%;text-align:center!important}.main_nav .main-link{margin-left:0!important}.main_nav .main-link a{margin:0 auto}}.footer-top .footer-nav .main_nav{width:auto}.footer-top .footer-nav nav ul li a{width:max-content}.circles-wrapper .circle-block img{border-radius:50%}.main_nav .techList{margin-right:0!important;padding-right:10px}.techList .sub-overlay{padding-top:0!important}.main_nav .techList{position:relative;z-index:55;overflow:visible}.main_nav .techList:hover::after{content:'';position:absolute;width:100%;top:0;right:0;bottom:0;left:-70px;height:100%;transform:scalex(3.5);transform-origin:center;z-index:555}.corp-sites .task.task-development{background:url(includes/img/corp-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.corp-sites .parallax-content{padding-top:130px!important}.header-development--corp-sites{background:url(includes/img/corp-head.jpg) no-repeat center center}.header-development--corp-sites .web-options.cf{margin:50px auto 50px}.corp-sites .task.task-development .add-modal.active{top:400px}.info-sites .task.task-development{background:url(includes/img/info-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.info-sites .parallax-content{padding-top:130px!important}.header-development--info-sites{background:url(includes/img/info-head.jpg) no-repeat center center}.header-development--info-sites .web-options.cf{margin:50px auto 50px}.info-sites .task.task-development .add-modal.active{top:400px}.e-com .task.task-development{background:url(includes/img/e-com-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--e-com{background:url(includes/img/e-com-head.jpg) no-repeat center center}.marketplace .task.task-development{background:url(includes/img/marketplace-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--marketplace{background:url(includes/img/marketplace-head.jpg) no-repeat center center}.business-card .task.task-development{background:url(includes/img/bc-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--business-card{background:url(includes/img/bc-head.jpg) no-repeat center center}.wordpress .task.task-development{background:url(includes/img/wp-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--wordpress{background:url(includes/img/wp-head.jpg) no-repeat center center}.laravel .task.task-development{background:url(includes/img/laravel-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--laravel{background:url(includes/img/laravel-head.jpg) no-repeat center center}.laravel .task.task-development{background:url(includes/img/laravel-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--laravel{background:url(includes/img/laravel-head.jpg) no-repeat center center}.dev-key .task.task-development{background:url(includes/img/key-body.jpg) no-repeat,#f8f8f9;background-size:35% 100%}.header-development--dev-key{background:url(includes/img/key-head.jpg) no-repeat center center}@media only screen and (max-width:992px){.business-card .task.task-development,.corp-sites .task.task-development,.dev-key .task.task-development,.e-com .task.task-development,.info-sites .task.task-development,.laravel .task.task-development,.marketplace .task.task-development,.wordpress .task.task-development{background:#f8f8f9}}