/*!
 * 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)
 */@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&display=swap);*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}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:transparent}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}*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0}h1,h2,h3,h4{margin-bottom:0}.container{width:1140px;margin:0 auto}.promo{background-color:#ffd9a8;height:100vh;background-image:url(../img/comp.png);background-position:85% 50%;background-repeat:no-repeat;padding-top:206px}.promo__wrapper{margin-top:25px;display:flex;align-items:center;justify-content:space-between;width:250px}.promo__link{display:block;font-size:14px;line-height:21px;font-weight:700;border:none;color:#000}.promo__link:hover{text-decoration:none;color:#000}.hamburger{display:flex;flex-direction:column;align-items:flex-end;position:absolute;top:20px;right:30px;cursor:pointer}.hamburger div{width:30px;height:3px;background:#151812}.hamburger div:nth-child(2){width:36px;margin:6px 0}.title{font-weight:700;font-size:36px;line-height:60px;margin-top:6px;margin-bottom:0}.main-title{font-size:48px;line-height:60px;width:532px;margin-top:9px}.subtitle{font-weight:700;margin-top:0;font-size:16px;line-height:24px;padding-left:10px;position:relative;z-index:1}.subtitle:before{content:"";width:36px;height:36px;background-color:#ffa501;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}.subtitle_center{padding-left:0}.subtitle_center:before{left:50%;transform:translate(-50%,-50%)}.tiny-title{font-weight:700;font-size:14px;line-height:21px;margin-bottom:0}.btn{height:45px;background:#ffa501;box-shadow:0 4px 4px rgba(0,0,0,.15);text-align:center;padding:12px 25px;font-weight:700;font-size:14px;line-height:21px;border:none}.sidepanel{position:fixed;top:226px;left:25px;height:340px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;z-index:3}.sidepanel__link{display:block;transform:rotate(-90deg)}.sidepanel__link:hover svg path{fill:orange}.sidepanel__divider{height:70px;width:2px;background-color:#000}.sidepanel__text{font-weight:700;font-size:16px;width:25px;height:150px}.sidepanel__text span{transform:rotate(-90deg) translate(-30%,-270%);display:block;width:150px}.menu{position:fixed;top:0;left:-100%;width:100%;z-index:10;height:100vh;visibility:hidden;opacity:0;transition:all .5s}.menu.active{left:0;visibility:visible;opacity:1}.menu__overlay{position:fixed;top:0;left:0;width:100%;height:100vh;z-index:5;background:#fff;opacity:.75}.menu__block{position:relative;width:345px;background-color:#ffa501;height:100%;padding:140px 0 50px 40px;transition:all .5s;z-index:6}.menu__list{list-style-type:none}.menu__item{padding-left:35px;font-weight:500;font-size:24px;line-height:36px;margin-bottom:15px}.menu__link{color:#fff;text-decoration:none;position:relative}.menu__link:before{content:"";position:absolute;left:-35px;top:50%;transform:translateY(-50%);width:15px;height:15px;border-radius:50%;border:1px solid #fff;transition:all .3s}.menu__link:hover{color:#fff;text-decoration:none}.menu__link:hover::before{background-color:#fff}.menu__social{margin:0 auto;width:90px;position:absolute;bottom:50px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between}.close{position:absolute;top:25px;right:25px;width:29px;height:29px;cursor:pointer}.about{padding-top:120px}.about .container{display:grid;grid-template-columns:400px 1fr;gap:70px}.about__wrapper{padding-top:6px}.about__photo{background-color:bisque;align-self:stretch;display:flex;align-items:center}.about__photo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.about__descr{font-weight:500;font-size:14px;line-height:21px}.about__ido{margin-top:40px;display:grid;grid-template:repeat(2,minmax(110px,auto))/repeat(2,1fr);grid-auto-rows:1fr;grid-auto-columns:1fr;-moz-column-gap:50px;column-gap:50px;row-gap:20px}.about__item{display:grid;grid-template-columns:40px 1fr;gap:20px}.about__icon{position:relative;top:15px;left:15px}.about__icon:before{content:"";width:36px;height:36px;background-color:#ffa501;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}.about__icon:before{left:-15px;top:5px}.about__text{font-weight:500;font-size:12px;line-height:18px;margin-top:6px}.line{width:60px;height:3px;background-color:#ffa501;margin:4px 0 20px 0}.line_center{margin:25px auto 60px auto}.experience{padding-top:126px}.experience .container{width:986px;text-align:center}.experience__wrapper{text-align:left;display:grid;grid-template-columns:repeat(2,425px);-moz-column-gap:136px;column-gap:136px;margin:0 auto}.experience__header{position:relative;font-weight:700;font-size:20px;line-height:30px;padding-left:43px;margin-bottom:0}.experience__header::before{content:"";width:15px;height:15px;background-color:#ffa501;border-radius:50%;display:block;position:absolute;left:-7px;top:50%;transform:translateY(-50%)}.experience__list{list-style-type:none;position:relative}.experience__list::after{content:"";position:absolute;width:1px;height:calc(100% + 8px);background-color:#000;left:0;top:-8px}.experience__item{padding-left:43px;position:relative}.experience__item:after{content:"";width:43px;height:1px;background-color:#000;position:absolute;top:65px;left:0}.experience__titles{padding-left:56px;padding-top:45px}.experience__blocktitle{position:relative}.experience__icon{position:absolute;padding-top:14px;padding-left:17px;top:45px;left:0}.experience__icon:before{content:"";width:36px;height:36px;background-color:#ffa501;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}.experience__subtitle{font-weight:500;font-size:12px;line-height:18px}.experience__text{margin-top:12px;font-weight:500;font-size:12px;line-height:18px}.skills{text-align:center;padding-top:120px}.skills__wrapper{display:grid;grid-template:repeat(2,270px)/repeat(4,270px);gap:13px;grid-auto-rows:270px;grid-auto-columns:270px;list-style-type:none}.skills__item{border:1px solid #000;padding:30px 30px 30px 25px;text-align:left}.skills__logo{height:65px;display:flex;align-items:center;margin-bottom:20px}.skills__descr{margin-top:15px;font-weight:500;font-size:12px;line-height:18px}.percent{display:grid;grid-template-columns:repeat(3,350px);grid-template-rows:repeat(2,70px);grid-auto-rows:70px;-moz-column-gap:45px;column-gap:45px;row-gap:30px;margin-top:120px}.percent__item{display:grid;grid-template-columns:200px 35px;grid-template-rows:21px 14px;justify-content:space-between;align-content:space-between}.percent__head{display:flex;justify-content:space-between}.percent__value{font-weight:500;font-size:14px;line-height:21px}.percent .tiny-title{position:relative;justify-self:start;padding-left:13px}.percent .tiny-title:before{content:"";width:36px;height:36px;background-color:#ffa501;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:-1}.percent__progress{width:100%;height:14px;background:#e8e4de;border-radius:4px;grid-column:1/3}.percent__progress_orange{background:#ffa501}.portfolio{padding-top:120px;text-align:center}.portfolio__wrapper{display:grid;grid-template:repeat(2,280px)/repeat(4,280px);gap:5px;grid-auto-rows:280px}.portfolio__wrapper .vertical{grid-row:1/3;grid-column:4/5}.portfolio__wrapper .horizontal{grid-row:2/3;grid-column:2/4}.portfolio__item{transition:.3s all}.portfolio__item:hover{box-shadow:0 0 4px 2px #ffa501;transform:scale(105%)}.portfolio__item:nth-child(5),.portfolio__item:nth-child(6){opacity:.5}.portfolio__item:nth-child(5):hover,.portfolio__item:nth-child(6):hover{box-shadow:none;transform:none}.portfolio__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.price{padding-top:50px;text-align:center}.price__wrapper{text-align:left;padding:0 48px;display:grid;grid-template:repeat(3,minmax(45px,auto))/repeat(2,366px);grid-auto-rows:minmax(45px,auto);row-gap:15px;justify-content:space-between}.price__item{padding-left:25px;display:grid;grid-template:repeat(2,minmax(18px auto))/repeat 2,auto;row-gap:5px;justify-content:space-between;position:relative}.price__item:before{content:"";width:15px;height:15px;background-color:#ffa501;border-radius:50%;position:absolute;left:0;top:3px}.price__value{justify-self:end;font-weight:700;font-size:14px;line-height:21px}.price__descr{font-size:12px;line-height:18px;grid-column:1/3}.contacts{padding:120px 0 90px 0}.contacts__wrapper{display:grid;grid-template-columns:400px 585px;justify-content:space-between;padding:0 35px 0 52px}.contacts__photo{align-self:stretch;background-color:bisque;display:flex;align-items:center}.contacts__img{width:100%}.contacts__text{font-weight:700;font-size:14px;line-height:21px;margin-bottom:20px}.contacts__social{margin-bottom:20px}.contacts__link{margin-right:25px}.contacts__link:last-child{margin-right:0}.contacts__form{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:45px 190px 45px;gap:20px 25px;margin-top:5px}.contacts__input{position:relative}.contacts input[type=email],.contacts input[type=text]{width:280px;height:45px;border:1px solid #000;padding:0 20px;font-size:12px;line-height:18px}.contacts__textarea{grid-column:1/3;position:relative}.contacts textarea{resize:none;width:585px;height:190px;border:1px solid #000;padding:20px;font-size:12px;line-height:18px}.contacts label{font-weight:500;font-size:12px;line-height:18px;position:absolute;left:12px;padding:0 8px;top:-8px;color:#000;background-color:#fff;margin-bottom:0}.contacts__triggers{grid-column:1/3;display:grid;grid-template-columns:repeat(2,auto);gap:35px}.contacts__policy{display:flex;align-items:center}.contacts label[for=check]{font-size:12px;line-height:18px;position:static;margin-left:10px;padding:0}@media(max-width:1250px){.sidepanel{display:none}}@media(max-width:1200px){.container{max-width:960px}.about .container{gap:50px}.about__ido{-moz-column-gap:30px;column-gap:30px}.promo{background-image:url(../img/comp1.png);background-position:150% 50%}.experience__wrapper{-moz-column-gap:110px;column-gap:110px}.skills__wrapper{grid-template:repeat(3,270px)/repeat(auto-fit,270px);justify-content:center}.percent{grid-template-columns:repeat(auto-fit,300px);-moz-column-gap:30px;column-gap:30px;justify-content:center}.portfolio .horizontal,.portfolio .vertical{grid-row:unset;grid-column:unset}.portfolio__wrapper{grid-template-columns:repeat(auto-fit,280px);justify-content:center;grid-auto-rows:280px}.contacts__wrapper{grid-template-columns:400px 1fr;padding:0;-moz-column-gap:30px;column-gap:30px}.contacts__form{display:grid;grid-template-columns:1fr;grid-template-rows:45px 45px 190px 45px}.contacts__textarea{grid-column:unset}.contacts input[type=email],.contacts input[type=text],.contacts textarea{width:100%}.contacts__triggers{grid-column:unset}}@media(max-width:992px){.container{max-width:720px}.promo{background-position:42% 50%}.about .container{grid-template-columns:300px 1fr;gap:30px}.about__ido{grid-template:1fr/1fr;grid-auto-rows:1fr;row-gap:25px;margin-top:30px}.title{font-size:24px;line-height:36px}.experience,.skills{padding-top:100px}.percent{margin-top:100px}.experience__wrapper{-moz-column-gap:20px;column-gap:20px;grid-template-columns:repeat(2,350px)}.price__wrapper{grid-template-columns:repeat(auto-fit,340px);justify-content:space-between;padding:0 0}.contacts__wrapper{grid-template-columns:300px 1fr}.contacts__form{grid-template-rows:45px 45px 190px 45px 35px}.contacts__triggers{grid-template-columns:1fr;gap:20px}.contacts #policy{grid-row:1/2}}@media(max-width:768px){.container{max-width:540px}.main-title{font-size:32px;line-height:40px;width:400px}.about,.contacts,.experience,.skills{padding-top:40px}.skills .container{grid-template:340px/1fr;gap:46px}.skills__ido{grid-template:1fr/repeat(2,1fr);grid-auto-rows:1fr;row-gap:25px;margin-top:30px}.title{margin-top:26px}.line{margin:15px 0 20px 0}.line_center{margin:15px auto 40px auto}.experience__wrapper{grid-template:1fr/1fr;row-gap:40px}.experience__item:not(:nth-child(1)) .experience__titles{padding-top:10px}.experience__item:not(:nth-child(1)) .experience__icon{top:11px}.experience__item:not(:nth-child(1)):after{top:30px}.percent{margin-top:40px}.portfolio{padding-top:40px}.price{padding-top:40px}.price__wrapper{justify-content:center}.price .line_center{margin:21px auto 20px auto}.contacts{padding-bottom:50px}.contacts__wrapper{grid-template-columns:1fr}.contacts__photo{display:none}.contacts__form{grid-template-rows:45px 45px 190px auto}}@media(max-width:576px){.container{width:100%;padding:0 10px}.main-title{font-size:26px;line-height:39px;width:300px}.promo{background-image:url(../img/comp2.png);background-position:15% 100%}.promo__wrapper{margin-top:32px}.hamburger{right:20px}.menu__block{width:250px;padding-left:20px}.about .container{grid-template:340px/1fr}.about__ido{grid-template:repeat(3,minmax(116px,auto))/260px}.about__item{gap:24px}.experience .container{width:100%}.skills .line_center{margin:15px auto 20px auto}.price__wrapper{grid-template-columns:295px;row-gap:20px}.contacts__wrapper{grid-template-columns:300px}.contacts__triggers{width:219px;margin:0 auto}}