@font-face{font-family:Poppins;src:url(../fonts/Poppins-ExtraBold.ttf) format("ttf");src:url(../fonts/Poppins-ExtraBold.woff) format("woff");font-weight:700}@font-face{font-family:Poppins;src:url(../fonts/Poppins-Medium.ttf) format("ttf");src:url(../fonts/Poppins-Medium.woff) format("woff");font-weight:500}@font-face{font-family:icomoon;src:url(../fonts/icomoon.eot?jtyrzr);src:url(../fonts/icomoon.eot?jtyrzr#iefix) format("embedded-opentype"),url(../fonts/icomoon.ttf?jtyrzr) format("truetype"),url(../fonts/icomoon.woff?jtyrzr) format("woff"),url(../fonts/icomoon.svg?jtyrzr#icomoon) format("svg");font-weight:400;font-style:normal;font-display:block}[class*=" icon-"],[class^=icon-]{font-family:icomoon!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-envelop:before{content:""}.icon-cross:before{content:""}.icon-circle-up:before{content:""}.icon-instagram:before{content:""}.icon-whatsapp:before{content:""}.icon-telegram:before{content:""}.icon-github:before{content:""}.icon-linkedin:before{content:""}/*!
 * Bootstrap Reboot v4.3.1 (https://getbootstrap.com/)
 * Copyright 2011-2019 The Bootstrap Authors
 * Copyright 2011-2019 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
 */*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0)}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus{outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:rgba(0,0,0,0)}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([tabindex]){color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover{color:inherit;text-decoration:none}a:not([href]):not([tabindex]):focus{outline:0}code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=date],input[type=datetime-local],input[type=month],input[type=time]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}body{font-family:Poppins,sans-serif;margin:0;padding:0}.container{width:1140px;margin:0 auto}@keyframes moveCircle{0%{left:0}50%{left:142px;transform:scale(1.4)}100%{left:0}}@keyframes pulse{0%{opacity:0;transform:scale(.9)}50%{opacity:1}100%{transform:scale(1.2);opacity:0}}.preloader{width:100vw;height:100vh;position:fixed;top:0;left:0;background-color:#bee7fb;z-index:100}.preloader svg{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100px;height:100px}.promo{position:relative;z-index:1;min-height:100vh;background-color:#bee7fb;overflow:hidden}.promo__wrapper{height:100vh;display:flex;align-items:center;justify-content:space-between}.promo__img{width:700px}.promo__img img{width:100%}.promo__subtitle{text-transform:uppercase;position:relative;padding-left:10px;z-index:1;margin-top:16px}.promo__subtitle::before{display:block;content:"";position:absolute;left:0;top:-5px;width:36px;height:36px;border-radius:100%;background:#ffa501;z-index:-1;transition:all .3s ease}.promo__subtitle_animated:before{animation:moveCircle 2s ease-in-out}.promo__title{margin-top:8px;margin-bottom:0}.promo__links{margin-top:87px;display:flex;align-items:center}.promo__link{font-weight:700;font-size:14px;line-height:21px;color:#000;transition:.2s ease-in-out color}.promo__link:first-child{margin-right:44px;width:135px;height:45px}.promo__link:hover{color:#000;text-decoration:none}.promo__link:hover:last-child{color:#ffa501}.title{font-weight:700;color:#000}.title_circled{position:relative}.title_circled::before{display:block;content:"";position:absolute;left:0;top:-5px;width:36px;height:36px;border-radius:100%;background:#ffa501;z-index:-1;transition:all .3s ease}.title_circled_left::before{padding-left:10px}.title_circled_center::before{left:50%;transform:translateX(-50%)}.title_fs-14{font-size:14px;line-height:21px}.title_fs-16{font-size:16px;line-height:24px}.title_fs-20{font-size:20px;line-height:30px}.title_fs-36{font-size:36px;line-height:60px}.title_fs-48{font-size:48px;line-height:60px}.text{color:#000;font-weight:500}.text_fs-12{font-size:12px;line-height:18px}.text_fs-14{font-size:14px;line-height:21px}.btn{position:relative;z-index:2;background:#ffa501;padding:12px 26px;box-shadow:0 4px 4px rgba(0,0,0,.15);text-align:center;color:#000}.btn:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:100%;background-color:#ffa501;z-index:-2}.btn:before{content:"";position:absolute;bottom:0;left:0;width:0%;height:100%;background-color:#cd8400;transition:all .3s;z-index:-1}.btn:hover:before{width:100%}.sidepanel{position:fixed;top:50%;left:-8%;transform:rotate(-90deg);display:flex;justify-content:space-between;flex-direction:row-reverse;width:350px;align-items:center;z-index:2;transition:.5s z-index}.sidepanel__divider{height:2px;width:70px;background-color:#000}.sidepanel__link{color:#000;transition:.2s ease-in-out all}.sidepanel__link:hover{text-decoration:none;color:#ffa501;transform:translateY(-3px)}.hamburger{position:absolute;top:20px;right:30px;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;height:21px;cursor:pointer}.hamburger:hover span{background-color:#ffa501}.hamburger:hover span.long{width:30px}.hamburger span{display:block;background-color:#151812;height:3px;width:30px;transition:.2s ease-in all}.hamburger span.long{width:36px}.menu{top:0;left:0;z-index:10;position:fixed;height:100vh;width:100%;display:flex;left:-100%;transition:.6s all;visibility:hidden;opacity:0}.menu.active{left:0;visibility:visible;opacity:1}.menu__block{position:relative;height:100%;width:345px;background-color:#ffa501;padding:130px 20px 50px 40px;z-index:11}.menu__close{position:absolute;top:25px;right:25px;cursor:pointer}.menu__close svg path{transition:all .2s ease-in-out}.menu__close:hover svg path{fill:#fff}.menu__list{padding-left:0}.menu__link{position:relative;list-style-type:none;margin-bottom:10px;padding-left:35px}.menu__link::before{position:absolute;left:0;top:50%;transform:translateY(-50%);content:"";width:15px;height:15px;border-radius:100%;border:1px solid #000;transition:.2s ease-in-out all}.menu__link:hover::before{background:#000}.menu__link:hover a{color:#000}.menu__link a{font-weight:500;font-size:24px;line-height:36px;color:#fff;text-transform:uppercase;transition:.2s ease-in-out all}.menu__link a:hover{text-decoration:none;color:#000}.menu__socials{position:absolute;bottom:50px;left:50%;transform:translateX(-50%);width:90px;display:flex;justify-content:space-between}.menu__socials-link{font-size:18px;color:#000;transition:all .2s}.menu__socials-link:hover{color:#fff;text-decoration:none;transform:translateY(-3px)}.menu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;opacity:.75;background:#fff}.about{padding-top:120px}.about__wrapper{display:grid;grid-template-columns:300px 570px;grid-template-rows:minmax(300px,auto);-moz-column-gap:80px;column-gap:80px}.about__photo{height:300px;width:300px;position:relative;border-radius:100%;box-shadow:2px -2px 31px 0 #e7a61a;transition:box-shadow .5s ease-in-out}.about__photo:after,.about__photo:before{content:"";position:absolute;border:1px solid #ffa501;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:100%;opacity:0}.about__photo:hover{box-shadow:none}.about__photo:hover:after,.about__photo:hover:before{animation:pulse 1.3s linear infinite}.about__photo:hover:after{animation-delay:.5s}.about__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.about__descr{font-weight:500;font-size:14px;line-height:21px;color:#000;margin-top:24px;margin-bottom:0}.divider{width:60px;height:3px;background-color:#ffa501}.divider_center{margin:25px auto 0 auto}.expirience{padding-top:120px}.expirience__subtitle,.expirience__title{text-align:center}.expirience .divider{margin:0 auto}.expirience__wrapper{padding:60px 65px 0 65px;display:grid;grid-template-columns:repeat(2,425px);-moz-column-gap:135px;column-gap:135px}.expirience__column-title{position:relative;padding-left:35px}.expirience__column-title:before{content:"";position:absolute;width:15px;height:15px;background:#ffa501;border-radius:100%;left:-7px;top:50%;transform:translateY(-50%)}.expirience__column ul{margin-bottom:45px;list-style-type:none;padding:0}.expirience__column ul li{position:relative}.expirience__column ul li:after{content:"";width:1px;height:calc(100% + 15px);position:absolute;top:-15px;left:0;background-color:#000}.expirience__item{position:relative}.expirience__item:before{content:"";height:1px;width:45px;position:absolute;top:68px;background-color:#000}.expirience__item h4{text-transform:uppercase}.expirience__item-head{position:relative;padding:45px 0 0 100px}.expirience__item-head h4{margin-bottom:0}.expirience__item-body{padding-left:43px;margin-top:12px;text-transform:uppercase}.expirience__item-icon{position:absolute;top:50px;left:45px}.expirience__item-icon::before{display:block;content:"";position:absolute;left:0;top:-5px;width:36px;height:36px;border-radius:100%;background:#ffa501;z-index:-1;transition:all .3s ease}.expirience__item-icon img{position:absolute;left:17px;top:14px}.expirience__item-location{font-size:12px;line-height:18px;margin-top:5px;text-transform:capitalize}.expirience__item-body{font-size:12px;line-height:18px}.skills{position:relative;padding-top:60px}.skills__title{text-align:center}.skills .myCanvas__wrapper{position:absolute;left:50%;transform:translateX(-50%);top:26px}.skills__wrapper{margin-top:60px;text-align:start}.skills__technologies{padding-left:10px;padding-right:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(2,1fr);grid-auto-rows:repeat(2,1fr);gap:13px;margin-bottom:120px}.skills__card{padding:30px 30px 25px 30px;border:1px solid #000}.skills__icon{height:65px;max-width:160px}.skills__icon img{height:100%;max-width:100%}.skills__subtitle{margin-top:20px;margin-bottom:15px}.skills__percents{margin-top:60px;display:grid;grid-template-columns:repeat(3,1fr);-moz-column-gap:43px;column-gap:43px;grid-template-rows:repeat(2,minmax(70px,auto));grid-auto-rows:minmax(70px,auto);row-gap:30px}.skills__percents-item{display:grid;grid-template-columns:80% 20%;grid-template-rows:36px 14px;row-gap:20px}.skills__percents-title{position:relative;padding-left:14px}.skills__percents-title::before{display:block;content:"";position:absolute;left:0;top:-5px;width:36px;height:36px;border-radius:100%;background:#ffa501;z-index:-1;transition:all .3s ease}.skills__percents-title::before{top:-7px}.skills__percents-counter{text-align:end}.skills__percents-line{background:#e8e4de;border-radius:4px;grid-column:1/3;width:350px;height:14px}.skills__percents-line span{width:0;display:block;background:#ffa501;border-radius:4px;height:100%;transition:all .8s}.portfolio{padding-top:120px;text-align:center}.portfolio__wrapper{margin-top:60px;display:grid;grid-template-columns:repeat(2,350px);grid-template-rows:repeat(2,350px);grid-auto-rows:350px;gap:10px;justify-content:center}.portfolio__item{transition:all .3s}.portfolio__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.portfolio__item_horizontal{grid-column:1/3}.portfolio__item:hover{transform:translateY(-5px);filter:grayscale(.8)}.contacts{padding-top:120px;padding-bottom:92px}.contacts__wrapper{padding:0 35px 0 52px;display:grid;grid-template-columns:400px 585px;justify-content:space-between}.contacts__message,.contacts__socials{margin-top:20px}.contacts__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.contacts__link{display:inline-block;margin-right:25px;color:#000;transition:all .3s}.contacts__link span{font-size:20px}.contacts__link:hover{text-decoration:none;color:#ffa501;transform:scale(1.2)}.contacts__form{margin-top:30px;display:grid;grid-template:45px 190px 45px/repeat(2,280px);justify-content:space-between;row-gap:27px}.contacts__form label{display:block;position:absolute;top:-9px;left:12px;height:18px;padding:0 8px;background-color:#fff;font-size:12px;margin-bottom:0}.contacts__input{position:relative}.contacts__input input{width:100%;height:100%;padding:0 20px;font-size:12px;outline-color:#ffa501;border:1px solid #000}.contacts__input.success input,.contacts__input.success textarea,.contacts__textarea.success input,.contacts__textarea.success textarea{border-color:#09c372}.contacts__input.error input,.contacts__input.error textarea,.contacts__textarea.error input,.contacts__textarea.error textarea{border-color:#ff3860}.contacts__input .error,.contacts__textarea .error{color:#ff3860;font-size:9px;height:13px}.contacts__textarea{position:relative;grid-column:1/3}.contacts__textarea textarea{width:100%;height:100%;resize:none;padding:20px;font-size:12px;outline-color:#ffa501;border:1px solid #000}.contacts__triggers{grid-column:1/3;display:flex;align-items:center}.contacts__triggers input{margin-left:35px;margin-right:10px;cursor:pointer}.contacts__btn{font-weight:700;font-size:14px;line-height:14px;border:none}.arrow-up{font-size:25px;color:orange;position:fixed;bottom:100px;right:30px;cursor:pointer;transition:visibility 0s,opacity .5s;visibility:visible;opacity:1;z-index:1}.arrow-up:hover{transform:scale(1.1);opacity:.8}.arrow-up.hidden{visibility:hidden;opacity:0;z-index:0}.overlay{width:100vw;height:100vh;position:fixed;top:0;left:0;background:rgba(0,0,0,.7);z-index:1000;opacity:0;pointer-events:none;transition:all .2s}.overlay.active{opacity:1;pointer-events:all;transition:all .2s}.overlay .modal{width:400px;min-height:200px;border-radius:10px;border:1px solid #ffa501;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);background:#fff;padding:50px;transition:all .3s}.overlay .modal.active{transform:translate(-50%,-50%) scale(1);transition:all .3s}.overlay .modal__close{position:absolute;top:15px;right:15px;cursor:pointer;transition:transform .2s}.overlay .modal__close:hover{transform:scale(1.3)}.overlay .modal__message{text-align:center}.overlay .modal .contacts__link{color:#ffa501}.overlay .modal .contacts__link:last-child{margin-right:0}.privacy{padding-top:40px;padding-bottom:40px}.privacy h1{margin-bottom:20px}.privacy__email,.privacy__phone{display:block;margin-top:10px;margin-bottom:10px}@media(max-width:1439px){.sidepanel{display:none}}@media(max-width:1199px){.container{max-width:960px}.promo__img{width:500px}.about__wrapper{grid-template-columns:390px 500px;-moz-column-gap:50px;column-gap:50px}.about__skills{gap:20px}.about__skills-item{-moz-column-gap:15px;column-gap:15px;grid-template-columns:40px 190px}.expirience__wrapper{-moz-column-gap:20px;column-gap:20px;padding-left:45px;padding-right:45px}.skills__percents{-moz-column-gap:25px;column-gap:25px}.skills__percents-line{width:300px}.portfolio{padding-top:100px}.contacts{padding-top:100px}.contacts__wrapper{grid-template-columns:585px}.contacts__photo{display:none}}@media(max-width:992px){.container{max-width:720px}.promo{padding-top:100px;padding-bottom:20px}.promo__wrapper{flex-direction:column;align-items:start;height:unset}.promo__img{width:inherit}.about{padding-top:100px}.about__wrapper{grid-template-columns:300px auto;-moz-column-gap:25px;column-gap:25px;grid-template-rows:340px auto}.about__photo{grid-row:1/2}.about__skills{grid-column:1/3;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:15px}.about__skills-item{-moz-column-gap:10px;column-gap:10px;grid-template-columns:40px 170px}.expirience{padding-top:100px}.expirience__wrapper{grid-template-columns:auto;-moz-column-gap:unset;column-gap:unset;grid-template-rows:repeat(2,auto);row-gap:60px}.skills{padding-top:100px}.skills .myCanvas__wrapper{display:none}.skills__technologies{grid-template-columns:repeat(2,1fr);justify-content:center}.skills__percents{grid-template-columns:repeat(2,1fr)}.skills__percents-line{width:100%}}@media(max-width:767px){.container{max-width:540px}.promo{overflow:hidden}.menu__block{padding-top:100px}.title_fs-48{font-size:36px}.about__wrapper{grid-template-columns:auto;-moz-column-gap:unset;column-gap:unset;justify-items:center}.about__skills{grid-column:1/2;grid-template-columns:auto;margin-top:0}.about__skills-item{grid-template-columns:40px auto}.contacts{padding-bottom:40px}.contacts__wrapper{grid-template-columns:auto}.contacts__form{grid-template:45px 45px 190px/auto}.contacts__textarea{grid-column:1}.contacts__triggers{grid-column:1;flex-wrap:wrap;justify-content:center}.contacts__btn{width:100%;order:2;margin-top:20px}.portfolio__wrapper{grid-template-columns:350px;grid-template-rows:repeat(3,350px)}.portfolio__item_horizontal{grid-column:unset}}@media(max-width:576px){.container{width:100%;padding:0 20px}.title_fs-48{font-size:26px;line-height:39px}.title_fs-36{font-size:24px;line-height:36px}.title_circled_center{margin-bottom:25px}.hamburger{right:20px}.menu__block{width:250px;padding-left:20px;padding-right:10px}.promo__text{margin-bottom:50px}.promo__links{margin-top:32px}.about{padding-top:40px}.about__subtitle{margin-top:18px;margin-bottom:15px}.about__skills{margin-top:-25px}.expirience{padding-top:40px}.expirience__wrapper{padding-left:20px;padding-right:20px}.expirience__wrapper{row-gap:40px}.skills{padding-top:40px}.skills__technologies{grid-template-columns:repeat(auto-fit,270px);grid-auto-rows:auto;gap:20px}.skills__percents{margin-top:40px}.portfolio{padding-top:40px}}@media screen and (max-width:455px){.skills__percents{grid-template-columns:auto;grid-auto-rows:auto}.contacts__wrapper{padding:0}.about__wrapper{grid-template-rows:300px auto;row-gap:45px}.about__photo{width:280px;height:280px}.about__photo::after,.about__photo::before{display:none}.overlay .modal{width:280px}}@media screen and (max-width:380px){.portfolio__wrapper{grid-template-columns:280px;grid-template-rows:repeat(3,280px)}}@media screen and (max-width:992px)and (orientation:landscape){.menu__block{padding-top:70px}.menu__socials{display:none}.promo__links{margin-top:32px}.promo__img{display:none}}