h1,h2,h3,h4,h5,h6,li,p,ul{margin:0}li,ul{list-style:none;padding:0}a{text-decoration:none}button{outline:none}*,:after,:before{box-sizing:border-box;outline:none}body{font-family:Poppins,sans-serif;font-size:14px}#app{display:flex}.main{margin-left:25%;width:75%}.container{max-width:1000px;margin:0 auto;padding:0 30px}.btn-primary{color:#fff;padding:15px 30px;border-radius:30px;background-color:#be946a;border:2px solid transparent;transition:all .3s}.btn-primary:hover{background-color:transparent;border-color:#be946a;color:#be946a}.avatar-wrapper{width:230px;height:230px;overflow:hidden;margin:0 auto;background-image:url(../img/avatar.5c8318c6.jpg);background-position:center 0;background-repeat:no-repeat;background-size:cover;border-radius:50%}.toggle-enter-active,.toggle-leave-active{transition:all .4s;transform:rotateX(15deg)}.toggle-enter,.toggle-leave-to{transform:translateX(-300px);opacity:0}.sidebar{width:25%;height:100vh;background-color:#13111c;padding:20px;position:fixed;left:0;top:0;z-index:1}.nav-burger{border-bottom:3px solid #fff;width:33px;height:24px;position:relative}.nav-burger span{display:block;position:absolute;height:3px;background-color:#fff;transition:all .4s}.nav-burger span:first-of-type{top:50%;width:15px;left:5px}.nav-burger span:nth-of-type(2){top:0;width:25px;left:0}.nav-burger:hover span{width:100%}.nav-burger:hover span:first-of-type{transform:translateX(-5px)}.page-title{margin:40px 0 70px 0;font-size:2rem;color:#fff;text-transform:uppercase}.sidebar-contacts{display:flex;flex-direction:column;min-height:65vh;justify-content:space-between;padding-left:10px}.contact-title{text-transform:uppercase;color:#be946a;letter-spacing:4px;margin-bottom:8px;font-size:12px}.contact-detail{color:#fff;font-family:Montserrat,sans-serif;font-size:14px;letter-spacing:1px}.contact-detail a{color:inherit}.sign{width:80%}.nav{width:25%;height:100vh;background-color:#c5945c;padding:20px;position:fixed;left:0;top:0;z-index:50}.naw-wrapper{position:relative}.nav-close{background-color:transparent;border:none;font-size:50px;position:absolute;cursor:pointer;outline:none;top:-20px}.brand,.nav-close{color:#fff;font-family:Montserrat,sans-serif}.brand{padding:80px 0}.brand,.nav-link{text-align:center}.nav-link{color:#fff;font-size:30px;font-weight:700;margin-top:20px;cursor:pointer}.portfolio{padding:20px;background-color:#1b1926}.portfolio-title{font-size:45px;color:#e8e8e8;font-weight:400;font-family:Montserrat,sans-serif;letter-spacing:2px;text-align:center;padding:50px 0 30px}.portfolio-wrapper{display:flex;justify-content:center;flex-wrap:wrap}.portfolio-item{width:89%;position:relative;margin-bottom:50px;transition:all .3s;max-height:300px;overflow-y:hidden}.portfolio-item .portfolio-image{width:100%}.portfolio-item:hover{transform:translateY(5px)}.portfolio-item:hover .portfolio-intro{height:100%}.portfolio-item:hover .portfolio-intro .portfolio-item-content{opacity:1}.portfolio-intro{position:absolute;bottom:0;left:0;height:0;width:100%;background-color:rgba(190,148,106,.95);transition:all .3s;display:flex;flex-direction:column;justify-content:flex-end;cursor:pointer}.portfolio-item-content{transition:all 1s;opacity:0}.portfolio-item-title{color:#fff;font-size:22px;padding:0 0 20px 20px}.portfolio-item-suptitle{color:#fff;padding:0 0 40px 40px;position:relative}.portfolio-item-suptitle:after{content:"";position:absolute;display:block;width:20px;height:1px;background-color:#fff;left:5px;top:9px}.portfolio-enter-active,.portfolio-leave-active{transition:all .6s}.portfolio-leave-to{transform:translateY(80px);opacity:0}.portfolio-enter{transform:translateY(40px);opacity:0}.arr-back{position:absolute;top:0;left:0;cursor:pointer;width:50px;height:50px}.arr-back:hover{transform:rotate(-15deg)}.slick-dots li button:before{color:#fff!important;opacity:1}.slick-dots li.slick-active button:before{color:#c5945c!important}.portfolio-item-details{padding-bottom:20px}.portfolio-item-details-wrapper{display:flex;justify-content:space-between;padding:100px 0 0 0;position:relative}.portfolio-item-details-slider{width:51%}.portfolio-item-details-img{height:300px;background-size:cover;background-repeat:no-repeat;background-position:0}.portfolio-item-details-content{width:45%}.portfolio-project-title{font-size:30px;color:#c5945c;margin-bottom:40px}.portfolio-project-suptitle{color:#e8e8e8;font-size:20px;font-weight:400;margin-bottom:10px;line-height:1.8;letter-spacing:1px}.portfolio-project-description{color:#e8e8e8;line-height:1.5;margin-bottom:40px}.portfolio-btn{margin:10px}.intro{position:relative;height:100vh}.video-wrapper{position:absolute;overflow:hidden;height:100%;width:100%;z-index:1;background-image:url(../img/bg-im.00c7af45.jpg);background-position:50%;background-repeat:no-repeat;background-size:cover}.video-wrapper:after{content:"";display:block;background-color:rgba(0,0,0,.9);z-index:3}.intro-content,.video-wrapper:after{position:absolute;top:0;left:0;width:100%;height:100%}.intro-content{z-index:4;display:flex;flex-direction:column;justify-content:space-around}.intro-name{font-size:65px;color:#be946a;text-align:center}.intro-position{font-size:35px;color:#fff;text-align:center;font-weight:500}.about{background-color:#1b1926;padding:100px 0}.about-inner{display:flex;justify-content:space-between;width:100%}.about-left{width:45%}.about-left-title{color:#be946a;font-size:30px}.about-left-description{font-size:22px;margin-top:45px;color:#be946a;line-height:1.6}.about-left-text{margin-top:50px;color:#fff;font-size:16px;line-height:1.5;margin-bottom:50px}.about-left-btn__download{margin-top:35px}.about-left-btn__portfolio{margin-top:40px}.about-right{width:50%}.about-right-item-wrapper{display:flex;flex-wrap:wrap}.about-right-item{width:48%}.about-right-img{display:flex;justify-content:center}.about-right-img img{width:200px;height:200px}.about-right-title{color:#be946a;font-size:30px;padding:0 20px;text-align:center;margin-bottom:15px}.about-right-text{color:#fff;font-size:14px;letter-spacing:1px;line-height:1.8;padding:0 20px}.contacts-wrapper{width:80%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:space-between}.contact-link{color:#fff;font-family:Montserrat,sans-serif;font-size:25px;margin:10px 5px}.resume{padding:20px 0;background-color:#1b1926}.resume-wrapper{padding:100px 0;display:flex;justify-content:space-between}.resume-left{width:51%}.resume-heading{font-size:30px;color:#be946a;margin-bottom:30px}.experience-wrapper{position:relative}.experience-wrapper .experience-item{position:relative;padding-top:50px;color:#e8e8e8;line-height:1.6;margin-bottom:50px}.experience-wrapper .experience-item:hover:after{background-color:#c5945c}.experience-wrapper .experience-item:after{position:absolute;display:block;content:"";width:20px;height:20px;top:15px;left:50%;transform:translateX(-50%);border:2px solid #c5945c;border-radius:50%;transition:all .4s}.experience-item__strong{padding:10px 0;font-weight:700}.resume-letter{width:45%}.resume-subtitle{margin-top:70px;font-size:20px;color:#c5945c;line-height:1.8;letter-spacing:1px}.resume-cover-letter{color:#e8e8e8;line-height:1.6;margin-top:50px;font-size:16px}.skills-wrapper{width:80%;margin:100px auto;display:flex;flex-wrap:wrap;justify-content:space-between}.skill-item{width:45%;margin-bottom:50px}.skill-item-data{display:flex;justify-content:space-between;padding-bottom:5px;align-items:center}.skill-item-percent{color:#be946a;font-size:30px;font-family:Montserrat,sans-serif}.skill-item-progress{width:70%;height:15px;background-color:#2f2d3b}.skill-item-title{color:#c5945c}@media(max-width:1200px){.contacts-wrapper{width:90%}}@media(max-width:950px){.sidebar{height:100px;width:100%;display:flex;z-index:1}.sidebar-contacts{display:none}.page-title{font-size:20px}.main{width:100%;margin-left:0;margin-top:100px}.intro{height:90vh}}@media(max-width:750px){.about-inner{display:block}.about-left{width:100%}.about-right{margin-top:50px;width:100%}.about-right-img img{width:100px;height:100px}.resume-wrapper{display:block}.resume-left{padding-bottom:100px}.resume-left,.resume-letter{width:80%;margin:0 auto}.portfolio-item-details-wrapper{display:block;overflow-y:visible}.portfolio-item-details-slider{width:80%;margin-left:10%;margin-bottom:100px}.portfolio-item-details-content{width:100%}.nav{width:40%}}@media(max-width:650px){.container{overflow-x:hidden}.nav{width:50%}.skill-item{width:80%;margin:25px auto}.skill-item-progress{width:60%}.intro-name{font-size:35px}.contacts-wrapper{display:flex;flex-wrap:wrap;width:90%}.avatar-wrapper{width:150px;height:150px}.about-right-text{line-height:1.2;text-align:center;font-size:12px;margin-bottom:20px}}@media(max-width:450px){.nav{width:70%}}@media(max-height:450px){.brand{padding:30px 0;color:#e8e8e8}.nav{overflow-y:scroll}}