*{margin:0;padding:0;box-sizing:border-box}img{display:block}a{text-decoration:none;color:#444}ul,li{list-style-type:none}html,body{height:100%}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;color:#444}.app{display:flex;flex-direction:column;min-height:100%;padding-bottom:54px}.app.dark{background:#000}@media(min-width: 1040px){.app{padding-bottom:0}}.container{max-width:1470px;padding:0 15px;width:100%;margin:0 auto}.container--small{max-width:640px}.container--middle{max-width:1040px}.wrapper{display:flex;flex:1 0 auto}.content{padding:50px 0}.scroll::-webkit-scrollbar{width:4px}.scroll::-webkit-scrollbar-track{background:#323232}.scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:5px}.pointer{cursor:pointer}.content-with-sidebar{display:flex;gap:20px}.grid{display:grid}.grid.col-4{grid-template-columns:repeat(4, 1fr);gap:20px}.main{display:flex;flex-direction:column;background:#000;min-height:100%;padding-bottom:58px}@media(min-width: 1040px){.main{padding-bottom:0}}.main-header{padding:10px;display:flex;justify-content:space-between}.main-content{position:relative;display:flex;flex-direction:column;gap:20px;padding:15px;min-height:100%;flex-grow:1;width:100%;max-width:1470px;margin:44px auto 0}@media(min-width: 1040px){.main-content{margin:50px auto;gap:20px;flex-direction:row}}.main-footer{background:#000;padding:20px;display:flex;align-items:flex-start;justify-content:space-between}.main-header{position:relative;background:#000;z-index:20}@media(max-width: 1040px){.main-header{position:fixed;justify-content:center;width:100%}}.main-nav{padding:60px 15px 20px;position:fixed;display:flex;flex-direction:column;transform:translateX(-100%);top:0;bottom:0;left:0;gap:20px;font-size:16px;z-index:10;background:#fff;max-width:320px;width:100%;transition:.2s ease-in-out}.main-nav.open{transform:translateX(0)}@media(min-width: 1040px){.main-nav{padding:0;transform:translateX(0);background:#000;max-width:none;width:auto;flex-direction:row;position:static}}.main-nav-item{padding:10px;transition:.2s ease-in-out;color:#000}@media(min-width: 1040px){.main-nav-item{color:#ccc}.main-nav-item:hover{color:#fff}}.main-nav__close{position:absolute;top:10px;right:15px;display:block;width:25px;height:25px;background-image:url("../img/icon/close-black.svg");background-repeat:no-repeat;cursor:pointer}@media(min-width: 1040px){.main-nav__close{display:none}}.main-contacts{display:flex;gap:20px}.main-contact{padding:10px 0;transition:.2s ease-in-out;color:#ccc}.main-contact:hover{color:#fff}@media(max-width: 1040px){.main-contact{font-size:12px;padding:5px 0}}.mobile-menu{position:fixed;bottom:0;width:100%;background:#000;border-top:1px solid #fff;z-index:50}@media(min-width: 1040px){.mobile-menu{display:none}}.mobile-menu__list{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px;padding:10px 0}.mobile-menu-item{display:flex;flex-direction:column;gap:3px;align-items:center}.mobile-menu-item__icon{width:20px;height:20px;object-fit:contain;object-position:center;opacity:.9}.mobile-menu-item__title{color:#ccc;font-size:10px}.btn{padding:10px 30px;background:#ccc;border:none;outline:none;cursor:pointer;font-size:16px;transition:.2s ease-in-out}.btn:hover{background:#fff}.input{font-family:Arial,Helvetica,sans-serif;background:rgba(0,0,0,0);outline:none;font-size:16px;padding:10px 20px;border:1px solid #ccc;caret-color:#ccc;color:#ccc;resize:none}.main-close{display:block;width:25px;height:25px;background-image:url("../img/icon/close-white.svg");background-repeat:no-repeat;cursor:pointer}.main-frame{position:relative;display:flex;flex-grow:1}@media(min-width: 1040px){.main-frame{width:50%}}.main-frame__content{position:absolute;display:flex;top:0;left:0;bottom:0;right:0}.main-frame-light{position:absolute;opacity:0;top:0;left:0;bottom:0;right:0;background:#fff;box-shadow:0 0 10px 10px #fff;transition:.4s opacity ease-in-out}.main-frame-light.foreground{z-index:3}.main-frame-light.show{opacity:1}.main-frame-message{display:flex;position:relative;max-width:500px;align-items:center;margin:0 auto}.main-frame-message__inner{position:relative}.main-frame-message__content{padding:30px;width:100%;text-align:center;color:#ccc;font-size:18px}.main-frame-message__text{color:#ccc;text-align:center;font-size:18px}.main-form-message__close{position:absolute;top:0px;right:0}.main-frame-nav{width:100%;display:flex;justify-content:center;align-items:center}.main-frame-nav.hide{display:none}.main-frame-nav__list{display:flex;gap:20px}.main-frame-link{display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;padding:10px}.main-frame-link:hover .main-frame-link__icon{opacity:1}.main-frame-link:hover .main-frame-link__title{color:#fff}.main-frame-link__icon{width:60px;height:60px;transition:.3s ease-in-out;opacity:.7}.main-frame-link__title{font-size:14px;text-align:center;color:#aaa;transition:.3s ease-in-out}.main-frame-tab{display:none;width:100%}.main-frame-tab.show{display:block}.main-frame-tab__inner{display:flex;height:100%;padding:50px 10px;overflow:auto}@media(min-width: 1040px){.main-frame-tab__inner{padding:30px 70px}}.main-frame-tab__close{position:absolute;top:10px;right:20px}.about-me{width:100%}.about-me__top{width:100%;display:flex;gap:20px;margin-bottom:30px}.about-me__content{display:flex;flex-direction:column;width:100%;gap:20px}@media(min-width: 1040px){.about-me__content{flex-direction:row}}.about-me__intro{flex-grow:1}.about-me__title{color:#ccc;font-size:18px;margin-bottom:20px}@media(min-width: 1040px){.about-me__title{font-size:24px}}.about-me__text{color:#ccc;font-size:14px}@media(min-width: 1040px){.about-me__text{font-size:16px}}.about-me__photo{width:140px;height:210px;object-fit:cover;object-position:center}@media(min-width: 1040px){.about-me__photo{width:200px;height:300px}}.about-me__bottom{margin-top:20px;text-align:right}.about-me__subtitle{color:#ccc;font-size:18px;margin-bottom:15px}.about-me__list{display:flex;flex-direction:column;gap:20px}@media(min-width: 1040px){.about-me__list{justify-content:flex-end;flex-direction:row;align-items:center}}.about-me__link{color:#ccc;transition:.2s linear}.about-me__link:hover{color:#fff}.my-works{width:100%}.my-works__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:20px 10px}@media(min-width: 720px){.my-works__list{grid-template-columns:repeat(3, 1fr);gap:20px}}@media(min-width: 1040px){.my-works__list{grid-template-columns:repeat(2, 1fr)}}.my-work-card:hover .my-work-card__img{border:3px solid #fff;box-shadow:0 0 10px #fff}.my-work-card:hover .my-work-card__title{color:#fff}.my-work-card__img{width:100%;height:150px;object-fit:cover;object-position:center;border:3px solid #ccc;transition:.2s linear}@media(min-width: 720px){.my-work-card__img{height:250px}}.my-work-card__title{margin:10px;transition:.2s linear}.my-works__bottom{margin-top:20px;display:flex;justify-content:center}.socials{display:flex;gap:20px}.social__link{width:36px;height:36px;transition:.2s linear;border-radius:50%}.social__link:hover{box-shadow:0 0 10px #fff}.social__icon{width:100%;height:100%;object-fit:contain;object-position:center}.my-contacts{display:flex;flex-direction:column;gap:20px;margin:0 auto}@media(min-width: 1040px){.my-contacts{flex-direction:row;align-items:center;margin-top:30px}}.my-contacts__photo{width:200px;height:200px}.my-contacts__name{font-size:24px;color:#ccc;margin-bottom:30px}.my-contacts__list{display:grid;gap:10px;margin-bottom:30px}.my-contact{display:flex;justify-content:space-between;gap:20px;color:#ccc;max-width:290px;width:100%}.my-contact__title{color:#ccc}.my-contact__content{transition:.2s linear;color:#ccc}.my-contact__content:hover{color:#fff}.my-contacts__btn{margin-top:30px}.main-form{max-width:500px;width:100%;margin:auto}.main-form__close{position:absolute;top:4px;right:0}.main-form__inner{position:relative;display:flex;height:100%;flex-direction:column}.main-form__title{font-size:30px;margin-bottom:50px;color:#ccc}.main-form__body{margin-bottom:20px;display:flex;flex-direction:column;gap:20px}.control{display:flex;flex-direction:column;gap:10px}.control__label{font-size:16px;color:#ccc}.control__errors{display:flex;flex-direction:column;font-size:12px;gap:3px;color:#cc8f8f}.signature{position:relative;display:flex;justify-content:center;align-items:center;z-index:10}@media(min-width: 1040px){.signature{width:35%}}@media(min-width: 1440px){.signature{width:50%}}.signature__inner{text-align:center}.signature__name{font-size:24px;font-weight:400;margin-bottom:5px;text-align:center;color:#ccc}@media(min-width: 1040px){.signature__name{margin-bottom:10px;font-size:30px}}.signature__profession{font-size:14px;color:#ccc;text-align:center}@media(min-width: 1040px){.signature__profession{font-size:16px}}.signature__btn{margin-top:20px}@media(min-width: 1040px){.signature__btn{margin-top:50px}}.dn{display:none}/*# sourceMappingURL=main-page.css.map */