@-webkit-keyframes first{0%{color:#000;padding-left:10px}50%{color:#fff;padding-left:100px}100%{color:#000;padding-left:10px}}@keyframes first{0%{color:#000;padding-left:10px}50%{color:#fff;padding-left:100px}100%{color:#000;padding-left:10px}}.subtitle{font-size:16px;font-weight:700;padding-left:10px;position:relative;z-index:1}.subtitle:before{content:"";width:36px;height:36px;background-color:#ff7829;border-radius:50px;position:absolute;left:0;top:-6px;z-index:-1}.subtitle-center{padding-left:10px;position:relative;z-index:1;font-size:16px;font-weight:700;text-align:center;padding:0}.subtitle-center:before{content:"";width:36px;height:36px;background-color:#ff7829;border-radius:50px;position:absolute;left:0;top:-6px;z-index:-1}.subtitle-center:before{left:50%;transform:translateX(-50%)}.h2__title{font-size:36px;line-height:36px;font-weight:700;margin-top:20px}.subtitle_clean{font-size:16px;font-weight:700}*{font-family:Poppins,sans-serif;font-weight:500;font-size:20px;color:#000}html{scroll-behavior:smooth}.container{width:1140px;margin:0 auto}.divider{border:2px solid #ff7829;width:60px;margin:25px auto 0 auto}.divider-left{margin:10px 0 0 0}.promo{width:100%;height:100vh;background:url(../img/photo/main_bg.jpeg) center bottom 15%/cover no-repeat;padding-top:206px;position:relative}.promo .promo__title{font-size:48px;font-weight:700;margin-top:10px}.promo .promo__btns{margin-top:35px}.promo .hamburger{position:fixed;top:20px;right:20px;height:21px;width:36px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;cursor:pointer;z-index:10;opacity:1;transition:1s}.promo .hamburger span{height:3px;width:30px;background:#fff}.promo .hamburger span:nth-child(2){width:36px}.promo .hamburger-dark span{background:#ff7829}.button{padding:12px 26px;border:none;font-size:16px;font-weight:700;text-decoration:none;color:#000}.button:hover{color:#000}.button_light{background-color:#ff7829}.button_trans{background-color:rgba(0,0,0,0)}.aside-panel{position:fixed;width:350px;display:flex;justify-content:space-between;transform:translateY(-50%) rotate(-90deg);top:50%;left:-140px;align-items:center;z-index:5}.aside-panel .aside-panel__divider{border:2px solid #000;height:2px;width:70px}.aside-panel a:hover path{fill:#ff7829}.aside-panel a path{transition:all .5s}.menu{position:fixed;background:rgba(255,255,255,.75);width:100%;height:100vh;z-index:5;left:-100%;transition:all .6s}.menu.active{left:0}.menu .menu__close{position:absolute;top:20px;right:20px;cursor:pointer}.menu .menu__block{width:345px;height:100%;background:#ff7829;padding-top:140px;position:relative}.menu .menu__block .menu__links{list-style-type:none;text-transform:uppercase}.menu .menu__block .menu__links .menu__link{padding-left:35px;font-size:24px;position:relative}.menu .menu__block .menu__links .menu__link:before{content:"";position:absolute;border:2px solid #000;border-radius:100%;width:16px;height:16px;left:0;top:11px}.menu .menu__block .menu__links .menu__link a{color:#fff;text-decoration:none}.menu .menu__block .menu__links .menu__link:hover{text-decoration:underline}.menu .menu__block .menu__links .menu__link:hover::before{background-color:#fff}.menu .menu__block .menu__socials{display:flex;width:60px;justify-content:space-between;position:absolute;left:50%;transform:translateX(-50%);bottom:50px}.menu .menu__block .menu__socials a:hover path{fill:#fff}.menu .menu__block .menu__socials a path{transition:all .5s}.about{padding-top:120px}.about .about__wrapper{display:grid;grid-template-columns:400px 1fr;-moz-column-gap:70px;column-gap:70px}.about .about__wrapper .about__photo img{display:block;width:100%;margin:0 auto}.about .about__wrapper .about__info{padding-top:6px}.about .about__wrapper .about__info .about__description{margin-top:15px;font-size:14px;font-weight:500}.about .about__wrapper .about__info .about__direction{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;margin-top:20px;row-gap:20px;-moz-column-gap:50px;column-gap:50px}.about .about__wrapper .about__info .about__direction .about__item{width:100%;padding-left:60px;position:relative}.about .about__wrapper .about__info .about__direction .about__item .about__item-descr{font-size:14px}.about .about__wrapper .about__info .about__direction .about__item .about__item-img{position:absolute;top:11px;left:13px}.about .about__wrapper .about__info .about__direction .about__item .about__item-img img{width:25px;height:25px}.about .about__wrapper .about__info .about__direction .about__item .about__item-img:before{content:"";width:36px;height:36px;border-radius:100%;background-color:#ff7829;position:absolute;z-index:-1;top:-11px;left:-13px}.education{padding-top:125px}.education .h2__title{text-align:center}.education .education__wrapper{margin:60px 70px 0 70px;display:grid;grid-template-columns:repeat(2,1fr);-moz-column-gap:100px;column-gap:100px}.education .education__wrapper .education__column{padding-left:50px}.education .education__wrapper .education__column .education__column-title{font-size:20px;font-weight:700;position:relative}.education .education__wrapper .education__column .education__column-title:before{content:"";display:block;width:15px;height:15px;background-color:#ff7829;border-radius:100%;position:absolute;left:-50px;top:7px}.education .education__wrapper .education__column .education__item{position:relative;padding-top:45px}.education .education__wrapper .education__column .education__item:before{content:"";display:block;background-color:#000;position:absolute;width:1px;height:calc(100% + 9px);left:-43px;top:-9px}.education .education__wrapper .education__column .education__item:after{content:"";display:block;background-color:#000;position:absolute;width:43px;height:1px;left:-43px;top:62px}.education .education__wrapper .education__column .education__item .education__item-head{position:relative;padding-left:56px}.education .education__wrapper .education__column .education__item .education__item-head .education__item-img{position:absolute;top:11px;left:13px}.education .education__wrapper .education__column .education__item .education__item-head .education__item-img img{width:25px;height:25px}.education .education__wrapper .education__column .education__item .education__item-head .education__item-img:before{content:"";width:36px;height:36px;border-radius:100%;background-color:#ff7829;position:absolute;z-index:-1;top:-11px;left:-13px}.education .education__wrapper .education__column .education__item .education__item-head .education__item-title{font-size:14px;font-weight:700}.education .education__wrapper .education__column .education__item .education__item-head .education__item-subtitle{font-size:12px}.education .education__wrapper .education__column .education__item .education__item-body{font-size:12px;margin-top:12px}.skills{padding-top:120px}.skills .h2__title{text-align:center}.skills .skills__wrapper{display:grid;margin:60px auto 0 auto;grid-template:1fr 1fr/repeat(4,270px);gap:13px;justify-content:center}.skills .skills__wrapper .skills__item{border:1px solid #000;padding:30px 30px 25px 30px}.skills .skills__wrapper .skills__item .skills__item-icon{display:flex;align-items:center;height:65px}.skills .skills__wrapper .skills__item .skills__item-title{font-size:14px;font-weight:700;margin-top:20px}.skills .skills__wrapper .skills__item .skills__item-descr{font-size:12px;margin-top:15px}.skills .skills__numbers{margin-top:120px;display:grid;grid-template:repeat(2,1fr)/repeat(3,1fr);gap:45px}.skills .skills__numbers .skills__numbers-item{padding-top:7px}.skills .skills__numbers .skills__numbers-item .skills__numbers-item_head{display:flex;justify-content:space-between;align-items:center}.skills .skills__numbers .skills__numbers-item .skills__numbers-item_head .skills__numbers-item_percent{font-size:14px}.skills .skills__numbers .skills__numbers-item .skills__numbers-item_body{width:100%;height:14px;background-color:#e8e4de;border-radius:4px;margin-top:27px}.skills .skills__numbers .skills__numbers-item .skills__numbers-item_body .skills__numbers-item_inner{background-color:#ff7829;height:100%;border-radius:4px}.portfolio{padding-top:125px}.portfolio .h2__title{text-align:center}.portfolio .portfolio__wrapper{margin-top:60px;display:grid;grid-template:repeat(2,280px)/repeat(4,280px);grid-auto-rows:280px;gap:5px}.portfolio .portfolio__wrapper .portfolio__item{overflow:hidden;transition:all .6s}.portfolio .portfolio__wrapper .portfolio__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio .portfolio__wrapper .portfolio__item:hover{transform:scale(1.1);filter:contrast(120%);z-index:2}.portfolio .portfolio__wrapper .horizontal-photo{grid-column:2/4;grid-row:2/3}.portfolio .portfolio__wrapper .vertical-photo{grid-column:4/5;grid-row:1/3}.portfolio .portfolio__wrapper .vertical-photo img{transform:translateX(-20%)}.price{margin-top:65px}.price .price__wrapper{margin:90px 50px 0 50px;display:grid;grid-template:repeat(2,1fr)/repeat(2,366px);grid-auto-rows:1fr;row-gap:15px;justify-content:space-between}.price .price__wrapper .price__item{padding-left:25px;position:relative}.price .price__wrapper .price__item:before{content:"";display:block;width:15px;height:15px;background-color:#ff7829;position:absolute;border-radius:100%;top:3px;left:0}.price .price__wrapper .price__item .price__item-head{display:flex;justify-content:space-between}.price .price__wrapper .price__item .price__item-head .price__item-cost,.price .price__wrapper .price__item .price__item-head .price__item-subtitle{font-size:14px;font-weight:700}.price .price__wrapper .price__item .price__item-body{font-size:12px;margin-top:5px}.contacts{padding:120px 0 90px 0}.contacts .contacts__wrapper{display:grid;grid-template-columns:400px 585px;justify-content:space-between;padding:0 40px}.contacts .contacts__wrapper .contacts__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contacts .contacts__wrapper .contacts__body{padding-top:8px}.contacts .contacts__wrapper .contacts__body .contacts__text{margin-top:15px;font-size:14px;font-weight:700}.contacts .contacts__wrapper .contacts__body .contacts__social{margin-top:15px;display:grid;grid-template-columns:repeat(auto-fill,minmax(30px,1fr));-moz-column-gap:25px;column-gap:25px}.contacts .contacts__wrapper .contacts__body .contacts__social a path{transition:all .5s}.contacts .contacts__wrapper .contacts__body .contacts__social a:hover path{fill:#ff7829}.contacts .contacts__wrapper .contacts__body .contacts__form{margin-top:25px;display:grid;grid-template:45px 190px 45px/280px 280px;justify-content:space-between;row-gap:30px}.contacts .contacts__wrapper .contacts__body .contacts__form .contacts__input{position:relative}.contacts .contacts__wrapper .contacts__body .contacts__form .contacts__input input{width:100%;font-size:12px;height:45px;border:1px solid #000;padding:0 20px}.contacts .contacts__wrapper .contacts__body .contacts__form .contacts__textarea{position:relative;grid-column:1/3;grid-row:2/3}.contacts .contacts__wrapper .contacts__body .contacts__form .contacts__textarea textarea{height:100%;width:100%;resize:none;border:1px solid #000;font-size:12px;padding:20px}.contacts .contacts__wrapper .contacts__body .contacts__form label{font-size:12px;position:absolute;display:block;padding:0 8px;background-color:#fff;top:-9px;left:12px}@media(max-width:1340px){.aside-panel{display:none}}@media(max-width:1200px){.container{max-width:960px}.about .about__wrapper{grid-template-columns:320px auto;-moz-column-gap:20px;column-gap:20px}.about .about__wrapper .about__info .about__direction{grid-template:auto/auto}.about .about__wrapper .about__photo img{height:100%;-o-object-fit:cover;object-fit:cover}.skills .skills__wrapper{grid-template:auto/repeat(auto-fill,minmax(250px,1fr))}.skills .skills__numbers{grid-template:auto/repeat(auto-fill,minmax(250px,1fr))}.portfolio .portfolio__wrapper{margin-top:40px;grid-template:280px/repeat(auto-fit,minmax(280px,1fr))}.portfolio .portfolio__wrapper .horizontal-photo,.portfolio .portfolio__wrapper .vertical-photo{grid-column:unset;grid-row:unset}.portfolio .portfolio__wrapper .horizontal-photo img,.portfolio .portfolio__wrapper .vertical-photo img{transform:none}.contacts .contacts__wrapper{grid-template-columns:360px 540px;padding:0}.contacts .contacts__wrapper .contacts__body .contacts__form{grid-template:45px 190px 45px/265px 265px}}@media(max-width:992px){.container{max-width:720px}.promo .promo__title{font-size:38px}.education{padding-top:85px}.price .price__wrapper{grid-template:auto/365px;justify-content:center;row-gap:25px;margin-top:50px}.contacts__photo{display:none}.contacts .contacts__wrapper{grid-template-columns:unset;justify-content:center}.contacts .contacts__wrapper .contacts__body .contacts__form{-moz-column-gap:10px;column-gap:10px}}@media(max-width:768px){.container{max-width:540px}.h2__title{font-size:28px}.promo .promo__title{font-size:32px}.about{padding-top:60px}.about .about__wrapper{grid-template-columns:auto}.about .about__wrapper .about__photo img{height:400px;-o-object-position:0 -100px;object-position:0 -100px}.about .about__wrapper .about__info{padding-top:20px}.education .education__wrapper{grid-template-columns:auto;row-gap:40px;margin:30px auto auto auto}.skills{padding-top:60px}.skills .skills__numbers{margin-top:60px}.portfolio{padding-top:80px}.portfolio .portfolio__wrapper{grid-template:265px/repeat(auto-fit,265px);justify-content:center}}@media(max-width:576px){.container{width:100%;padding:0 10px}.promo{background:url(../img/photo/main_bg.jpeg) right 35% bottom 15%/cover no-repeat}.promo .promo__title{font-size:24px}.menu .menu__block{width:250px}.menu .menu__block .menu__links{-webkit-padding-start:20px;padding-inline-start:20px}.menu .menu__block .menu__links .menu__link{line-height:24px;margin-top:5px}.menu .menu__block .menu__links .menu__link:before{top:6px}.about .about__wrapper .about__photo img{height:300px}.price .price__wrapper{grid-template:auto/300px}.price .price__wrapper .price__item .price__item-head .price__item-subtitle{width:170px}.contacts .contacts__wrapper .contacts__body .contacts__form{grid-template:auto/1fr}.contacts .contacts__wrapper .contacts__body .contacts__form .contacts__textarea{grid-column:unset;grid-row:unset}}