@charset "UTF-8";@font-face{font-family:Jost;font-style:normal;font-weight:300;src:local("");src:url(../fonts/jost-v4-latin-300.woff2) format("woff2");src:url(../fonts/jost-v4-latin-300.woff) format("woff")}@font-face{font-family:Jost;font-style:normal;font-weight:800;src:local("");src:url(../fonts/jost-v4-latin-800.woff2) format("woff2");src:url(../fonts/jost-v4-latin-800.woff) format("woff")}html{box-sizing:border-box}*{box-sizing:inherit}::after,::before{box-sizing:inherit}body{max-width:100vw;max-height:100vh;width:100%;height:100%;position:relative;font-family:Jost;font-style:normal;font-weight:300;color:#fff;overflow:hidden;background:url(../img/dist/bg.png) center no-repeat;background-size:cover}img{width:100%;height:100%;position:absolute;object-fit:cover}.footer,.header{width:100%;height:200px;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;position:absolute;-webkit-transform:rotate(-20deg) translateX(-73px);-ms-transform:rotate(-20deg) translateX(-73px);transform:rotate(-20deg) translateX(-73px);-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;transition:.6s;background-color:#fff;will-change:transform}.footer:hover,.header:hover{-webkit-transform:rotate(0) translateX(0);-ms-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0);z-index:11}.footer:hover+.shadow,.header:hover+.shadow{opacity:1;z-index:10}.footer:hover~.header__logo,.header:hover~.header__logo{z-index:12}.header__logo{width:64px;height:64px;display:block;position:absolute;top:42px;left:54px}.header__nav{display:-webkit-flex;display:-ms-flexbox;display:flex;margin:51px 54px 0 0}.header__link{width:50px;height:50px;display:block;transition:.2s;will-change:transform;margin-right:25px}.header__link:last-child{margin-right:0}.header__link:hover{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}.main{width:100vw;min-height:100vh;height:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;background:rgba(17,17,17,.97)}.main__content{max-width:910px;width:100%;max-height:100vh;height:100%;overflow-y:scroll;padding:20% 40px 10%}.main__info{max-width:510px;margin-right:45px}.main__info:last-child{margin-right:0}.main__title{font-weight:800;font-size:72px;line-height:104px;margin:0 0 18px 0}.main__text{font-size:18px;line-height:26px;margin:0 0 5px 0}.main__photo{width:274px;height:274px;position:relative;background-color:#fff}.main__photo::after,.main__photo::before{content:'';width:130px;height:30px;display:block;position:absolute;z-index:5;-webkit-transform:rotate(-20deg);-ms-transform:rotate(-20deg);transform:rotate(-20deg);background:#fff}.main__photo::before{top:-15px;left:-40px}.main__photo::after{bottom:-15px;right:-40px;background:#781111}.main__img{opacity:.8}.content{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.content__block{width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:15%}.content__title{font-size:42px;line-height:46px;margin:0 0 25px 0}.content__icon{max-width:510px;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.content__icon::before{content:'';width:150px;height:150px;position:absolute;border:6px double #781111;border-radius:50%}.tools p{text-align:left}.tools__svg{-webkit-transform:scale(4);-ms-transform:scale(4);transform:scale(4);transition:.2s}.tools__svg:hover{-webkit-transform:scale(2.7);-ms-transform:scale(2.7);transform:scale(2.7)}.footer{-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;bottom:0;-webkit-transform:rotate(-20deg) translateX(73px);-ms-transform:rotate(-20deg) translateX(73px);transform:rotate(-20deg) translateX(73px);-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}.footer:hover~.footer__logo{z-index:12}.footer__logo{width:64px;height:64px;display:block;position:absolute;bottom:42px;right:54px}.footer__nav{display:-webkit-flex;display:-ms-flexbox;display:flex;margin:108px 0 0 54px}.footer__link{min-width:100px;height:50px;display:block;text-decoration:none;transition:.2s;will-change:transform;margin-right:25px}.footer__link:last-child{margin-right:0}.footer__link--todo{font-size:26px;font-weight:700;line-height:50px;color:#111}.footer__link--todo::first-letter{color:#39c9c0}.red-color{color:#781111}mark{color:#111;background:#fff;padding:0 2px}.shadow{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;opacity:0;transition:.6s;background:rgba(17,17,17,.8)}.iOS *{cursor:pointer}.touch{max-width:none;max-height:none;min-height:calc(100vh - 400px);overflow:visible;padding-bottom:200px}.touch .footer,.touch .header{position:static;-webkit-transform:rotate(0) translateX(0);-ms-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0)}.touch .footer:hover+.shadow,.touch .header:hover+.shadow{z-index:-1;opacity:0}.touch .main{width:auto;height:auto;min-height:calc(100vh - 400px)}.touch .content{max-height:none;height:100%;overflow-y:visible}.touch .footer{position:absolute;bottom:0}*{scrollbar-width:none;scrollbar-color:#00f orange}::-webkit-scrollbar{height:0;width:0}@media screen and (max-width:914px){.main__content{padding:20% 30px 10%}}@media screen and (max-width:890px){.main__info{margin-right:0;margin-bottom:45px}.main__info:last-child{margin-bottom:0}}@media screen and (max-width:870px){.main__title{text-align:center}.main__text{text-align:center}.content__block{-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.content__title{text-align:center}.content__icon{height:150px;margin-bottom:25px}}@media screen and (max-width:767px){.footer,.header{height:120px}.header__logo{width:48px;height:48px;top:21px;left:27px}.header__nav{margin:30px 27px 0 0}.header__link{width:40px;height:40px}.main__title{font-size:42px;line-height:46px}.main__text{font-size:16px;line-height:18px}.content__title{font-size:24px;line-height:32px}.footer__logo{width:48px;height:48px;bottom:21px;right:27px}.footer__nav{margin:61px 0 0 27px}.footer__link{width:60px;height:30px}.touch{padding-bottom:120px;min-height:calc(100vh - 240)}.touch .main{min-height:calc(100vh - 240px)}}@media screen and (max-width:525px){body{max-width:none;max-height:none;overflow:visible}.footer,.header{position:static;-webkit-transform:rotate(0) translateX(0);-ms-transform:rotate(0) translateX(0);transform:rotate(0) translateX(0);height:100px}.footer:hover+.shadow,.header:hover+.shadow{z-index:-1;opacity:0}.main{width:auto;height:auto}.main__content{padding:20% 20px 0}.content__block{padding-bottom:100px}.footer__nav{margin:41px 0 0 27px}.touch{padding-bottom:100px;min-height:calc(100vh - 200px)}.touch .main{min-height:calc(100vh - 200px)}}@media screen and (max-width:430px){.main__photo::after,.main__photo::before{display:none}}@media screen and (max-width:375px){.main__photo{width:100%}}