.works{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(4,1fr);grid-column-gap:30px;grid-row-gap:30px}.work{box-shadow:0 3px 10px #0000000d;display:inline-flex;overflow:hidden;position:relative;width:100%}.work:hover{box-shadow:0 3px 10px #0000001a}.works>.work:first-of-type{grid-area:1/1/3/3}.works>.work:nth-child(2){grid-area:1/3/2/4}.works>.work:nth-child(3){grid-area:2/3/3/4}.works>.work:nth-child(4){grid-area:3/1/4/2}.works>.work:nth-child(5){grid-area:4/1/5/2}.works>.work:nth-child(6){grid-area:3/2/5/4}.work__image{background-position-x:center;background-position-y:top;background-repeat:no-repeat;background-size:cover;overflow:hidden;position:relative;width:100%;z-index:2}.works>.work:first-of-type>.work__image{padding-bottom:75%}.work__image:before{animation:spinner .6s linear infinite;-webkit-animation:spinner .6s linear infinite;border:4px solid #483afc;border-left-color:#483afc00;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;content:"";height:40px;left:50%;margin-left:-20px;margin-top:-20px;position:absolute;top:50%;width:40px;z-index:7}.work__image-loaded.work__image:before{display:none}.work__image:after{background-color:#fff;content:"";height:120%;left:0;position:absolute;top:50%;transform:translateY(-50%) translate(0);-webkit-transform:translateY(-50%) translateX(0);-moz-transform:translateY(-50%) translateX(0);-ms-transform:translateY(-50%) translateX(0);-o-transform:translateY(-50%) translateX(0);width:100%;z-index:6}.work__image.work__image-loaded:after{animation:slideRight 1s forwards;-webkit-animation:slideRight 1s forwards}@keyframes slideRight{0%{-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14);transform:translateY(-50%) translate(0);-webkit-transform:translateY(-50%) translateX(0);-moz-transform:translateY(-50%) translateX(0);-ms-transform:translateY(-50%) translateX(0);-o-transform:translateY(-50%) translateX(0)}50%{transform:translateY(-50%) translate(50%) skew(20deg);-webkit-transform:translateY(-50%) translateX(50%) skewX(20deg);-moz-transform:translateY(-50%) translateX(50%) skewX(20deg);-ms-transform:translateY(-50%) translateX(50%) skewX(20deg);-o-transform:translateY(-50%) translateX(50%) skewX(20deg)}to{-webkit-animation-timing-function:cubic-bezier(.815,.09,.885,.14);transform:translateY(-50%) translate(100%);-webkit-transform:translateY(-50%) translateX(100%);-moz-transform:translateY(-50%) translateX(100%);-ms-transform:translateY(-50%) translateX(100%);-o-transform:translateY(-50%) translateX(100%)}}@keyframes spinner{to{transform:rotate(1turn);-webkit-transform:rotate(1turn);-moz-transform:rotate(1turn);-ms-transform:rotate(1turn);-o-transform:rotate(1turn)}}.work__image-overlay{background-color:#f0f8fe;inset:0;opacity:0;position:absolute;transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94);-webkit-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94);-moz-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94);-ms-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94);-o-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94);visibility:hidden}.work:hover>.work__image>.work__image-overlay{opacity:1;visibility:visible}.work__info{color:#303133;inset:0;position:absolute;fill:#303133}.work__info-wrapp{display:flex;-moz-flex-direction:column;flex-direction:column;inset:33.33328px;position:absolute;z-index:3}.work__info-meta h3{color:inherit;font-weight:600;margin-top:0;opacity:0;transform:translateY(10.66672px);-webkit-transform:translateY(10.66672px);-moz-transform:translateY(10.66672px);-ms-transform:translateY(10.66672px);-o-transform:translateY(10.66672px);transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94);-webkit-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-moz-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-ms-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-o-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);visibility:hidden}.work:hover .work__info-meta h3{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.1s;visibility:visible}.work__info-meta .categories{margin-top:13.33328px;opacity:0;position:relative;transform:translateY(10.66672px);-webkit-transform:translateY(10.66672px);-moz-transform:translateY(10.66672px);-ms-transform:translateY(10.66672px);-o-transform:translateY(10.66672px);transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94);-webkit-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-moz-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-ms-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-o-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);visibility:hidden;z-index:2}.work:hover .work__info-meta .categories{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.2s;visibility:visible}.work__info-link{display:flex;margin-top:auto}.work__info-link-more{align-items:center;color:inherit;display:flex;font-weight:500;opacity:0;position:relative;transform:translateY(10.66672px);-webkit-transform:translateY(10.66672px);-moz-transform:translateY(10.66672px);-ms-transform:translateY(10.66672px);-o-transform:translateY(10.66672px);transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94);-webkit-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-moz-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-ms-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-o-transition:opacity .15s cubic-bezier(.25,.46,.45,.94),visibility .15s cubic-bezier(.25,.46,.45,.94),transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);visibility:hidden;width:100%;z-index:1}.work:hover .work__info-link-more{opacity:1;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transition-delay:.3s;visibility:visible}.work__info-link-more svg{margin-left:auto;transform:translate(-13.33328px);-webkit-transform:translateX(-13.33328px);-moz-transform:translateX(-13.33328px);-ms-transform:translateX(-13.33328px);-o-transform:translateX(-13.33328px);transition:transform .15s cubic-bezier(.25,.46,.45,.94);-webkit-transition:transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-moz-transition:transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-ms-transition:transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94);-o-transition:transform .15s cubic-bezier(.25,.46,.45,.94),-webkit-transform .15s cubic-bezier(.25,.46,.45,.94)}.work__info-link-more:hover svg{transform:translate(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0)}.work__info-link-more svg path{fill:inherit}.work__video{display:inline-flex;height:100%;inset:0;max-width:100%;position:absolute;width:100%;z-index:1}.work__video>video{min-height:100%;min-width:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center}@media (min-width:576px){.container{max-width:540px}.work-info_wrapp{inset:2.5rem}}@media (min-width:768px){.container{max-width:720px}.work-info_wrapp{inset:3.33333rem}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}@media screen and (max-width:1440px){.home__portfolio-work:nth-of-type(2){height:42%;left:26vw}.home__portfolio-work:nth-of-type(3){left:-8%}.home__portfolio-work:nth-of-type(4){top:28vw}.home__skills-content{max-width:400px}}@media screen and (max-width:1280px){h1{font-size:128px}.about__text{padding-right:85px;width:calc(100% - 362px)}.about__img{height:362px;width:362px}}@media screen and (max-width:1200px){.home__skills-content{max-width:320px}.vsc-js{max-width:622px}}@media screen and (max-width:1100px){.home__portfolio-work:nth-of-type(2){height:35%}.home__portfolio-work:nth-of-type(4){height:30%;top:34vw}.home__portfolio-work:nth-of-type(5){max-width:35%}}@media screen and (max-width:1024px){.review__content{max-width:80%}}@media screen and (max-width:992px){h1{font-size:108px}.about__text{padding-right:45px;width:calc(100% - 275px)}.about__img{height:275px;width:275px}.about__links{width:300px}.about__links li a{margin-left:0;margin-top:15px}.contactMe>.container>img{display:none}.contactform{margin-left:auto;margin-right:auto}.work__head{padding:20px}.work__head h1{font-size:80px}.work__info-wrapp{inset:15px}.work__info-meta h3{font-size:19px}.home__items h2,.home__me h2,.home__portfolio-content>h2,.home__reviews h2,.home__skills-content>h2{font-size:45px}.home__items>.container>p,.home__portfolio-content>p,.home__skills-content>p{font-size:16px}.home__skills{padding:170px 0}.home__skills>.container{max-width:100%;padding-left:20px;padding-right:20px}.home__skills-content{max-width:340px;padding-right:20px}.home__skills-code{height:301px}.vsc-html{position:absolute;width:637px}.vsc-css{bottom:73%;left:32%}.vsc-js{left:8%;top:79%}.review{max-width:49%}.home__items{padding-bottom:70px;padding-top:70px}.items{grid-template-columns:repeat(2,1fr)}.home__items-list{grid-template-columns:repeat(1,1fr)}.qazlat__title{font-size:37px}.qazlat{-moz-flex-direction:column;flex-direction:column}.qazlat__result,.qazlat__textarea{max-width:100%}.qazlat__result{margin-top:25px}ul.advantages{grid-template-columns:repeat(2,1fr)}.work__technology-list{grid-template-columns:repeat(4,1fr)}.case__btns{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:20px;grid-row-gap:20px}.case__btns>button{width:100%}.case__btns>button+button{margin-left:0}}@media screen and (max-width:834px){.pagination{-moz-justify-content:unset;justify-content:unset;overflow-x:scroll}}@media screen and (max-width:768px){h1{font-size:95px}.about__wrapp{-moz-flex-direction:column;flex-direction:column}.about__text{padding-right:0;width:100%}.about__img{height:400px;margin-bottom:50px;margin-left:auto;margin-right:auto;order:1;width:400px}.about__text{order:2}.about__links{width:100%}.about__links li a{margin-left:15px;margin-top:0}.work__big{flex:0 0 100%;max-width:100%;padding-left:0;padding-right:0}.works>div:nth-child(2){padding-left:0;padding-right:15px}.works>div:nth-child(3){padding-left:15px;padding-right:0}.work__block{flex:0 0 50%;max-width:50%}.work__meta-block{margin-bottom:45px;width:50%}.work__meta-block h6{margin-bottom:15px}.work__meta-block:last-of-type,.work__meta-block:nth-child(3){margin-bottom:0}.work__head h1{font-size:55px}.home__portfolio-work:nth-of-type(2){bottom:unset;left:28vw;top:80%}.home__portfolio-work:nth-of-type(4){top:45vw}.home__skills{padding:260px 0}.vsc-css{bottom:82%;left:21%}.vsc-js{left:-29%;top:92%}.home__items{padding-top:10px}.github>li{max-width:100%}.github>li+li{margin-top:15px}.works{grid-template-columns:repeat(2,1fr);grid-template-rows:none}.works>.work:first-of-type,.works>.work:nth-child(2),.works>.work:nth-child(3),.works>.work:nth-child(4),.works>.work:nth-child(5),.works>.work:nth-child(6){grid-area:unset;height:200px}.wootn__section.wootn__section-main{-moz-flex-direction:column;flex-direction:column}.wootn__mainText{margin-left:0;margin-top:80px;max-width:100%}.work__technology-list{grid-template-columns:repeat(3,1fr);grid-column-gap:20px;grid-row-gap:20px}.technology>span>svg{height:80px;width:80px}}@media screen and (max-width:660px){h1{font-size:80px;margin-bottom:60px}.contactform{padding-bottom:75px;padding-top:75px}.portfolio__nav{-moz-flex-direction:column;flex-direction:column}.portfolio__nav>a{width:100%}.portfolio__nav>a.prev__work figure{margin-left:auto}.portfolio__nav>a.next__work figure,.portfolio__nav>a.prev__work .portfolio__nav-info{margin-right:auto}.home__items h2,.home__me h2,.home__portfolio-content>h2,.home__reviews h2,.home__skills-content>h2{font-size:35px}.home__items>.container>p,.home__portfolio-content>p,.home__skills-content>p{font-size:14px}.vsc-css{bottom:86%;left:-35%}.vsc-js{left:-106%;top:103%}.home__me h4{font-size:17px;line-height:22px;margin-bottom:5px}.home__items{padding-top:60px}ul.advantages{grid-template-columns:repeat(1,1fr)}}@media screen and (max-width:600px){.container,.header{padding-left:20px;padding-right:20px}.header__mobile{display:inline-flex}.header__nav{display:none;height:calc(100% - 73px);left:0;padding-left:20px;padding-right:20px;padding-top:40px;position:absolute;top:74px;width:100%;z-index:99}.header__nav ul{-moz-flex-direction:column;flex-direction:column;width:100%}.header__nav ul li{display:inline-flex}.header__nav ul li a{color:#fff;font-size:45px}.header__nav ul li a.router-link-exact-active,.header__nav ul li a:hover{color:#fff}body.mobmenu{overflow:hidden}body.mobmenu .header__nav{display:inline-flex}.browser{margin-bottom:55px}.work__head h1{font-size:45px}.home__portfolio{padding:135px 0 30vw}.home__portfolio-content{margin:auto 5vh;text-align:left}.home__portfolio-work:first-of-type{height:29%;max-width:50%}.home__portfolio-work:nth-of-type(2){height:30%;left:52vw;top:75%}.home__portfolio-work:nth-of-type(3){height:34%;max-width:54%;top:80%}.home__portfolio-work:nth-of-type(4){height:27%;max-width:40%;top:37vw}.home__portfolio-work:nth-of-type(5){height:26%;max-width:45%;top:-6%}.home__items>.container>p,.home__portfolio-content>p,.home__skills-content>p{font-size:16px}.items{grid-template-columns:repeat(1,1fr)}.qazlat{margin-bottom:30px;padding:25px}.qazlat__title{font-size:28px}.qazlat__p{font-size:14px}.work__clientInfo p,.work__task p{font-size:22px}}@media screen and (max-width:575px){.review{max-width:100%}.works{grid-template-columns:repeat(1,1fr)}.works>.work:first-of-type,.works>.work:nth-child(2),.works>.work:nth-child(3),.works>.work:nth-child(4),.works>.work:nth-child(5),.works>.work:nth-child(6){height:280px}.footer__lang__button svg,.footer__social svg{height:-moz-fit-content;height:fit-content;width:25px}.footer__lang__button{align-items:center}.work__technology-list{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:500px){h1{font-size:65px;margin-bottom:50px}.about__img{height:375px;width:375px}.about__links{width:300px}.about__links li a{margin-left:0;margin-top:15px}.contactform{padding:35px 20px}.work__meta-block{width:100%}.work__meta-block:nth-child(3){margin-bottom:45px}.work__head h1{font-size:38px}.work__info-meta h3{font-size:28px}.work__block{flex:0 0 100%;max-width:100%}.works>div:nth-child(2){padding-right:0}.works>div:nth-child(3){padding-left:0}.home__portfolio-content{margin:auto 20px}.home__skills{padding-bottom:260px;padding-top:130px}.home__skills>.container{-moz-flex-direction:column;flex-direction:column}.home__skills-content{max-width:100%;padding-right:0}.vsc-html{top:53%}.vsc-css{bottom:30%;left:0}.vsc-js{left:5%;top:121%}.review__content{max-width:90%}.home__items{padding-top:60px}.wootn__mainText>h1{font-size:38px}.wootn__section-changelog,.wootn__section.wootn__section-advantage{margin-top:50px}.wootn__section-changelog>.container>h2,.wootn__section.wootn__section-advantage h2{font-size:30px}.work__technology-list{grid-template-columns:repeat(3,1fr)}.technology{font-size:14px}.technology>span>svg{height:50px;width:50px}.case__btns{grid-template-columns:repeat(1,1fr)}.home__portfolio-content>.form__btn{padding-left:25px;padding-right:25px}}@media screen and (max-width:429px){.home__items{padding-top:60px}.home__skills-code{margin-top:30px}}@media screen and (max-width:414px){h1{font-size:60px}.about__img{height:335px;width:335px}.work__head h1{font-size:35px}.home__portfolio-work:nth-of-type(2){left:57vw}.home__portfolio-work:nth-of-type(4){right:-9%}.vsc-css{left:-15px}.home__items{padding-top:80px}}@media screen and (max-width:376px){h1{font-size:48px;margin-bottom:40px}.about__img{height:280px;width:280px}.about__links{max-width:300px;width:100%}.work__head h1{font-size:30px}.work__info-meta h3{font-size:22px}.home__items h2,.home__me h2,.home__portfolio-content>h2,.home__reviews h2,.home__skills-content>h2{font-size:32px}.home__items>.container>p,.home__portfolio-content>p,.home__skills-content>p{font-size:15px}.home__portfolio-work:first-of-type{height:25%}.home__portfolio-work:nth-of-type(2){height:22%;left:62vw;max-width:35%;top:80%}.home__portfolio-work:nth-of-type(3){left:-2%}.home__portfolio-work:nth-of-type(4){height:16%;max-width:28%;right:-3%}.home__portfolio-work:nth-of-type(5){height:24%;max-width:50%;top:-3%}.home__items{padding-top:115px}.work__technology-list{grid-template-columns:repeat(2,1fr);grid-column-gap:15px;grid-row-gap:15px}.technology{padding:15px 8px}}@media screen and (max-width:321px){h1{font-size:45px;margin-bottom:35px}.about__img{height:260px;width:260px}.footer{border-bottom:none;border-left:none;border-right:none}.home__items{padding-top:150px}}