/*! normalize-scss | MIT/GPLv2 License | bit.ly/normalize-scss */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0;overflow:visible}main{display:block}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}input{overflow:visible}[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-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;display:table;max-width:100%;padding:0;color:inherit;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}details{display:block}summary{display:list-item}menu{display:block}canvas{display:inline-block}template{display:none}[hidden]{display:none}html{scroll-behavior:smooth}body{margin:0;color:#222;font-family:sans-serif;background-color:#f8f8f8}*,::after,::before{box-sizing:border-box}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;clip:rect(0 0 0 0);overflow:hidden}.btn{z-index:10;display:block;padding:5px 20px;font-weight:600;text-decoration:none;color:#212529;cursor:pointer;background-color:#fff;border-radius:0;transition:.3s}.typing{text-shadow:7px 5px 7px #7e7e7e;color:#121212;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-animation-name:smooth-appearance;animation-name:smooth-appearance;-webkit-animation-duration:.5s;animation-duration:.5s}@-webkit-keyframes link-underline{from{width:1%}to{width:100%}}@keyframes link-underline{from{width:1%}to{width:100%}}@-webkit-keyframes falling-out-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes falling-out-down{from{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes smooth-appearance{from{font-size:0;opacity:0}to{font-size:1em;opacity:1}}@keyframes smooth-appearance{from{font-size:0;opacity:0}to{font-size:1em;opacity:1}}.container{width:100%;min-width:300px;padding:0 4vw;margin:0 auto}.logo{padding:4px 4px 3px;font-size:0;background-color:#282828;transition:.3s}.logo:hover{-webkit-transform:scale(1.15);transform:scale(1.15)}.logo:hover .logo__svg{fill:#0cf}.logo:active,.logo:focus{-webkit-transform:scale(1);transform:scale(1)}.logo__svg{fill:#fff}.header{position:fixed;z-index:100;display:flex;align-items:center;width:100%;min-height:50px;padding:10px;background-color:#282828;transition:.4s ease-in-out;-webkit-animation-name:falling-out-down;animation-name:falling-out-down;-webkit-animation-duration:.7s;animation-duration:.7s}.header::before{position:absolute;top:6px;left:0;z-index:-1;width:100%;height:1px;content:"";background-color:#838383}.header::after{position:absolute;top:42px;left:0;z-index:-1;width:100%;height:1px;content:"";background-color:#4d4d4d}.header--close{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-animation-duration:.7s;animation-duration:.7s}.header__nav{display:flex;align-items:center;justify-content:space-between;font-size:1em}.header__ru-link{display:inline-block;margin:0;padding:2px 5px;text-decoration:none;color:#0cf;border:1px solid #6fbfd3;border-radius:3px;box-shadow:0 1px 5px #009ece;transition:.3s}.header__ru-link:hover{-webkit-transform:scale(1.05);transform:scale(1.05);color:#fff;text-decoration:none}.header__ru-link:focus{-webkit-transform:scale(.9);transform:scale(.9);color:#0cf;text-decoration:none}.header__ru-link:active{color:#0cf;background:0 0}.header__list{display:flex;margin:0 0 0 auto;padding:0;list-style:none}.header__item{margin:0 9px 0 0}.header__item a{position:relative;display:inline-block;padding:3px;text-decoration:none;color:#fff;transition:.3s}.header__item a:hover{color:#0cf;-webkit-transform:scale(1.15);transform:scale(1.15)}.header__item a:active,.header__item a:focus{-webkit-transform:scale(1);transform:scale(1);color:#6fbfd3}.author{position:relative;background-image:url(../img/background-400@1x.jpg);background-repeat:no-repeat;background-size:cover;background-position:50% 100%;background-attachment:fixed;overflow:hidden}.author::after{position:absolute;bottom:0;left:0;width:0;height:0;content:"";border-style:solid;border-width:0 0 30px 100vw;border-color:transparent transparent #fff}.author__wrapper{position:relative;width:295px;margin:50px auto 0;text-align:center}.author__container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh}.author__photo{margin:-70px 0 0 0}.author__cv-btn{position:relative;z-index:10;display:inline-block;margin:0 auto;color:#000;border:1px solid #1c1c1c;box-shadow:1px 1px 5px #282828;background-color:rgba(255,255,255,.536)}.author__cv-btn:hover{color:#000;box-shadow:1px 1px 10px #282828;text-decoration:none}.author__cv-btn:active,.author__cv-btn:focus{-webkit-transform:scale(.9);transform:scale(.9);color:#000;text-decoration:none;background-color:rgba(0,0,0,.1);box-shadow:1px 1px 13px #181818}.author-name{position:relative;width:280px;height:50px;font:11em/1 Arial;background-size:.1em 90%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.author-name__svg{position:absolute;top:0;left:0}.author-name__text{fill:rgba(62,55,55,.495);stroke-dasharray:7% 28%;stroke:none;-webkit-animation:fill 4.8s ease-in,stroke-offset 3s linear;animation:fill 4.8s ease-in,stroke-offset 3s linear}.author-name__text:nth-child(1){stroke:#282828;stroke-dashoffset:7%}.author-name__text:nth-child(2){stroke:#6fbfd3;stroke-dashoffset:14%}.author-name__text:nth-child(3){stroke:#fff;stroke-dashoffset:21%}.author-name__text:nth-child(4){stroke:#222;stroke-dashoffset:28%}.author-name__text:nth-child(5){stroke:#6fbfd3;stroke-dashoffset:35%}@-webkit-keyframes stroke-offset{0%{stroke-dashoffset:35%;stroke-dasharray:0 87.5%}}@keyframes stroke-offset{0%{stroke-dashoffset:35%;stroke-dasharray:0 87.5%}}@-webkit-keyframes fill{0%{fill:#fff;stroke-width:7px}15%{fill:#fff;stroke-width:7px}100%{fill:rgba(62,55,55,.495)}}@keyframes fill{0%{fill:#fff;stroke-width:7px}15%{fill:#fff;stroke-width:7px}100%{fill:rgba(62,55,55,.495)}}.developer{position:relative;z-index:5;display:flex;justify-content:left;width:100%;margin-left:8px;padding:0;font-size:1.4em;letter-spacing:.05em;text-align:center}.developer--ru{margin-left:0;min-width:300px}.developer__wrapper{width:100%;min-height:65px;text-align:left}.skills{display:flex;flex-direction:column;position:relative;padding:60px 0 50px 0;background-color:#fff;overflow:hidden}.skills::after{position:absolute;bottom:0;left:0;width:0;height:0;content:"";border-style:solid;border-width:0 0 30px 100vw;border-color:transparent transparent #f8f8f8}.skills__title{margin:0 0 20px;font-size:1.7em;text-align:center}.skills__wrapper{padding:0 10px 15px;margin:0 0 20px;background-color:#f8f8f8}.skills__subtitle{margin:0;padding:10px 0 15px;font-size:1.3em;text-align:center;color:#5c5c5c}.skills__little{color:#222}.skills__list-icons{display:flex;justify-content:space-around;flex-wrap:wrap;margin:0 auto;list-style:none;padding:0}.skills__item{display:inline-block;width:16vw;height:16vw;margin:5%;background-repeat:no-repeat;background-position:50% 50%;background-size:contain;transition:.3s}.skills__item:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.skills__item--html{background-image:url(../img/icon-html5.svg)}.skills__item--css{background-image:url(../img/icon-css.svg)}.skills__item--js{background-image:url(../img/icon-js.svg)}.skills__item--sass{background-image:url(../img/icon-sass.svg)}.skills__item--less{background-image:url(../img/icon-less.svg)}.skills__item--gulp{background-image:url(../img/icon-gulp.svg)}.skills__item--svg{background-image:url(../img/icon-svg.svg)}.skills__item--pshotoshop{background-image:url(../img/icon-photoshop.svg)}.skills__item--illustrator{background-image:url(../img/icon-adobe-illustrator.svg)}.skills__item--webpack{background-image:url(../img/icon-webpack.svg)}.skills__item--ajax{background-image:url(../img/icon-ajax.svg)}.skills__item--json{background-image:url(../img/icon-json.svg)}.skills__item--jquery{background-image:url(../img/icon-jquery.svg)}.skills__item--bootstrap{background-image:url(../img/icon-bootstrap.svg)}.skills__item--react{background-image:url(../img/icon-react.svg)}.skills__list-info{margin:0;padding:16px 0 16px 40px}.skills__info-item{margin:10px 0;text-shadow:-3px 7px 20px #6f6f6f}.skills__walk{position:relative;top:-25px}.footer{position:relative;width:100%;background:linear-gradient(to bottom,#434343,#434343 40px,#282828 40px,#282828);overflow:hidden}.footer::before{position:absolute;top:0;left:0;width:0;height:0;content:"";border-style:solid;border-width:0 0 40px 100vw;border-color:transparent transparent #282828}.footer__author{order:3;font-size:.75em}.footer__logo{width:25px;height:25px}.footer__author-link{display:inline-block;margin:0 0 10px 0;padding:10px;font-size:1em;text-decoration:none;color:#0cf}.footer__author-link:hover{color:#fff}.footer__author-link:active,.footer__author-link:focus{color:#6fbfd3}.footer__author-link span{display:block}.footer__container{display:flex;flex-direction:column}@-webkit-keyframes walkanim{to{background-position:100% 0}}@keyframes walkanim{to{background-position:100% 0}}@-webkit-keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(2000%);transform:translateX(2000%)}}@keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(2000%);transform:translateX(2000%)}}.walk{display:inline-block;position:absolute;height:25px;width:25px;vertical-align:middle;overflow:hidden;-webkit-animation:stroll 20s linear infinite;animation:stroll 20s linear infinite}.walk-human{display:inline-block;position:absolute;top:0;left:0;z-index:0;width:20px;height:25px;background-image:url(../img/human.svg);background-repeat:no-repeat;background-size:cover;-webkit-animation:walkanim 1s infinite steps(7);animation:walkanim 1s infinite steps(7)}.portfolio{position:relative;padding:50px 0 0 0;overflow:hidden}.portfolio__title{margin:0 0 20px 0;font-size:1.7em;text-align:center;text-shadow:-3px 7px 20px #545454}.portfolio__subtitle{display:block;margin:30px 0;font-size:1.5em;text-align:center;text-shadow:-3px 7px 20px #545454}.portfolio__list{display:flex;flex-wrap:wrap;margin:0;padding:0;list-style:none}.portfolio__item{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:10px;margin:40px 0;box-shadow:-3px 7px 20px #545454}.portfolio__item--clock{box-shadow:none;background-color:rgba(209,239,255,.536)}.portfolio__item--booking{margin-top:50px;box-shadow:none;background-color:rgba(209,239,255,.536)}.portfolio__item--test-task{box-shadow:none;background-color:rgba(209,239,255,.536)}.portfolio__item--cat-energy{box-shadow:none;background-color:rgba(209,239,255,.536)}.portfolio__clock-wrapper{position:relative;width:100%}.portfolio__clock-wrapper::before{position:absolute;top:20%;left:15px;width:85%;height:80%;content:"";background-color:#c1c1c1;box-shadow:-3px 7px 20px #545454}.portfolio__clock{z-index:5;margin:auto;transition:.3s}.portfolio__clock:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__stack{padding:6vw;background-color:#fff;box-shadow:-3px 7px 20px #545454;transition:.3s}.portfolio__stack:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__stack--clock{position:relative;z-index:1;width:200px;margin:-35px 0 0 0}.portfolio__stack--booking{float:left;width:70%;max-width:250px;padding:5vw 10vw;margin:-40px 0 0 20px}.portfolio__stack--booking:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.portfolio__stack--test-task{width:80vw;max-width:370px;margin:-20px 0 0 20px;padding:4vw}.portfolio__stack--cat-energy{width:250px;margin:-20px auto 0;padding:5vw 9vw}.portfolio__stack-list{padding:10px}.portfolio__stack-title{margin:18px 0}.portfolio-description-clock{position:absolute;bottom:-40px;right:0;z-index:2;width:70%;max-width:420px;margin:0;padding:15px;font-size:1.1em;text-align:justify;background-color:#fff;box-shadow:-3px 7px 20px #545454;transition:.3s}.portfolio-description-clock:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.portfolio__stack-list--test-task{display:flex;justify-content:space-between;list-style:none;padding:0}.portfolio__btn{display:inline-block;border:2px solid #0cf;box-shadow:1px 1px 5px #282828}.portfolio__btn:hover{color:#000;box-shadow:1px 1px 10px #6fbfd3;text-decoration:none}.portfolio__btn:active,.portfolio__btn:focus{-webkit-transform:scale(.9);transform:scale(.9);color:#000;text-decoration:none;background-color:rgba(0,0,0,.1);box-shadow:1px 1px 13px #181818}.contacts{position:relative;z-index:2;order:0;margin:0 0 25px 0}.contacts__list{list-style:none;padding:0 0 0 5vw}.contacts__item{display:flex;align-items:center;margin:0 0 20px 0;padding:0;font-size:1em}.contacts__item *{font-size:1em;line-height:25px;color:#e6e6e6}.contacts__item :hover{text-decoration:none;color:#e6e6e6}.contacts__icon{display:flex;justify-content:center;align-items:center;width:30px;height:30px;margin:0 10px 0 0;border-radius:50%;background-color:#fff}.contacts__icon::after{position:absolute;content:"";background-repeat:no-repeat;background-position:0 0}.contacts__icon--tel::after{width:20px;height:20px;background-image:url(../img/icon-phone.svg)}.contacts__icon--email::after{width:20px;height:16px;background-image:url(../img/icon-mail.svg)}.contacts__icon--place::after{width:12px;height:20px;background-image:url(../img/icon-place.svg)}.copyright{position:absolute;bottom:20px;right:5vw;order:1;color:#fff}.copyright__link{display:inline-block;padding:10px;font-size:.75em;text-decoration:none;color:#0cf}.copyright__link:hover{color:#fff}.copyright__link:active,.copyright__link:focus{color:#6fbfd3}.booking{display:flex;flex-direction:column;justify-content:space-between;position:relative;width:100%;height:100%}.booking__banner{position:relative;width:100vw;height:65vw;margin-left:calc(-4vw - 10px);text-align:center;background-image:url(../img/keksobooking@1x.jpg);background-position:0 0;background-repeat:no-repeat;background-size:cover;box-shadow:-3px 7px 20px #545454;transition:.3s}.booking__banner:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.booking__description{position:relative;margin:0 0 10px 0}.booking__paragraph{position:relative;z-index:2;display:block;max-width:540px;margin:0 0 20px 0;padding:15px;font-size:1.1em;text-align:justify;background-color:#fff;box-shadow:-3px 7px 20px #545454;transition:.3s}.booking__paragraph:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.booking__btn-page{position:absolute;right:10vw;bottom:80px}.booking__btn-github{position:absolute;right:10vw;bottom:15px}.test-task{display:flex;flex-direction:column;justify-content:space-around;width:100%}.test-task__banner{width:100vw;height:50vw;margin-left:calc(-4vw - 10px);background-image:url(../img/test-task@1x.jpg);background-repeat:no-repeat;background-size:cover;box-shadow:-3px 7px 20px #545454;transition:.5s}.test-task__banner:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.test-task__btn-container{display:flex;justify-content:space-around;margin:10px 0}.test-task__description{position:relative;z-index:2;max-width:490px;padding:15px;box-shadow:-3px 7px 20px #545454;background-color:#fff;transition:.3s}.test-task__description:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.test-task__title{font-size:1.1em;margin:10px 0}.cat-energy__description{position:relative}.cat-energy__title{margin:10px 0;font-size:1.1em;text-align:center}.cat-energy__paragraph{margin:10px 0;text-align:center;font-size:1.1em}.cat-energy__banner{position:relative;z-index:5;width:100vw;height:55vw;background-image:url(../img/cat-energy@1x.jpg);background-repeat:no-repeat;background-size:cover;box-shadow:-3px 7px 20px #545454;transition:.3s}.cat-energy__banner:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.cat-energy__btn-github{position:absolute;bottom:55px;right:5vw}.cat-energy__btn-result{position:absolute;bottom:115px;right:5vw}.cat-energy__slider{margin:0 auto}.cat-energy__slider-control{display:none}.layout{display:flex;flex-direction:column;width:100%;height:100%}.layout__item{position:relative}.layout__item:not(:last-child){margin:0 0 40px 0}.layout__wrapper-link{display:flex;justify-content:space-around;flex-wrap:wrap;width:calc(100% + 40px);margin:0 0 0 -40px}.layout__wrapper-link a{margin:0 0 10px 0}.layout__banner{width:100vw;height:53vw;margin-left:calc(-4vw - 50px);margin-bottom:10px;background-repeat:no-repeat;background-size:cover;box-shadow:-3px 7px 20px #545454;transition:.3s}.layout__banner:active,.layout__banner:focus,.layout__banner:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.layout__banner--crm{background-image:url(../img/crm@1x.jpg)}.layout__banner--sedona{background-image:url(../img/sedona@1x.jpg)}.layout__banner--device{background-image:url(../img/device@1x.jpg)}.layout__banner--glacy{background-image:url(../img/glasy@1x.jpg)}.layout__text,.layout__title{font-size:1.1em;text-shadow:-3px 7px 20px #545454;color:#000}.about-me{width:100%;position:relative;display:flex;background-color:#434343}.about-me__wrapper{margin-bottom:20px;color:#dedede}.about-me__title{display:inline-block;color:#dedede;border-bottom:1px solid #dedede}.about-me__info a{color:#0cf}.about-me__info a:active,.about-me__info a:focus,.about-me__info a:hover{opacity:.6}.about-me__contacts{margin:30px 0}.about-me__list{position:absolute;bottom:-180px;right:5vw;z-index:10;display:flex;flex-direction:column;justify-content:space-between;align-items:center;margin:0;padding:0;list-style:none}.about-me__item{display:flex;align-items:center;justify-content:center}.about-me__link{display:flex;flex-direction:column;align-items:center;justify-items:center;color:#0cf;text-decoration:none}.about-me__link span{opacity:0}.about-me__link .about-me__svg{fill:#0cf}.about-me__link:active,.about-me__link:focus,.about-me__link:hover{opacity:.5}.about-me__svg{width:30px;height:30px;margin-top:20px;fill:#dedede}.toggle-menu{position:fixed;top:70px;right:4vw;z-index:10;display:block;width:24px;margin:0;padding:0;font-size:0;line-height:25px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;background:0 0;transition:.4s}.toggle-menu__symbol{position:relative;vertical-align:middle;display:inline-block;width:100%;height:3px;background:0 0;transition:.3s}.toggle-menu__symbol::after,.toggle-menu__symbol::before{position:absolute;left:0;-webkit-transform-origin:50% 50%;transform-origin:50% 50%;width:100%;height:3px;content:"";background-color:#000}.toggle-menu__symbol::before{top:0;transition:.3s,-webkit-transform .3s .3s;transition:.3s,transform .3s .3s;transition:.3s,transform .3s .3s,-webkit-transform .3s .3s;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg)}.toggle-menu__symbol::after{top:0;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);transition:.3s,-webkit-transform .3s .3s;transition:.3s,transform .3s .3s;transition:.3s,transform .3s .3s,-webkit-transform .3s .3s}.toggle-menu--close{-webkit-transform:translateY(-50px);transform:translateY(-50px)}.toggle-menu--close .toggle-menu__symbol{background-color:#000}.toggle-menu--close .toggle-menu__symbol::before{top:-7px;transition:.3s,top .3s .3s;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}.toggle-menu--close .toggle-menu__symbol::after{top:7px;transition:.3s,top .3s .3s;-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}@-webkit-keyframes timing{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes timing{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.second__hand--rotate{-webkit-animation:timing 60s infinite steps(60);animation:timing 60s infinite steps(60)}.minute__hand--rotate{-webkit-animation:timing 3600s infinite steps(3600);animation:timing 3600s infinite steps(3600)}.hour__hand--rotate{-webkit-animation:timing 43200s infinite steps(43200);animation:timing 43200s infinite steps(43200)}.clock{position:relative;width:260px;height:260px;border-radius:50%;box-shadow:-3px 7px 20px #545454;overflow:hidden}.clock::before{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:2;width:13px;height:13px;content:"";background:linear-gradient(to bottom,#fff,#757575);border-radius:50%}.clock::after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);z-index:10;width:11px;height:11px;content:"";background:linear-gradient(to bottom,#fff,#bfbfbf);border-radius:50%}.clock__frame{width:100%;height:100%;background:linear-gradient(to top,#1d1d1b,#757575);border:2px solid #1f272a;border-radius:50%;box-shadow:inset 1px 2px 0 0 #878787}.clock__board{position:relative;top:50%;left:50%;width:226px;height:226px;background-color:#fff;border-radius:50%;border:2px solid #1f272a;box-shadow:inset 1px 2px 0 0 #e5e5e5,1px 2px 0 0 #535351;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.hour,.minute,.second{position:absolute;top:0;left:0;width:100%;height:100%}.second__hand{z-index:50;display:block;width:100%;height:100%;margin:auto}.second__hand::after{position:absolute;top:27px;left:50%;display:block;width:3px;height:102px;content:"";background-color:#e9343f;border-radius:1px}.minute__hand{z-index:2;display:block;width:100%;height:100%;margin:auto}.minute__hand::after{-webkit-transform:translateX(-50%) perspective(200px) rotateX(30deg);transform:translateX(-50%) perspective(200px) rotateX(30deg);position:absolute;top:25px;left:50%;display:block;width:5px;height:100px;content:"";background-color:#050606;border-radius:1px}.hour__hand{z-index:1;display:block;width:100%;height:100%;margin:auto}.hour__hand::after{position:absolute;top:43px;left:50%;-webkit-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:translateX(-50%) perspective(100px) rotateX(35deg);transform:translateX(-50%) perspective(100px) rotateX(35deg);display:block;width:5px;height:80px;content:"";background-color:#050606;border-radius:1px}.time{font-weight:700;font-size:16px;line-height:16px;letter-spacing:1}.time-1{position:absolute;top:30px;right:65px}.time-2{position:absolute;top:62px;right:30px}.time-3{position:absolute;top:102px;right:20px}.time-4{position:absolute;top:145px;right:32px}.time-5{position:absolute;top:176px;right:63px}.time-6{position:absolute;top:188px;right:108px}.time-7{position:absolute;top:176px;left:64px}.time-8{position:absolute;top:145px;left:32px}.time-9{position:absolute;top:102px;left:21px}.time-10{position:absolute;top:62px;left:32px}.time-11{position:absolute;top:30px;left:65px}.time-12{position:absolute;top:18px;left:105px}.clock__stroke-big{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:217px;height:217px}.clock__stroke-big::after{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:3px;height:12px;content:"";background-color:#1a1917}.clock__stroke-small{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:217px;height:217px}.clock__stroke-small::after{position:absolute;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:1px;height:5px;content:"";background-color:#1a1917}.stroke-2{-webkit-transform:translate(-50%,-50%) rotate(30deg);transform:translate(-50%,-50%) rotate(30deg)}.stroke-3{-webkit-transform:translate(-50%,-50%) rotate(60deg);transform:translate(-50%,-50%) rotate(60deg)}.stroke-4{-webkit-transform:translate(-50%,-50%) rotate(90deg);transform:translate(-50%,-50%) rotate(90deg)}.stroke-5{-webkit-transform:translate(-50%,-50%) rotate(120deg);transform:translate(-50%,-50%) rotate(120deg)}.stroke-6{-webkit-transform:translate(-50%,-50%) rotate(150deg);transform:translate(-50%,-50%) rotate(150deg)}.stroke-7{-webkit-transform:translate(-50%,-50%) rotate(180deg);transform:translate(-50%,-50%) rotate(180deg)}.stroke-8{-webkit-transform:translate(-50%,-50%) rotate(210deg);transform:translate(-50%,-50%) rotate(210deg)}.stroke-9{-webkit-transform:translate(-50%,-50%) rotate(240deg);transform:translate(-50%,-50%) rotate(240deg)}.stroke-10{-webkit-transform:translate(-50%,-50%) rotate(270deg);transform:translate(-50%,-50%) rotate(270deg)}.stroke-11{-webkit-transform:translate(-50%,-50%) rotate(300deg);transform:translate(-50%,-50%) rotate(300deg)}.stroke-12{-webkit-transform:translate(-50%,-50%) rotate(330deg);transform:translate(-50%,-50%) rotate(330deg)}.minute-1{-webkit-transform:translate(-50%,-50%) rotate(6deg);transform:translate(-50%,-50%) rotate(6deg)}.minute-2{-webkit-transform:translate(-50%,-50%) rotate(12deg);transform:translate(-50%,-50%) rotate(12deg)}.minute-3{-webkit-transform:translate(-50%,-50%) rotate(18deg);transform:translate(-50%,-50%) rotate(18deg)}.minute-4{-webkit-transform:translate(-50%,-50%) rotate(24deg);transform:translate(-50%,-50%) rotate(24deg)}.minute-6{-webkit-transform:translate(-50%,-50%) rotate(36deg);transform:translate(-50%,-50%) rotate(36deg)}.minute-7{-webkit-transform:translate(-50%,-50%) rotate(42deg);transform:translate(-50%,-50%) rotate(42deg)}.minute-8{-webkit-transform:translate(-50%,-50%) rotate(48deg);transform:translate(-50%,-50%) rotate(48deg)}.minute-9{-webkit-transform:translate(-50%,-50%) rotate(54deg);transform:translate(-50%,-50%) rotate(54deg)}.minute-11{-webkit-transform:translate(-50%,-50%) rotate(66deg);transform:translate(-50%,-50%) rotate(66deg)}.minute-12{-webkit-transform:translate(-50%,-50%) rotate(72deg);transform:translate(-50%,-50%) rotate(72deg)}.minute-13{-webkit-transform:translate(-50%,-50%) rotate(78deg);transform:translate(-50%,-50%) rotate(78deg)}.minute-14{-webkit-transform:translate(-50%,-50%) rotate(84deg);transform:translate(-50%,-50%) rotate(84deg)}.minute-16{-webkit-transform:translate(-50%,-50%) rotate(96deg);transform:translate(-50%,-50%) rotate(96deg)}.minute-17{-webkit-transform:translate(-50%,-50%) rotate(102deg);transform:translate(-50%,-50%) rotate(102deg)}.minute-18{-webkit-transform:translate(-50%,-50%) rotate(108deg);transform:translate(-50%,-50%) rotate(108deg)}.minute-19{-webkit-transform:translate(-50%,-50%) rotate(114deg);transform:translate(-50%,-50%) rotate(114deg)}.minute-21{-webkit-transform:translate(-50%,-50%) rotate(126deg);transform:translate(-50%,-50%) rotate(126deg)}.minute-22{-webkit-transform:translate(-50%,-50%) rotate(132deg);transform:translate(-50%,-50%) rotate(132deg)}.minute-23{-webkit-transform:translate(-50%,-50%) rotate(138deg);transform:translate(-50%,-50%) rotate(138deg)}.minute-24{-webkit-transform:translate(-50%,-50%) rotate(144deg);transform:translate(-50%,-50%) rotate(144deg)}.minute-26{-webkit-transform:translate(-50%,-50%) rotate(156deg);transform:translate(-50%,-50%) rotate(156deg)}.minute-27{-webkit-transform:translate(-50%,-50%) rotate(162deg);transform:translate(-50%,-50%) rotate(162deg)}.minute-28{-webkit-transform:translate(-50%,-50%) rotate(168deg);transform:translate(-50%,-50%) rotate(168deg)}.minute-29{-webkit-transform:translate(-50%,-50%) rotate(174deg);transform:translate(-50%,-50%) rotate(174deg)}.minute-31{-webkit-transform:translate(-50%,-50%) rotate(186deg);transform:translate(-50%,-50%) rotate(186deg)}.minute-32{-webkit-transform:translate(-50%,-50%) rotate(192deg);transform:translate(-50%,-50%) rotate(192deg)}.minute-33{-webkit-transform:translate(-50%,-50%) rotate(198deg);transform:translate(-50%,-50%) rotate(198deg)}.minute-34{-webkit-transform:translate(-50%,-50%) rotate(204deg);transform:translate(-50%,-50%) rotate(204deg)}.minute-36{-webkit-transform:translate(-50%,-50%) rotate(216deg);transform:translate(-50%,-50%) rotate(216deg)}.minute-37{-webkit-transform:translate(-50%,-50%) rotate(222deg);transform:translate(-50%,-50%) rotate(222deg)}.minute-38{-webkit-transform:translate(-50%,-50%) rotate(228deg);transform:translate(-50%,-50%) rotate(228deg)}.minute-39{-webkit-transform:translate(-50%,-50%) rotate(234deg);transform:translate(-50%,-50%) rotate(234deg)}.minute-41{-webkit-transform:translate(-50%,-50%) rotate(246deg);transform:translate(-50%,-50%) rotate(246deg)}.minute-42{-webkit-transform:translate(-50%,-50%) rotate(252deg);transform:translate(-50%,-50%) rotate(252deg)}.minute-43{-webkit-transform:translate(-50%,-50%) rotate(258deg);transform:translate(-50%,-50%) rotate(258deg)}.minute-44{-webkit-transform:translate(-50%,-50%) rotate(264deg);transform:translate(-50%,-50%) rotate(264deg)}.minute-46{-webkit-transform:translate(-50%,-50%) rotate(276deg);transform:translate(-50%,-50%) rotate(276deg)}.minute-47{-webkit-transform:translate(-50%,-50%) rotate(282deg);transform:translate(-50%,-50%) rotate(282deg)}.minute-48{-webkit-transform:translate(-50%,-50%) rotate(288deg);transform:translate(-50%,-50%) rotate(288deg)}.minute-49{-webkit-transform:translate(-50%,-50%) rotate(294deg);transform:translate(-50%,-50%) rotate(294deg)}.minute-51{-webkit-transform:translate(-50%,-50%) rotate(306deg);transform:translate(-50%,-50%) rotate(306deg)}.minute-52{-webkit-transform:translate(-50%,-50%) rotate(312deg);transform:translate(-50%,-50%) rotate(312deg)}.minute-53{-webkit-transform:translate(-50%,-50%) rotate(318deg);transform:translate(-50%,-50%) rotate(318deg)}.minute-54{-webkit-transform:translate(-50%,-50%) rotate(324deg);transform:translate(-50%,-50%) rotate(324deg)}.minute-56{-webkit-transform:translate(-50%,-50%) rotate(336deg);transform:translate(-50%,-50%) rotate(336deg)}.minute-57{-webkit-transform:translate(-50%,-50%) rotate(342deg);transform:translate(-50%,-50%) rotate(342deg)}.minute-58{-webkit-transform:translate(-50%,-50%) rotate(348deg);transform:translate(-50%,-50%) rotate(348deg)}.minute-59{-webkit-transform:translate(-50%,-50%) rotate(354deg);transform:translate(-50%,-50%) rotate(354deg)}.slider{position:relative;display:flex;justify-content:center;width:320px;height:327px}.slider__after-wrapper,.slider__before-wrapper{position:absolute;top:0;left:0;display:none;width:320px;height:240px;overflow:hidden}.slider__before-wrapper{z-index:3}.slider__after-wrapper{z-index:2;display:none}.slider__img{width:320px;height:240px}.slider__controls-mobile{position:absolute;bottom:35px;z-index:5;display:flex;align-items:center}.slider__btn-mobile{font-family:Oswald,Arial,sans-serif;font-weight:400;font-size:16px;line-height:20px;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.slider__btn-mobile:hover{opacity:.3}.slider__btn-mobile--before{order:0}.slider__btn-mobile--after{order:2}.slider__bar-mobile{position:relative;width:84px;height:14px;margin:0 18px;border:1px solid #cdcdcd;border-radius:5px;order:1}.slider__bar-mobile::after{position:absolute;top:50%;left:5px;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:35px;height:6px;content:"";background-color:#68b738;border-radius:3px}.slider__input-mobile:checked+.slider__btn-mobile{opacity:.6}.slider__input-mobile--before:checked~.slider__controls-mobile .slider__bar-mobile::after{left:5px;right:auto}.slider__input-mobile--after:checked~.slider__controls-mobile .slider__bar-mobile::after{left:auto;right:5px}.slider__input-mobile--before:checked~.slider__before-wrapper{display:block}.slider__input-mobile--after:checked~.slider__after-wrapper{display:block}@media (min-width:400px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:400px) and (min-resolution:144dpi),(min-width:400px) and (min-resolution:1.5dppx){.author{background-image:url(../img/background-mobile@x2.jpg)}}@media (min-width:400px){.author{background-image:url(../img/background-500@1x.jpg)}}@media (min-width:500px){.logo{padding:0 4px}.logo__svg{width:33px;height:33px}.header{min-height:60px}.header::before{top:10px}.header::after{top:50px}.header__nav{font-size:1.1em}.header__item{margin:0 15px 0 0}.header__item a{padding:9px}.header__ru-link{padding:3px 12px;font-size:1.2em;box-shadow:0 2px 7px #009ece}.author{background-image:url(../img/background-600@1x.jpg)}.author__wrapper{width:350px}.author-name{width:320px;margin-left:2vw}.developer{margin-left:4vw;letter-spacing:.1em;font-size:1.6em}.developer--ru{margin-left:0}.skills{padding-top:70px}.skills__wrapper{margin:0 0 25px;padding:2vw 5vw}.skills__list-icons{margin:0 auto}.skills__container{max-width:600px;margin:0 auto}.skills__subtitle{padding:20px 0 15px}.skills__info-item{margin:15px 0}@-webkit-keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(3000%);transform:translateX(3000%)}}@keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(3000%);transform:translateX(3000%)}}.portfolio{padding-top:70px}.portfolio__stack{margin-left:4vw}.portfolio__stack--clock{margin:-60px 0 0 0}.portfolio__stack--test-task{margin-left:auto;margin-right:4vw}.portfolio-description-clock{bottom:-15px}.portfolio__clock-wrapper::before{height:90%}.test-task__description{margin-left:auto}.cat-energy__title{font-size:1.3em}.layout__title{font-size:1.3em}.toggle-menu{top:80px}}@media (min-width:500px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:500px) and (min-resolution:144dpi),(min-width:500px) and (min-resolution:1.5dppx){.author{background-image:url(../img/background-mobile@x2.jpg)}}@media (min-width:600px){.container{width:95%;max-width:1000px}.author{background-image:url(../img/background-770@1x.jpg)}.author__wrapper{width:400px}.author-name{width:350px}.developer{letter-spacing:.1em;font-size:1.7em}.skills__title{font-size:2em}.skills__subtitle{font-size:1.5em}.skills__item{max-width:100px;max-height:100px}.skills__info-item{font-size:1.1em}.portfolio__clock-wrapper::before{height:70%}.booking__banner{width:500px;height:300px;margin:0 auto}.test-task__banner{width:500px;height:250px;margin:0 auto}.cat-energy__banner{width:450px;height:260px;margin:0 auto}.layout__banner{margin:0 auto 15px}.layout__banner--crm{width:480px;height:250px}.layout__banner--sedona{width:300px;height:250px}.layout__banner--device{width:300px;height:224px}.layout__banner--glacy{width:300px;height:224px}.about-me__list{right:15vw}.toggle-menu{right:7vw}}@media (min-width:600px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:600px) and (min-resolution:144dpi),(min-width:600px) and (min-resolution:1.5dppx){.author{background-image:url(../img/background-mobile@x2.jpg)}}@media (min-width:768px) and (-webkit-min-device-pixel-ratio:1.5),(min-width:768px) and (min-resolution:144dpi),(min-width:768px) and (min-resolution:1.5dppx){.author{background-image:url(../img/background.jpg)}}@media (min-width:768px){.btn{padding:6px 20px}.logo{padding:0 10px}.logo:hover{-webkit-transform:scale(1);transform:scale(1)}.logo:active,.logo:focus{-webkit-transform:scale(.85);transform:scale(.85)}.logo__svg{width:50px;height:50px}.header{-webkit-transform:translateY(0);transform:translateY(0);min-height:70px}.header:before{top:15px}.header:after{top:55px}.header__item a:hover{-webkit-transform:scale(1);transform:scale(1)}.header__item a:hover:after{position:absolute;bottom:-3px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100%;height:1px;content:"";background-color:#0cf;-webkit-animation:link-underline;animation:link-underline;-webkit-animation-duration:.4s;animation-duration:.4s}.header__item a:active,.header__item a:focus{-webkit-transform:scale(.9);transform:scale(.9);color:#6fbfd3}.author{background-image:url(../img/background-900@1x.jpg)}.author::after{border-width:0 0 50px 100vw}.author__photo img{width:250px;height:250px}.author__wrapper{width:450px;margin-top:25px}.author-name{width:450px;margin-bottom:20px}.developer{margin-left:7vw;letter-spacing:.2em;font-size:1.7em}.developer--ru{margin-left:2.5vw}.skills{padding-top:90px}.skills::after{border-width:0 0 50px 100vw}.skills__subtitle{margin:35px 0 15px}.skills__wrapper{margin:0 0 30px}.footer{padding-bottom:40px;background:linear-gradient(to bottom,#434343,#434343 50px,#282828 50px,#282828)}.footer::before{border-width:0 0 50px 100vw}@-webkit-keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(4000%);transform:translateX(4000%)}}@keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(4000%);transform:translateX(4000%)}}.portfolio{padding-top:90px}.portfolio__title{font-size:2em}.portfolio__subtitle{font-size:1.5em}.portfolio__item{background-color:transparent}.portfolio__clock-wrapper::before{height:50%}.portfolio__stack--clock{margin-left:10vw}.portfolio__stack--cat-energy{position:relative;z-index:4;margin-left:0}.portfolio-description-clock{right:20vw;width:300px}.copyright{bottom:50px}.cat-energy__slider{margin:-170px auto 0}.cat-energy__btn-github{bottom:-100px;right:5vw}.cat-energy__btn-result{bottom:-20px;right:5vw}.layout__text-wrapper{margin-left:20px}.about-me__list{bottom:-120px;flex-direction:row}.about-me__link{margin:20px}.about-me__link span{opacity:1}.about-me__svg{margin:0 0 10px 0}.toggle-menu{display:none}.slider__controls-mobile{display:none}.slider{width:677px;height:630px}.slider::before{position:absolute;left:0;bottom:0;width:250%;height:465px;margin:0 -50%;content:"";background:linear-gradient(to right,#f2f2f2 50%,#eaeaea 50%,#eaeaea 100%)}.slider__after-wrapper,.slider__before-wrapper{position:absolute;display:block;width:677px;height:630px}.slider__before-wrapper{width:50%;background:linear-gradient(to bottom,#f8f8f8 165px,#f2f2f2 165px,#f2f2f2 100%)}.slider__after-wrapper{background:linear-gradient(to bottom,#f8f8f8 165px,#eaeaea 165px,#eaeaea 100%)}.slider__img{position:relative}.slider__img--before{width:680px;height:510px}.slider__img--after{left:7px;width:680px;height:510px}.slider-control{position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-51.5%);transform:translateX(-51.5%);z-index:3;display:flex;width:572px;height:34px}.slider-control--ru{left:51.8%}.slider-control__btn{padding:0;font-family:Oswald,Arial,sans-serif;font-weight:400;font-size:20px;line-height:20px;color:#111;text-transform:uppercase;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:none;background:0 0;border-bottom:1px dotted rgba(17,17,17,.23)}.slider-control__btn:hover{opacity:.8}.slider-control__btn:active,.slider-control__btn:focus{opacity:.5}.slider-control__progress-bar{position:relative;width:428px;height:100%;margin:0 21px 0 24px;background:0 0}.slider-control__progress-bar::before{position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);transform:translateY(-50%);display:block;width:100%;height:6px;content:"";background-color:#dcdcdc;border-radius:3px}.slider-control__toggle{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:34px;height:34px;padding:0;cursor:pointer;background-color:#fff;border:1px solid #cdcdcd;border-radius:50%;box-shadow:0 2px 5px 1px rgba(0,0,0,.15)}.slider-control__toggle::after{position:relative;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);display:block;width:8px;height:8px;content:"";background-color:#68b738;border-radius:50%}}@media (min-width:900px){.author{background-image:url(../img/background.jpg)}.author__container{flex-direction:row}.author__wrapper{width:500px}.author__cv-btn{margin-top:20px}.author-name{width:500px;margin-bottom:30px;margin-left:0}.developer{margin-left:4vw;font-size:1.85em}.developer--ru{margin-left:0}.skills__title{font-size:2.5em}.skills__subtitle{margin:40px 0 15px;font-size:1.5em}.skills__wrapper{margin:0 0 40px;padding:0 4vw}.skills__item{max-width:100px;max-height:100px}.skills__walk{top:auto;bottom:-10px}@-webkit-keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(5000%);transform:translateX(5000%)}}@keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(5000%);transform:translateX(5000%)}}.portfolio__clock-wrapper{display:flex;width:100%;height:auto;margin:20px 0 0 0}.portfolio__clock-wrapper::before{top:50%;left:20%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:500px;height:300px}.portfolio__clock{display:inline-block}.portfolio__stack{padding:20px;width:300px}.portfolio__stack--clock{display:inline-block;margin:auto 22vw auto auto}.portfolio__stack--cat-energy{width:200px}.portfolio__stack--test-task{margin:-80px auto 0 4vw}.portfolio-description-clock{right:9vw}.portfolio__stack-title{font-size:1.7em}.portfolio__stack-list{padding:10px 10px 10px 30px}.portfolio__item{box-shadow:none}.booking__banner{margin:-160px 0 0 auto}.booking__btn-page{bottom:-50px;right:auto;left:10vw}.booking__btn-github{bottom:-120px;right:auto;left:9vw}.layout{list-style:none}.layout__item{padding:20px;box-shadow:-3px 7px 20px #545454}.layout__text-wrapper{position:relative;z-index:5;width:30vw;margin-left:5vw}.layout__banner{margin:-150px 10vw 25px auto}.layout__banner--crm{margin:-50px -5vw 25px auto}.layout__wrapper-link{max-width:700px;margin:0 auto}.about-me__link{margin:30px}.about-me__svg{width:40px;height:40px}}@media (min-width:1000px){.skills__container{display:flex;align-items:center}.skills__list-info{width:50%}.skills__info-item{margin:20px 0}.portfolio__stack--test-task{margin:0 4vw 0 auto}.booking__description:before{position:absolute;top:110px;left:20px;z-index:-1;width:400px;height:280px;content:"";background-color:#fff;box-shadow:-3px 7px 20px #545454}.test-task__banner{position:relative;z-index:5}.test-task__banner-wrapper{width:500px}.test-task__wrapper{margin-top:-280px}.test-task__description{max-width:400px;margin-right:-4vw}.test-task__title{text-align:center}.layout__banner--crm{margin-right:3vw}}@media (min-width:1265px){.btn{padding:7px 20px}.container{max-width:1140px;padding:0 15px}.author{background-position:50% 100%}.author::after{border-width:0 0 70px 100vw}.author__wrapper{width:550px}.author__wrapper--ru{width:570px}.author-name{width:550px}.developer{margin-left:2vw;font-size:2em;letter-spacing:.3em}.developer--ru{margin-left:0}.skills::after{border-width:0 0 70px 100vw}.skills__title{font-size:3em;letter-spacing:.5mm}.skills__subtitle{font-size:1.9em;letter-spacing:.3mm;font-weight:500}.skills__wrapper{margin:0 0 50px;padding:0 4vw}.skills__list-icons{justify-content:space-between}.footer{padding:30px 0 20px;background:linear-gradient(to bottom,#434343,#434343 70px,#282828 70px,#282828)}.footer::before{border-width:0 0 70px 100vw}.footer__container{flex-direction:row;justify-content:space-between}.footer__author{display:flex;align-items:center}@-webkit-keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(7000%);transform:translateX(7000%)}}@keyframes stroll{from{-webkit-transform:translateX(-100%);transform:translateX(-100%)}to{-webkit-transform:translateX(7000%);transform:translateX(7000%)}}.portfolio__clock{margin:auto 30px auto 100px}.portfolio__clock-wrapper::before{background-color:#9f9f9f}.portfolio__stack{width:250px}.portfolio__stack--clock{margin:auto 0}.portfolio__stack--booking{margin:0 0 0 4vw}.portfolio__stack--cat-energy{margin:50px auto 30px}.portfolio__stack-title{padding:0 10px;font-weight:500}.portfolio__stack-list{padding:10px 10px 10px 60px}.portfolio__stack-list--test-task{flex-direction:column;list-style-type:circle}.portfolio-description-clock{top:50%;right:5vw;bottom:auto;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:400px;min-height:170px;padding:20px;font-size:1.25em}.portfolio-description-clock:hover{-webkit-transform:translateY(-50%) scale(1.05);transform:translateY(-50%) scale(1.05)}.portfolio__title{font-size:2.6em;letter-spacing:.5mm}.portfolio__subtitle{font-size:1.75em;font-weight:500;letter-spacing:.1mm}.portfolio__item--cat-energy{display:flex;flex-direction:column}.contacts{margin:0}.copyright{position:relative;bottom:auto;right:auto;order:0;display:flex;align-items:center;margin:0}.booking{flex-direction:row;padding:0 20px}.booking__banner{z-index:5;margin:0}.booking__paragraph{margin:20px 0 0 20px;padding:20px;font-size:1.25em}.booking__description:before{top:0;left:0;width:500px;height:300px}.booking__btn-page{right:40px;left:auto;bottom:100px}.booking__btn-github{bottom:35px;right:30px;left:auto}.test-task{flex-direction:row}.test-task__wrapper{margin-top:0;margin-left:-100px}.test-task__description{max-width:500px;padding:20px;letter-spacing:.1mm}.test-task__title{text-align:left}.test-task__btn-container{margin:30px 0}.cat-energy{display:flex}.cat-energy__title{padding:0 30px;font-size:1.5em;font-weight:500}.cat-energy__paragraph{padding:0 30px;margin-bottom:20px}.cat-energy__description{z-index:4;padding:30px 0;background-color:#fff;box-shadow:-3px 7px 20px #545454}.cat-energy__banner{margin:0 -30px 0 30px}.cat-energy__btn-result{top:170px;right:auto;bottom:auto;right:-600px}.cat-energy__btn-github{top:260px;right:auto;bottom:auto;right:-610px}.cat-energy__slider{margin:0}.cat-energy__slider-control{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.layout{flex-direction:row;flex-wrap:wrap;justify-content:space-around;margin:0 0 40px 0;padding:0 50px}.layout__banner{margin:0;box-shadow:-3px 7px 20px #545454;transition:box-shadow .3s,opacity .3s}.layout__banner:hover{-webkit-transform:scale(1);transform:scale(1)}.layout .layout__item{margin:0 0 -70px}.layout__item{display:flex;flex-direction:column;align-items:center;min-height:400px;padding:30px;box-shadow:none;overflow:hidden;transition:.3s,box-shadow .3s}.layout__item:hover{z-index:10;background-color:rgba(255,255,255,.8);box-shadow:-3px 7px 20px #545454}.layout__item:hover .layout__banner{box-shadow:none;opacity:.1}.layout__item:hover .layout__btn{opacity:1}.layout__item:hover .layout__text-wrapper{opacity:1}.layout__wrapper-link{flex-wrap:wrap;width:100%;margin:20px 0 0 0}.layout__btn{opacity:0;transition:opacity .3s}a.layout__btn--device{margin:0 20% 20px}a.layout__btn--glacy{margin:0 20% 20px}.layout__text-wrapper{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-70%);transform:translate(-50%,-70%);z-index:5;width:80%;margin:0;text-align:center;opacity:0;transition:opacity .3s}.layout__title{margin:0 0 50px 0;font-size:1.55em;color:#222}.about-me__wrapper{display:flex}.about-me__contacts,.about-me__info{width:50%;padding:0 20px}.about-me__info p{line-height:1.5em}.about-me__title{margin:40px}.about-me__list{position:relative;bottom:auto;right:auto;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);justify-content:space-around}.about-me__link{color:#dedede}.about-me__link .about-me__svg{fill:#dedede}.about-me__link .about-me__svg--telegram .path1{fill:#dedede}.about-me__link .about-me__svg--telegram .path2{fill:#dedede}.about-me__link:active,.about-me__link:focus,.about-me__link:hover{opacity:1}.about-me__link:hover{color:#0cf;text-decoration:none}.about-me__link:hover .about-me__svg{fill:#0cf}.about-me__link:hover .about-me__svg--telegram .path1{fill:#00e3eb}.about-me__link:hover .about-me__svg--telegram .path2{fill:#19b2e1}.slider{height:650px}.slider::before{z-index:-1;width:300%;margin:0 0 0 -120%}.slider__after-wrapper,.slider__before-wrapper{height:650px}.slider__before-wrapper{width:53.5%;background:linear-gradient(to bottom,#f8f8f8 185px,#f2f2f2 185px,#f2f2f2 100%)}.slider__after-wrapper{background:linear-gradient(to bottom,#f8f8f8 185px,#eaeaea 185px,#eaeaea 100%)}.slider-control__toggle{left:55.7%}}@media (max-width:768px) and (-webkit-min-device-pixel-ratio:1.5),(max-width:768px) and (min-resolution:144dpi),(max-width:768px) and (min-resolution:1.5dppx){.author{background-image:url(../img/background-mobile@x2.jpg)}}@media (-webkit-min-device-pixel-ratio:1.5),(min-resolution:144dpi),(min-resolution:1.5dppx){.booking__banner{background-image:url(../img/keksobooking@2x.jpg)}.test-task__banner{background-image:url(../img/test-task@2x.jpg)}.cat-energy__banner{background-image:url(../img/cat-energy@2x.jpg)}.layout__banner--crm{background-image:url(../img/crm@2x.jpg)}.layout__banner--sedona{background-image:url(../img/sedona@2x.jpg)}.layout__banner--device{background-image:url(../img/device@2x.jpg)}.layout__banner--glacy{background-image:url(../img/glasy@2x.jpg)}}
/*# sourceMappingURL=style.min.css.map */