@font-face{font-family:Raleway-Bold;src:url(../fonts/Raleway-Bold.woff) format("woff"),url(../fonts/Raleway-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Raleway-ExtraBold;src:url(../fonts/Raleway-ExtraBold.woff) format("woff"),url(../fonts/Raleway-ExtraBold.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Raleway-SemiBold;src:url(../fonts/Raleway-SemiBold.woff) format("woff"),url(../fonts/Raleway-Bold.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}font-face{font-family:Raleway-Light;src:url(../fonts/Raleway-Light.woff) format("woff"),url(../fonts/Raleway-Light.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}*,:after,:before{box-sizing:border-box}.container{max-width:1230px;padding:0 15px;margin:0 auto;width:100%}h1,h2,h3,h4,h5,h6{margin:0}a{text-decoration:none}li,ul{margin:0;padding:0;list-style:none}.contacts__btn,.header #logo,.portfolio__link,.portfolio__title,.sectionTitle,.top-screen__subtitle{font-family:Raleway-Bold,sans-serif;font-weight:700}.button__text,.preloader span,.top-screen__title{font-family:Raleway-ExtraBold,sans-serif;font-weight:800}.about__text,.media__text,.nav__link,.slider__subtitle{font-family:Raleway-SemiBold,sans-serif;font-weight:500}.contacts__item::-moz-placeholder,.contacts__textarea::-moz-placeholder{font-family:Raleway-Light,sans-serif;font-weight:400}.contacts__item:-ms-input-placeholder,.contacts__textarea:-ms-input-placeholder{font-family:Raleway-Light,sans-serif;font-weight:400}.contacts__item::placeholder,.contacts__textarea::placeholder,.footer__text,.media__list{font-family:Raleway-Light,sans-serif;font-weight:400}.preloader{position:fixed;background-color:#fff;left:0;top:0;width:100%;height:100%;z-index:100;transition:all 1s linear;opacity:1;visibility:visible;display:flex;justify-content:center;align-items:center}.preloader span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:25px}.preloader .loader{width:300px;height:75px;border:2px #000 solid;border-radius:50px;overflow:hidden;position:relative}.preloader .loader::after,.preloader .loader::before{content:"";position:absolute;height:80px;width:50%;background-color:#45b6b0}.preloader .loader::before{left:-50%;-webkit-animation:2s spin1 infinite linear;animation:2s spin1 infinite linear}.preloader .loader::after{right:-50%;-webkit-animation:2s spin2 infinite linear;animation:2s spin2 infinite linear}@-webkit-keyframes spin1{0%{transform:translateX(0)}50%{transform:translateX(70%)}100%{transform:translateX(0)}}@keyframes spin1{0%{transform:translateX(0)}50%{transform:translateX(70%)}100%{transform:translateX(0)}}@-webkit-keyframes spin2{0%{transform:translateX(0)}50%{transform:translateX(-70%)}100%{transform:translateX(0)}}@keyframes spin2{0%{transform:translateX(0)}50%{transform:translateX(-70%)}100%{transform:translateX(0)}}.done{opacity:0;visibility:hidden}.header{position:absolute;left:50%;top:0;transform:translateX(-50%);width:100%;color:#fff;z-index:11;padding-top:20px;padding-bottom:20px}.header__inner{display:flex;justify-content:space-between}.header #logo{font-size:25px;cursor:pointer;transition:color .2s linear}.header #logo span{font-weight:400}.header #logo:hover{color:#f47155}.header__burger{display:none}#logo.active{color:#f47155!important}nav a.active{color:#f47155!important}.nav__link.active::after{opacity:1}.fixed{position:fixed;left:50%;top:0;transform:translateX(-50%);background-color:#000}.mouse{position:absolute;z-index:2;bottom:4%;left:50%;transform:translateX(-50%);height:50px;width:30px;border-radius:40px;border:2px solid #fff;cursor:pointer}.mouse span{width:1px;height:10px;background-color:#fff;position:absolute;bottom:70%;left:50%;-webkit-animation:1s mous infinite linear;animation:1s mous infinite linear}@-webkit-keyframes mous{0%{transform:translateY(0)}100%{transform:translateY(5px);opacity:0}}@keyframes mous{0%{transform:translateY(0)}100%{transform:translateY(5px);opacity:0}}.nav{display:inline-block}.nav__link{margin:0 10px;color:#fff;font-size:20px;position:relative;transition:color .2s linear}.nav__link::after{content:"";position:absolute;bottom:-2px;width:100%;height:3px;left:0;background-color:#f47155;opacity:0;transition:opacity .2s linear}.nav__link:hover::after{opacity:1}.nav__link:hover{color:#f47155}.screen{position:relative;height:100vh;width:100%}.screen:after{content:"";background-image:url(../img/code-bg2.jpg);position:absolute;height:100vh;width:100%;z-index:-8;background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:center;align-items:center;opacity:.7}.top-screen{position:absolute;height:100vh;width:100%;z-index:-2;background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;justify-content:center;align-items:center}.top-screen::after{content:"";position:absolute;width:100%;height:20%;bottom:0;left:50%;transform:translateX(-50%);background-image:linear-gradient(180deg,transparent,#000);z-index:-2}.top-screen__box{margin:0 200px;position:relative;display:inline-block;padding:1em 2em;text-decoration:none;color:#fff;font-size:2rem;border-radius:.125em;background-color:#000}.top-screen__box::after{content:"";position:absolute;z-index:-1;top:-.125em;left:-.125em;width:calc(100% + .25em);height:calc(100% + .25em);border-radius:.25em;background-image:linear-gradient(45deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:200%;-webkit-animation:animateborder 3s ease infinite paused;animation:animateborder 3s ease infinite paused;-webkit-animation-play-state:running;animation-play-state:running}@-webkit-keyframes animateborder{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}@keyframes animateborder{0%{background-position:0}50%{background-position:100%}100%{background-position:0}}.top-screen__title{letter-spacing:5px;line-height:1.2em;text-transform:uppercase}.top-screen__subtitle{margin-top:50px}.top-screen__subtitle span{color:#f58244}.button{position:absolute;bottom:25%;left:50%;transform:translate(-50%,50%);z-index:10}.button:after,.button:before{content:"";position:absolute;width:100px;height:100px;border:3px solid #f58244;top:-20px;left:50%;z-index:1;margin-left:-40px;transition:all .5s linear}.button::before{-webkit-animation:rotate2 20s infinite linear;animation:rotate2 20s infinite linear}.button::after{-webkit-animation:rotate 20s infinite linear;animation:rotate 20s infinite linear}.button__text{text-decoration:none;color:#fff;text-transform:uppercase;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;border-radius:50px;height:60px;top:0;transition:all 1s ease 0s;padding:0 20px}.button__text:after,.button__text:before{content:"";position:absolute;width:51%;height:100%;background-image:linear-gradient(0deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82)}.button__text::before{left:0;z-index:2;transition:all .5s linear}.button__text::after{right:0}.button__text span{position:relative;z-index:2}.button:hover::after,.button:hover::before{left:100%;opacity:0}.button:hover .button__text:before{width:100%}.button:hover .button__text{top:-10px;transition:all .2s ease;box-shadow:0 5px 0 0 #242933}.button:active .button__text{top:-7px;transition:all .1s ease;box-shadow:0 2px 0 0 #242933}@-webkit-keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@keyframes rotate{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotate2{0%{transform:rotate(45deg)}100%{transform:rotate(405deg)}}@keyframes rotate2{0%{transform:rotate(45deg)}100%{transform:rotate(405deg)}}#particles-js{background-color:#000;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:-10;background-size:cover;background-position:60% 50%;background-repeat:no-repeat}.about{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;color:#fff;overflow:hidden}.about__bg{height:100%;display:inline-block;width:100%;padding:120px 40px 40px 40px}.about__box{display:flex;justify-content:space-between;align-items:center;margin:0 auto}.about__text{font-size:19px;height:134px;display:block;opacity:1;transform:translate(0,0);transition:all .3s linear}.about__text-wrapper{width:300px;height:134px;padding:10px 0}.about__list{opacity:0;height:134px;padding-left:20px;transition:all .3s linear;width:400px;transform:translate(0,-100%)}.about__punkt{position:relative;margin-bottom:10px;font-size:19px}.about__punkt::after{content:"< />";position:absolute;left:-20px;top:12%;height:10px;width:17px;font-size:10px}.about__wrapper{height:250px;width:100%;display:flex;margin:60px;background-color:rgba(4,55,74,.8);border-radius:10px}.about__card{position:relative;display:flex;flex-direction:column;justify-content:space-between;height:100%;width:100%;padding:15px 20px;background-image:linear-gradient(45deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:200%;border-radius:10px;transition:all .3s linear}.about__card:hover{-webkit-animation:animateborder 2s ease infinite paused;animation:animateborder 2s ease infinite paused;-webkit-animation-play-state:running;animation-play-state:running;transform:translate(-20px,-20px)}.about__card:hover .about__list{opacity:1;display:block}.about__card:hover .about__text{opacity:0;transform:translate(0,-100%)}.about__img{height:100px;width:auto;position:absolute;left:13px;top:4px;z-index:0}.about__subtitle{text-align:center}.sectionTitle{margin-top:40px;color:#fff;font-size:30px;text-transform:uppercase;text-align:center;margin-bottom:30px;position:relative}.sectionTitle-thank{margin-top:60px}.sectionTitle::after,.sectionTitle::before{content:"";position:absolute;bottom:-10px;left:50%;height:2px;width:300px;background-color:#8e4b28;transform:translateX(-50%)}.sectionTitle::after{background-color:#f58244;width:80px;height:4px;bottom:-11px}.service{height:100%;padding:40px;position:relative}.service__bg{width:100%;height:100%;padding:40px;display:inline-block}.service__box{display:flex;justify-content:space-between;overflow:hidden;padding:60px 25px 25px;margin:70px 0}.service__wrapper{position:relative;width:160px;height:216px}.service__wrapper:nth-child(even) .devel{top:-50%}.service__wrapper:nth-child(even) .devel__name{transform:translateY(220px)}.service__wrapper:nth-child(even) .devel .devel__stick{right:-70px;bottom:0;transform:rotate(90deg)}.service__wrapper:nth-child(even) .devel .devel__stick::after{right:58px;bottom:-32px;transform:rotate(-40deg)}.service__wrapper:nth-child(even) .devel .devel__stick::before{right:-86px;bottom:32px;transform:rotate(-40deg)}.service__wrapper:nth-child(1) .devel .devel__stick,.service__wrapper:nth-child(3) .devel .devel__stick{right:-70px;bottom:109px;transform:rotate(90deg)}.service__wrapper:nth-child(1) .devel .devel__stick::after,.service__wrapper:nth-child(3) .devel .devel__stick::after{right:57px;bottom:32px;transform:rotate(40deg)}.service__wrapper:nth-child(1) .devel .devel__stick::before,.service__wrapper:nth-child(3) .devel .devel__stick::before{right:-87px;bottom:-32px;transform:rotate(40deg)}.service__wrapper:nth-child(5) .devel .devel__stick{display:none}.devel{display:block;text-align:center;position:absolute}.devel__img{display:block;height:160px;width:160px;border:4px solid #fff;position:relative;background-image:linear-gradient(45deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:200%;-webkit-animation:animateborder 3s ease infinite paused;animation:animateborder 3s ease infinite paused;-webkit-animation-play-state:running;animation-play-state:running;border-radius:10px}.devel__img i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60px}.devel__name{font-size:20px;color:#fff;display:block;width:140px;text-align:center;margin:0 auto;margin-bottom:10px}.devel__stick{position:absolute;background-color:#fff;height:3px;width:70px;border-radius:3px}.devel__stick::after,.devel__stick::before{content:"";position:absolute;background-color:#fff;height:3px;width:100px}.slider{display:flex;flex-direction:column;justify-content:space-between;margin-bottom:100px}.slider__item{height:120px;width:auto;display:inline-block;filter:grayscale(100%);transition:filter .4s linear}.slider__item:hover{filter:grayscale(0)}.slider__item:focus{outline:0;background-color:transparent}.slider__btn{position:absolute;top:50%;transform:translateY(-50%);background-color:transparent;border:transparent;cursor:pointer;height:40px;width:40px}.slider__btn:hover div::before,.slider__btn:hover div:after{content:"";background-color:#f58244}.slider__btn div{position:relative}.slider__btn div::before,.slider__btn div:after{content:"";position:absolute;height:4px;width:20px;background-color:#fff;border-radius:4px;z-index:3;transition:background-color .3s linear}.slider__btn:focus{outline:0}.slider__btn-right{left:-30px}.slider__btn-right div::before{transform:rotate(-40deg);top:-12px;right:0}.slider__btn-right div::after{transform:rotate(40deg);top:0;right:0}.slider__btn-left{right:-30px}.slider__btn-left div::before{transform:rotate(-40deg);top:0;right:0}.slider__btn-left div::after{transform:rotate(40deg);top:-12px;right:0}.slider__img{height:120px;width:auto}.slider__subtitle{color:#fff;font-size:25px;display:block;margin:0 auto;margin-bottom:70px}.portfolio{padding-top:100px;width:100%;height:100%;overflow:hidden;margin-bottom:150px}.portfolio__wrapper{display:flex;flex-wrap:wrap;padding:15px;margin-bottom:10px}.portfolio__item{padding-left:15px;padding-right:15px;overflow:hidden;flex:0 0 25%;max-width:25%;height:100%;position:relative;z-index:0;border:10px transparent solid}.portfolio__item:hover .portfolio__img{transform:scale(1.5) rotate(10deg);filter:blur(1px)}.portfolio__item:hover .portfolio__item-wrapper:after{transform:scale(1)}.portfolio__item:hover .portfolio__item-wrapper:before{transform:scale(1)}.portfolio__item:hover .portfolio__descr{opacity:1}.portfolio__item-wrapper{top:15px;left:15px;right:15px;bottom:15px;position:absolute;z-index:4}.portfolio__item-wrapper:after,.portfolio__item-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:transform .5s linear}.portfolio__item-wrapper:after{border-left:1px solid #fff;border-right:1px solid #fff;transform:scale(1,0)}.portfolio__item-wrapper:before{border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1)}.portfolio__descr{height:100%;width:100%;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:space-around;opacity:0;transition:opacity .5s linear}.portfolio__title{font-size:24px;text-align:center}.portfolio__title span{position:relative;display:block;color:#f58244}.portfolio__title span:after{content:"";position:absolute;height:2px;width:80%;background-color:#f58244;left:50%;bottom:-5px;transform:translateX(-50%)}.portfolio__link{position:relative;z-index:10;top:20px;border:2px #fff solid;height:50px;width:200px;padding:10px;text-align:center;color:#fff;font-size:20px;cursor:pointer;transition:background-color .4s linear}.portfolio__link:hover{background-color:#f58244}.portfolio__img-wrapper{height:100%;width:100%}.portfolio__img{height:100%;width:100%;transition:transform 2s linear;transform:scale(1.1) rotate(0)}.contacts{height:100%;width:100%;margin-bottom:60px}.contacts__wrapper{padding:80px 15px;display:flex;justify-content:center;align-items:center;overflow:hidden}.contacts__list{flex:0 0 40%;max-width:40%;height:100%;display:flex;flex-direction:column}.contacts__form{flex:0 0 60%;max-width:60%;height:100%;width:100%}.contacts__form form{height:100%;width:100%;padding:40px;background-image:linear-gradient(45deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:200%;-webkit-animation:animateborder 3s ease infinite paused;animation:animateborder 3s ease infinite paused;-webkit-animation-play-state:running;animation-play-state:running;border-radius:4px}.contacts__textarea{margin-bottom:20px;width:100%;height:144px;resize:none;padding:15px;margin-bottom:20px;background:rgba(0,0,0,.5);color:#fff}.contacts__textarea:focus{outline:0}.contacts__textarea::-moz-placeholder{color:rgba(255,255,255,.6)}.contacts__textarea:-ms-input-placeholder{color:rgba(255,255,255,.6)}.contacts__textarea::placeholder{color:rgba(255,255,255,.6)}.contacts__item{display:block;margin-bottom:20px;background:rgba(0,0,0,.5);border:none;font-size:13px;line-height:130%;color:#fff;width:49%;height:46px;padding:15px}.contacts__item::-moz-placeholder{color:rgba(255,255,255,.6)}.contacts__item:-ms-input-placeholder{color:rgba(255,255,255,.6)}.contacts__item::placeholder{color:rgba(255,255,255,.6)}.contacts__item:focus{outline:0}.contacts__btn{height:40px;width:200px;border:2px #000 solid;border-radius:3px;transition:.3s;cursor:pointer}.contacts__btn:hover{background-color:#000;color:#fff}.media{color:#fff;padding:10px 0 10px 10px;margin-bottom:20px}.media__icon{background-color:#fff}.media__text{white-space:nowrap;display:inline-block;font-size:24px}.media__box{display:inline-block;margin-left:20px}.media__list{display:block;text-align:center;color:#fff;margin:10px 0;transition:color .3s linear}.media__list:hover{color:#f58244}.media i{font-size:40px;margin:auto 0;color:#f58244}.thank{width:100%;display:flex;align-items:center;justify-content:center}.thank__wrapper{margin-top:200px;height:100px;width:300px;border-radius:4px;background-image:linear-gradient(45deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82);background-size:200%;-webkit-animation:animateborder 3s ease infinite paused;animation:animateborder 3s ease infinite paused;-webkit-animation-play-state:running;animation-play-state:running;display:flex;align-items:center;justify-content:center}.thank__link{font-size:20px;color:#fff}.footer{width:100%;height:80px;background-color:#282828;padding-top:30px;filter:grayscale(50%);text-align:center}.footer__text{font-size:18px;color:#fff;border:2px solid #000;background-color:#f58244;display:inline-block;padding:5px}@media (max-width:1300px){.top-screen__box{font-size:30px}.about__bg{padding:80px 30px 30px 30px}.about__wrapper{margin:40px}.service{height:100%;padding:40px;position:relative}.service__bg{width:100%;height:100%;padding:40px;display:inline-block}.service__box{display:flex;justify-content:space-between;flex-wrap:wrap;overflow:hidden;padding:60px 129px 50px;margin:70px 0}.service__wrapper{width:260px;height:216px;margin-bottom:20px}.service__wrapper:nth-child(1){width:33%}.service__wrapper:nth-child(1) .devel .devel__stick{right:-82px;bottom:109px;transform:rotate(90deg)}.service__wrapper:nth-child(1) .devel .devel__stick::after{right:21px;bottom:49px;transform:rotate(89deg)}.service__wrapper:nth-child(1) .devel .devel__stick::before{right:-49px;bottom:-50px;transform:rotate(90deg)}.service__wrapper:nth-child(2){width:33%}.service__wrapper:nth-child(2) .devel{top:-50%}.service__wrapper:nth-child(2) .devel .devel__stick{right:-69px;bottom:34px;transform:rotate(90deg)}.service__wrapper:nth-child(2) .devel .devel__stick::after{right:19px;bottom:-50px;transform:rotate(90deg)}.service__wrapper:nth-child(2) .devel .devel__stick::before{right:-51px;bottom:48px;transform:rotate(-90deg)}.service__wrapper:nth-child(3){width:34%}.service__wrapper:nth-child(3) .devel .devel__stick{display:none}.service__wrapper:nth-child(4){width:50%}.service__wrapper:nth-child(4) .devel{top:0}.service__wrapper:nth-child(4) .devel .devel__stick{right:-230px;bottom:80px;transform:rotate(90deg)}.service__wrapper:nth-child(4) .devel .devel__stick::after{width:200px;right:-32px;bottom:99px;transform:rotate(90deg)}.service__wrapper:nth-child(4) .devel .devel__stick::before{width:221px;right:-109px;bottom:-110px;transform:rotate(90deg)}.service__wrapper:nth-child(4){width:50%}}@media (max-width:1200px){.portfolio__item{flex:0 0 33.33%;max-width:33.33%}}@media (max-width:1140px){.top-screen__box{margin:0 120px;font-size:25px}.top-screen__subtitle{margin-top:30px;font-size:21px}.button:after,.button:before{width:80px;height:80px;top:-10px;margin-left:-40px}.button__text{border-radius:50px;height:60px;padding:0 20px}.button__text span{font-size:14px}.about{align-items:center}.about__bg{padding:80px 30px 30px 30px}.about__text-wrapper{width:100%;height:178px}.about__list{height:178px;padding-left:20px;width:100%}.about__wrapper{height:330px;width:100%;margin:30px;border-radius:10px}.about__img{height:80px;left:15px;top:30px}.sectionTitle{margin-top:30px;font-size:24px;margin-bottom:25px}.sectionTitle-thank{margin-top:60px}.sectionTitle::after,.sectionTitle::before{bottom:-10px;height:2px;width:300px}.sectionTitle::after{width:80px;height:4px;bottom:-11px}.service__box{padding:60px 50px 49px 80px;margin-bottom:20px}}@media (max-width:1000px){.service{padding:10px}.service__bg{padding:40px;display:inline-block}.service__box{flex-wrap:wrap;overflow:hidden;padding:60px 20px 45px 80px;margin:70px 0}.service__wrapper{width:260px;height:216px}.service__wrapper:nth-child(1) .devel .devel__stick{right:-65px;bottom:109px}.service__wrapper:nth-child(4) .devel .devel__stick{right:-170px;bottom:80px}.portfolio__item{flex:0 0 50%;max-width:50%}.contacts__item{width:100%}}@media (max-width:860px){.header{overflow:hidden;z-index:50;background-color:transparent}.header__inner{flex-wrap:wrap}.header__burger{width:30px;height:30px;cursor:pointer;display:block;padding:0;background-color:transparent;border:none;position:relative;z-index:3}.header__burger:focus{outline:0}.header__burger-menu{display:block;width:30px;height:3px;background-color:#fff;position:relative;opacity:1;transition:transform .3s linear;z-index:2}.header__burger-menu::after,.header__burger-menu::before{content:"";position:absolute;display:block;width:30px;height:3px;background-color:#fff;transition:transform .3s linear}.header__burger-menu::after{top:-10px}.header__burger-menu::before{bottom:-10px}.header__burger-menu.active{background-color:transparent}.header__burger-menu.active::after{transform:rotate(-53deg) translate(-2px,1px)}.header__burger-menu.active::before{transform:rotate(41deg) translate(-12px,-15px)}.header__logo{margin-bottom:15px;z-index:2}.header__logo::after{content:"";position:absolute;height:89px;left:0;width:calc(100vw + 1px);top:-20px;z-index:-1;background-color:#000}.nav{padding-top:10px;display:none;width:100vw;justify-content:center;flex-direction:column;transform:translateY(-100%);transition:transform .5s linear;position:relative;z-index:1}.nav::after{content:"";position:absolute;left:-16px;top:0;background-image:linear-gradient(225deg,#f79533,#f37055,#ef4e7b,#a166ab,#5073b8,#1098ad,#07b39b,#6fba82,#858585);background-size:200%;-webkit-animation:animateborder 3s ease infinite paused;animation:animateborder 3s ease infinite paused;-webkit-animation-play-state:running;animation-play-state:running;height:100%;width:calc(100vw + 1px);z-index:-1}.nav__link{display:inline-block;margin-bottom:15px}.nav__link::after{width:100%}.nav.active1{display:flex}.nav.active{transform:translateY(0)}.service__wrapper:nth-child(1){width:100%}.service__wrapper:nth-child(1) .devel{top:-50%}.service__wrapper:nth-child(1) .devel__name{transform:translate(150px,120px)}.service__wrapper:nth-child(1) .devel .devel__stick{right:33px;bottom:-45px;transform:rotate(180deg)}.service__wrapper:nth-child(2){width:50%}.service__wrapper:nth-child(2) .devel{top:-50%}.service__wrapper:nth-child(2) .devel .devel__stick::before{width:120px;right:-59px;bottom:60px}.service__wrapper:nth-child(3){width:50%}.service__wrapper:nth-child(4) .devel__name{transform:translateY(0)}.service__wrapper:nth-child(4) .devel .devel__stick{right:-107px}.service__wrapper:nth-child(4) .devel .devel__stick::after{width:120px;right:10px;bottom:59px}.service__wrapper:nth-child(5) .devel__name{transform:translateY(220px)}.contacts{margin-bottom:20px}.contacts__wrapper{padding:40px 15px 0;flex-wrap:wrap}.contacts__list{flex:0 0 100%;max-width:100%;order:1}.contacts__form{flex:0 0 100%;max-width:100%;margin-bottom:20px}.contacts__textarea{margin-bottom:20px}.contacts__item{margin-bottom:20px;padding:15px}.media{padding:10px 0 10px 10px;margin-bottom:20px;width:250px;margin:0 auto}.media__text{font-size:20px}.media__box{margin-left:20px}.media__list{margin:10px 0}.media i{font-size:40px;margin:auto 0;color:#f58244}}@media (max-width:770px){.top-screen__box{margin:0 80px}.top-screen__subtitle{margin-top:30px;font-size:18px}.button{bottom:15%}.mouse{display:none}.about__box{flex-wrap:wrap}.service__box{padding:0 20px 45px;margin-top:0}.service__wrapper:nth-child(1){width:100%}.service__wrapper:nth-child(1) .devel{top:0}.service__wrapper:nth-child(2){width:100%}.service__wrapper:nth-child(2) .devel{top:0}.service__wrapper:nth-child(2) .devel .devel__stick{right:35px;bottom:-44px;transform:rotate(180deg)}.service__wrapper:nth-child(2) .devel__name{transform:translate(-150px,120px)}.service__wrapper:nth-child(2) .devel .devel__stick{right:33px;bottom:-45px;transform:rotate(180deg)}.service__wrapper:nth-child(3){width:100%}.service__wrapper:nth-child(3) .devel__name{transform:translate(150px,120px)}.service__wrapper:nth-child(3) .devel .devel__stick{right:33px;bottom:-45px;transform:rotate(180deg);display:block}.service__wrapper:nth-child(3) .devel .devel__stick::after{width:80px;right:29px;bottom:40px;transform:rotate(90deg)}.service__wrapper:nth-child(3) .devel .devel__stick::before{width:80px;right:-40px;bottom:-39px;transform:rotate(90deg)}.service__wrapper:nth-child(4){width:100%}.service__wrapper:nth-child(4) .devel__name{transform:translate(-150px,120px)}.service__wrapper:nth-child(4) .devel .devel__stick{right:33px;bottom:-45px;transform:rotate(180deg)}.service__wrapper:nth-child(4) .devel .devel__stick::after{width:80px;right:29px;bottom:-40px}.service__wrapper:nth-child(4) .devel .devel__stick::before{width:80px;right:-40px;bottom:39px}.service__wrapper:nth-child(5){width:100%}.service__wrapper:nth-child(5) .devel__name{transform:translate(150px,120px)}.devel{left:50%;transform:translateX(-50%)}.slider__subtitle{font-size:20px}.portfolio__item{flex:0 0 100%;max-width:100%}}@media (max-width:560px){.preloader span{font-size:20px}.top-screen::after{height:30%}.top-screen__box{margin:0 40px;padding:1em 1em;font-size:19px}.top-screen__subtitle{font-size:18px}.top-screen__title{letter-spacing:3px;line-height:1.2em}.button{bottom:15%;width:250px}.button:after,.button:before{display:none}.button::before{-webkit-animation:rotate2 step-end;animation:rotate2 step-end}.button::after{-webkit-animation:rotate step-end;animation:rotate step-end}.button__text span{font-size:13px}.mouse{display:none}.service__box{padding:0 0 45px;margin-top:0}.service__bg{padding:20px 15px}.service__wrapper:nth-child(1) .devel__name{transform:translate(130px,120px)}.service__wrapper .devel__name{font-size:17px;width:120px}.service__wrapper:nth-child(2) .devel__name{transform:translate(-130px,120px)}.service__wrapper:nth-child(3) .devel__name{transform:translate(130px,120px)}.service__wrapper:nth-child(4) .devel__name{transform:translate(-130px,120px)}.service__wrapper:nth-child(5) .devel__name{transform:translate(130px,120px)}.footer__text{font-size:14px}.contacts__form{flex:0 0 100%;max-width:100%;margin-bottom:20px}.contacts__form form{padding:20px}}@media (max-width:450px){.about__bg{padding:80px 30px 30px 30px}.about__text{font-size:19px;height:144px}.about__text-wrapper{width:100%;height:205px;padding:10px 0}.about__list{height:205px}.about__wrapper{height:360px;width:100%;margin:20px}.about__card{padding:10px 15px}.about__img{left:10px;top:10px;z-index:0}.about__subtitle{position:relative;z-index:1}.sectionTitle{margin-top:25px;font-size:24px}.sectionTitle-thank{margin-top:60px}.sectionTitle::after,.sectionTitle::before{bottom:-10px;height:2px;width:300px}.sectionTitle::after{width:80px;height:4px;bottom:-11px}.service__wrapper:nth-child(1) .devel .devel__stick{bottom:-36px}.service__wrapper:nth-child(1) .devel__name{transform:translate(0,10px)}.service__wrapper:nth-child(2) .devel .devel__stick{bottom:-36px}.service__wrapper:nth-child(2) .devel__name{transform:translate(-65px,9px)}.service__wrapper:nth-child(3) .devel .devel__stick{bottom:-36px}.service__wrapper:nth-child(3) .devel__name{transform:translate(65px,9px)}.service__wrapper:nth-child(4) .devel .devel__stick{bottom:-36px}.service__wrapper:nth-child(4) .devel__name{transform:translate(-65px,9px)}.service__wrapper:nth-child(5) .devel__name{transform:translate(0,210px)}.portfolio__item:hover .portfolio__img{filter:blur(0)}.slider__item{height:80px;width:auto}.slider__img{height:80px;width:auto}}@media (max-width:400px){.top-screen::after{height:30%}.top-screen__box{margin:0 5px;padding:.6em .6em;font-size:17px}.top-screen__subtitle{font-size:18px}.top-screen__title{letter-spacing:3px;line-height:1.2em}.about__bg{padding:40px 0 0}.about__text{font-size:19px;height:144px}.about__text-wrapper{height:205px;padding:10px 0;font-size:14px}.about__list{height:205px;font-size:16px}.about__card{padding:10px 15px}.sectionTitle{margin-top:25px;font-size:20px;margin-bottom:20px}.sectionTitle-thank{margin-top:60px}.sectionTitle::after,.sectionTitle::before{bottom:-10px;height:2px;width:300px}.sectionTitle::after{width:80px;height:4px;bottom:-11px}}@media (max-height:430px){.screen{min-height:400px}.button{bottom:28%}.button:after,.button:before{display:none}.button__text{height:50px}.portfolio__item{flex:0 0 50%;max-width:50%}.portfolio__item:hover .portfolio__img{filter:blur(0)}}