/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:0.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace, monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace, monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:0.35em 0.75em 0.625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{transform:translate3d(0, 0, 0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}html{box-sizing:border-box}*,*::after,*::after{box-sizing:inherit}:focus,:active{outline:none}a:focus,a:active{outline:none}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400}input::-ms-clear{display:none}button{cursor:pointer}a,a:visited{text-decoration:none}a:hover{text-decoration:none}img{vertical-align:top;max-width:100%;height:auto}ul,li{list-style:none;margin:0;padding:0}a{display:inline-block;text-decoration:none;color:inherit}.container{width:100%;max-width:1170px;margin:0 auto}body{font-family:'Montserrat', sans-serif;font-size:16px;background:#fbfbfb;color:#515151;min-width:320px}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center}.center{text-align:center}.hide{display:none}.works__title--deco{font-family:'Montserrat', sans-serif;text-align:center;text-shadow:2px 0px 1px #5d5d5d;font-size:32px;background:#515151;color:#fff;width:85%;padding:10px;margin:0 auto;border-radius:20px;background:linear-gradient(90deg, #81ffd7, #e081ff, #ff8181);background-size:200% 200%;-webkit-animation:gradient 7s linear infinite;animation:gradient 7s linear infinite}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}#toTop{display:inline-block;background:linear-gradient(175deg, #81ffd7, #e081ff, #ff8181);width:50px;height:50px;text-align:center;border-radius:25px;position:fixed;bottom:80px;right:30px;transition:all .3s;opacity:0;visibility:hidden;z-index:50}#toTop::after{content:"↑";font-weight:normal;font-style:normal;font-size:2em;line-height:50px;color:#fff}#toTop:hover{cursor:pointer;box-shadow:0px 2px 2px;transform:translateY(-5px)}#toTop.show{opacity:1;visibility:visible}body.no-scroll{overflow:hidden}.header{position:fixed;background-color:#fff;padding:0;top:0;z-index:100;width:100%;transition:transform .3s ease}.header::after{content:'';position:absolute;bottom:0;display:block;width:100%;height:2px;background-image:linear-gradient(to left, red, orange, #fffc00, #01b439, #00eaff, #000390, #ff00c6)}.header.out{transform:translateY(-98%)}.user__avatar{width:57px;height:59px;float:left}.user__avatar>img{border-radius:50%}.user__content{color:#515151;padding-left:12px}.user__name{font-weight:bold;font-size:17px;margin-left:55px}.user__prof{font-size:13px;margin-left:55px}.decor{font-family:'Kaushan Script', cursive}.ul-deco{display:flex}.a-deco{position:relative;padding:0 25px;color:#515151;line-height:40px;text-align:center;text-transform:uppercase;transition:transform, color .5s}.span-deco{position:absolute;width:25%;height:100%;background-color:#424242;z-index:-1;transform-origin:top;transform:scaleY(0);transition:transform .5s ease-out}.a-deco:hover{color:#fff;text-decoration:none}.a-deco:hover .span-deco{transform-origin:bottom;transform:scaleY(1)}.span-deco:nth-child(1){left:0;transition-delay:0s}.span-deco:nth-child(2){left:25%;transition-delay:0.15s}.span-deco:nth-child(3){left:50%;transition-delay:0.3s}.span-deco:nth-child(4){left:75%;transition-delay:0.45s}@media (max-width: 785px){.nav{display:none}.nav.active .ul-deco{display:block;position:absolute;width:90%;border:2px solid #898989;left:5%;position:fixed;z-index:50;background:#fffffff5;text-align:center;transform:translate(0%, 50px)}.a-deco{margin-top:15px}}.nav-toggle{width:30px;padding:15px 0;display:none;position:absolute;font-size:0;color:transparent;border:0;background:none;cursor:pointer;top:50%;transform:translateY(-50%);right:24px;z-index:1}.nav-toggle:focus{outline:0}.nav-toggle__item{width:100%;height:3px;display:block;background-color:#515151;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;transition:background 0.2s linear}.nav-toggle.active .nav-toggle__item{background:none}.nav-toggle__item:before,.nav-toggle__item:after{content:'';width:100%;height:3px;background-color:#515151;position:absolute;left:0;z-index:1;transition:transform 0.2s linear}.nav-toggle__item:before{top:-10px}.nav-toggle__item:after{bottom:-10px}.nav-toggle.active .nav-toggle__item:before{transform:scaleX(1) translate(0px, 10px) rotate(45deg)}.nav-toggle.active .nav-toggle__item:after{transform:scaleX(1) translate(0px, -10px) rotate(-45deg)}@media screen and (max-width: 785px){.nav.active{display:block}.nav-toggle{display:block}}.btn-bg{display:inline-block;vertical-align:top;padding:1em 1.7em;min-width:170px;border-radius:1.8em;background:#2b2a2c;cursor:pointer;font-family:inherit;font-size:1.06rem;line-height:1.1;color:#fff;text-transform:uppercase;text-align:center;transition:background-color 0.2s linear, color 0.2s linear, box-shadow 0.2s linear, border-color 0.2s linear}.btn-bg:hover{box-shadow:inset 0px 74px 0px 0px #f2f2f2;transition:box-shadow .4s linear, color .4s, background .6s;background:inherit;color:#000}.btn-bg--inver{background:#f2f2f2;color:#000}.btn-bg--inver:hover{background:#2b2a2c;box-shadow:inset 0px 74px 0px 0px #2b2a2c;color:#fff}.btn-bg--deco{display:table;margin:0 auto;border:1px solid #515151;max-width:245px;font-size:0.8rem}.btn-bg--deco:hover{border:1px solid #515151}@media screen and (max-width: 371px){.btn-bg{display:block}}.intro{margin-top:59px;background:url(../img/intro/intro_bg.jpg) center}.intro__info{display:flex;flex-direction:column;justify-content:center;padding-left:10px;width:50%;height:521px;background:url(../img/intro/intro_bg.jpg) center}.intro__photo{position:relative;width:50%;height:521px;background:url(../img/intro/intro_photo.jpg) top right}.intro__title{font-size:45px;margin:10px 0;color:#fff;text-shadow:0px 0px 10px #1c1c1c}.intro__title-deco{font-size:32px}.intro__text{font-size:18px;margin:10px 0;color:#fff;text-shadow:0px 0px 10px #1c1c1c}.intro__ico{margin:30px 0}.intro__ico--mod{padding:0 5px;transition:all .2s linear}.intro__ico--mod:hover{transform:translateY(-5px);-webkit-filter:drop-shadow(2px 4px 3px #555);filter:drop-shadow(2px 4px 3px #555)}@media (max-width: 990px){.intro__title{font-size:36px}.intro__title-deco{font-size:26px}}@media (max-width: 803px){.intro__ico--mod{padding:2px}}@media (max-width: 768px){.intro__info{width:100%;align-items:center;text-align:center;padding-left:0}.intro__photo{display:none}}@media (max-width: 415px){.header{padding:0;background:#fbfbfbe3}}@media (max-width: 368px){.intro__ico--mod{padding:2px}.intro__ico{display:flex}.btn-bg--inver{margin-top:15px}.intro__title-deco{font-size:20px}.intro__title{font-size:30px}}.works__title{font-family:'Kaushan Script', cursive;font-size:38px;text-align:center}.works{margin-top:10px;margin-bottom:50px;overflow:hidden;padding:10px}.works__nav{display:flex;justify-content:center;margin-bottom:1.4rem}.works__nav-link{margin:0 1.2rem;font-size:1rem;color:rgba(43,42,44,0.7);text-decoration:none;transition:box-shadow .2s linear, color .2s, background .4s linear}.black{border-bottom:2px solid #4b4b4ba8}.black:hover{box-shadow:inset 0px -20px 0px 0px #4b4b4ba8;color:#fff}.red{border-bottom:2px solid #ff8181}.red:hover{box-shadow:inset 0px -20px 0px 0px #ff8181;color:#fff}.green{border-bottom:2px solid #81ffd7}.green:hover{box-shadow:inset 0px -20px 0px 0px #81ffd7}.purple{border-bottom:2px solid #e081ff}.purple:hover{box-shadow:inset 0px -20px 0px 0px #e081ff;color:#fff}.work{position:relative;cursor:pointer;overflow:hidden;box-shadow:0 0 2px rgba(0,0,0,0.25);transform-origin:0 50%;transform:perspective(600px) rotateY(5deg);transition:box-shadow 0.2s linear, transform .2s}.work:hover{box-shadow:4px -2px 12px rgba(0,0,0,0.19);transform:skew(0deg, 0deg)}@media (max-width: 767px){.work{max-width:370px}}@media (max-width: 565px){.work{margin:0 auto}}.work__image{display:block;max-width:100%;height:auto}.work__content{padding:1rem 0.8rem}.work__cat{margin-bottom:0.5rem;font-size:.8rem;color:#2b2a2c;text-transform:uppercase}.work__title{display:flex;justify-content:space-between;font-size:1.06rem;color:#2b2a2c;text-transform:uppercase;font-weight:700}.portfolio{display:flex;flex-wrap:wrap;margin:0 -1rem 2.8rem}.portfolio__col{flex-basis:33.33333%;padding:1rem;-webkit-animation-duration:0.6s;animation-duration:0.6s;-webkit-animation-name:slidein;animation-name:slidein}@-webkit-keyframes slidein{from{transform:scale(0.9)}to{transform:scale(1)}}@keyframes slidein{from{transform:scale(0.9)}to{transform:scale(1)}}@media (max-width: 767px){.portfolio__col{flex-basis:50%}}@media (max-width: 565px){.portfolio__col{flex-basis:100%}.works__nav-link{margin:0 4px;font-size:14px}}.hide{display:none}.skill__inner{margin-top:30px;padding:0 5px;padding-bottom:50px}.skill__block{width:25%;padding:0 5px;flex-direction:column;display:flex;height:407px}.skill__block p{flex-grow:1}.skill__block img{display:block;width:-webkit-max-content;width:-moz-max-content;width:max-content;text-align:center;margin:0 auto}@media (max-width: 720px){.skill__block{width:50%}.works__title--deco{width:90%;font-size:26px}}@media (max-width: 570px){.works__title--deco{font-size:20px}}@media (max-width: 470px){.skill__block{width:100%}.works__title--deco{width:100%;font-size:17px}}.about-me{background:url(../img/footer/footer-bg.jpg) bottom;height:916px;background-repeat-y:no-repeat;background-attachment:fixed}.about-me__inner{background:url(../img/footer/footer-i.jpg) bottom;background-size:1164px;height:916px;background-repeat-y:no-repeat;background-attachment:fixed}.about-me__content{width:100%;max-width:477px;margin-left:auto;margin-right:50px;margin-top:50px;position:relative;top:75px}.about-me__title{font-size:45px;margin:0;color:#2b2a2c;font-weight:bold;text-transform:uppercase}.about-me__title::after{content:'About me';font-family:'Kaushan Script', cursive;position:absolute;left:-75%;top:40%;font-size:185px;color:#888;opacity:0.1;text-transform:capitalize}.about-me__text{font-size:17px;letter-spacing:0.3px;color:#515151;line-height:1.5;padding:0 10px;padding:10px;max-height:605px}@media (max-width: 840px){.about-me__title::after{left:0%;top:40%;font-size:135px}}@media (max-width: 545px){.about-me__title{text-align:center}}.footer{background:#000;margin-top:-5px;color:#8d8d8e;padding:0 15px 20px 15px}.footer__inner{display:flex}.footer-copyr{margin:0px 0px 10px}.footer-nav{padding:10px 0}.footer-nav__link{text-transform:uppercase;font-size:17px;margin:0 7px;transition:.5s color linear}.footer-nav__link:hover{color:#ffffff}.con-tooltip{position:relative;background:#b8b8b8;color:#bcbcbc;border-radius:28px;line-height:0.1;padding:5px 15px;display:inline-block;transition:all 0.3s ease-in-out;cursor:pointer}.tooltip{visibility:hidden;z-index:1;opacity:.40;padding:0px 20px;background:#333;color:#ffffff;position:absolute;top:-55px;left:-25%;border-radius:9px;transform:translateY(9px);transition:all 0.3s ease-in-out;box-shadow:0 0 3px rgba(56,54,54,0.86)}.tooltip::after{content:" ";width:0;height:0;border-style:solid;border-width:12px 12.5px 0 12.5px;border-color:#333 transparent transparent transparent;position:absolute;left:40%}.con-tooltip:hover .tooltip{visibility:visible;transform:translateY(10px);opacity:1}#copy{position:relative;background:none;border:0;outline:none}#copy::after{position:absolute;content:'\27A4 скопировать';width:100%;font-size:12px;left:99%;top:50%;transform:translateY(-50%);color:#b8b8b8;visibility:hidden}#copy:hover#copy::after{visibility:visible;transition:.5s linear all}@media (max-width: 885px){.footer__inner{display:block;text-align:center}.con-tooltip{margin:5px 0 15px 0}}@media (max-width: 450px){.footer{padding:15px 0 0 0}.about-me__content{padding:0 5px;margin-right:0}.about-me__title{padding-top:10px;margin:16px}.about-me__text{font-size:16px}.footer-nav__link{font-size:14px;margin:20px 5px;display:block}#copy::after{width:88%}}@media (max-width: 380px){.about-me__text{font-size:15px}.about-me__content{top:20px}}.modal{display:none;width:100%;height:100%;padding:1rem;overflow:auto;background-color:rgba(6,34,49,0.9);position:fixed;top:0;left:0;z-index:1000}.modal.show{display:flex}.zoom{cursor:zoom-out !important;position:fixed !important;top:0 !important;z-index:99 !important;width:100% !important;height:auto !important}.ma{margin:0 auto !important}.modal__dialog{width:100%;max-width:1200px;margin:auto;position:relative;background-color:#fff;height:-webkit-max-content;height:-moz-max-content;height:max-content;transform:scale(0);transition:transform .2s linear}.modal__dialog--sm{max-width:900px}.modal__close{width:34px;height:39px;padding:0;font-size:30px;background:#ffffff87;border:0;cursor:pointer;position:absolute;top:.9rem;right:1rem;z-index:1;transition:transform .2s linear}.modal__close:hover{transform:translateY(-3px)}.modal__content{padding:5rem 1rem}.modal__title{margin-bottom:1rem;font-size:35px;text-transform:uppercase;color:#2b2a2c;font-weight:700}.modal__subtitle{font-size:1.06rem;color:#2b2a2c;font-weight:400}.mb-0{margin-bottom:0}.contact{display:flex}.contact__left{width:50%;padding:0 15px;text-align:center}.contact__right{width:50%;opacity:.9;-webkit-filter:contrast(0.7);filter:contrast(0.7);height:auto;-o-object-position:30% 0px;object-position:30% 0px;-o-object-fit:cover;object-fit:cover}.contact__info{margin:2rem 0 3rem;background:aliceblue;padding:20px}.contact__info-item{margin-bottom:1.75rem;background:antiquewhite;padding:10px}.contact__info-item:last-child{margin-bottom:0}.contact__info-icon{margin-right:.75rem}.form__group{margin-bottom:1.8rem}.form__label{display:inline-block;margin-bottom:.6rem;font-size:.8rem;color:#2b2a2c;font-weight:700}.form__input,.form__textarea{display:block;width:100%;padding:1.3rem 1.8rem;border:1px solid rgba(112,112,112,0.3);border-radius:1.8rem;font-family:inherit;font-size:.8rem;line-height:1.2;font-weight:300;color:#2b2a2c}.form__input:focus,.form__textarea:focus{outline:none;border-color:#36abc7}.form__input::-webkit-input-placeholder,.form__textarea::-webkit-input-placeholder{color:#2b2a2c}.form__input::-moz-placeholder,.form__textarea::-moz-placeholder{color:#2b2a2c}.form__input:-ms-input-placeholder,.form__textarea:-ms-input-placeholder{color:#2b2a2c}.form__input::-ms-input-placeholder,.form__textarea::-ms-input-placeholder{color:#2b2a2c}.form__input::placeholder,.form__textarea::placeholder{color:#2b2a2c}.form__textarea{height:200px;resize:none}@media (max-width: 944px){.contact{background:none}.contact__left{width:100%}}@media (max-width: 500px){.modal__subtitle{font-size:1rem}}.modal-work{display:flex;max-height:720px}.modal-work__preview{width:65%;position:relative;overflow:hidden}.modal-work__photo{position:static;transform:translate3d(0, 0, 0)}.modal-work__content{width:35%;padding:3.4rem 1.6rem 1rem 1.73rem;position:relative;background:#fff}.modal-work__header{margin-bottom:2.2rem}.modal-work__title{margin-bottom:.2rem;text-align:center;font-size:2.12rem;color:#2b2a2c;font-weight:700;text-transform:uppercase}.modal-work__info{font-size:1.2rem;color:#515151;text-transform:uppercase;background:#2b2a2c;color:white;padding:5px 0px 7px;text-align:center}.modal-work__info-divider{margin:0 1rem;position:relative;top:-1px}.modal-work__client{margin-bottom:2.2rem}.modal-work__client-title{display:block;margin:2rem;text-align:center;font-size:1.06rem;color:#2b2a2c;font-weight:700;transition:all .5s ease-in-out}.modal-work__client-title:hover{letter-spacing:3px}.modal-work__client-company{font-size:.94rem;font-style:italic;color:#515151}.modal-work__text{font-size:16px;line-height:2;color:#515151;font-weight:300}.modal-work__footer{width:100%;display:flex;justify-content:space-between;padding:0 1.8rem 1rem;position:absolute;bottom:0;left:0;z-index:1}.modal-work__btn{padding:0;background:none;border:0;cursor:pointer;font-family:inherit;font-size:.94rem;color:#2b2a2c;text-transform:uppercase}@media (max-width: 1180px){.modal-work__photo{position:static;transform:translate3d(0, 0, 0)}.modal-work__content{padding:10px}}@media (max-width: 895px){.modal-work__preview{width:100%;max-height:50vh}.modal-work__content{width:100%}.modal-work{flex-wrap:wrap}.modal__dialog{width:90%}.contact__right{display:none}}@media (max-width: 585px){.modal__dialog{width:100%}#modal_hire_me .modal__close{top:0}}.resume{padding:20px;background:#0840fb14}.resume h2{text-align:center;font-size:23px;border-top:1px solid #ddd;text-transform:uppercase;position:relative;margin:50px 0}.resume h2 span{background:#ebf0ff;letter-spacing:1px;font-weight:600;display:inline-block;padding:0 14px;position:relative;top:-13px}.resume li{list-style:inside;padding-left:20px}.resume-title{font-size:25px;font-weight:bold;margin-bottom:40px}.resume img{float:right;margin-top:65px;border-radius:50%}.big{font-size:20px;font-weight:bold}@media (max-width: 650px){.resume img{float:none;display:block;margin:auto}.resume-title{text-align:center}}