/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

@font-face{font-family:"Montserrat";src:url(fonts/montserrat-v23-latin_cyrillic-regular.woff2) format("woff2"),url(fonts/montserrat-v23-latin_cyrillic-regular.woff) format("woff")}html{scroll-behavior:smooth}*{font-family:"Poppins",sans-serif;margin:0;padding:0}.container{width:1140px;margin:0 auto}.divider{width:60px;height:3px;background-color:#ffa501;margin:25px auto 0 auto}p{margin:0}.promo{min-height:100vh;position:relative;background:url(b72a2d913da6c3d372e0.jpg) no-repeat 50%/cover;padding-top:205px;color:#fff}.promo__title{width:535px;margin-top:10px}.promo__btns{margin-top:25px;display:flex;width:250px;align-items:center;justify-content:space-between}.promo__link{color:#fff;font-weight:bold}.promo__link:hover{color:#fff;-webkit-text-decoration:none;text-decoration:none}.promo__subtitle{position:relative;padding-left:10px;z-index:2}.promo__subtitle:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.title{font-weight:bold;font-size:36px;line-height:60px}.title_fz14{font-size:14px;line-height:21px}.title_fz16{font-size:16px;line-height:24px}.title_fz20{font-size:20px;line-height:30px}.title_fz36{font-size:36px}.title_fz48{font-size:48px}.title__section-title{position:relative;text-align:center}.title__section-title:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.title__section-title:before{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.title__section-subtitle{text-align:center}.btn{height:20px;background-color:#ffa501;box-shadow:0px 4px 10px rgba(150,150,150,.5);padding:10px 25px 10px 25px}.sidepanel{position:absolute;top:230px;left:50px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:220px;width:25px;z-index:3}.sidepanel__divider{width:2px;height:70px;background-color:#fff}.sidepanel__text{color:#fff;width:150px;height:25px}.sidepanel__text span{-webkit-transform:rotate(-90deg) translate(-30%, -10%);transform:rotate(-90deg) translate(-30%, -10%);display:block;width:150px}.hamburger{position:absolute;top:20px;right:30px;height:21px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-end;cursor:pointer}.hamburger span{display:block;width:30px;height:3px;background:#fff}.hamburger span.long{width:36px}.menu{position:fixed;top:0;left:-100%;width:100%;height:100vh;z-index:10;visibility:hidden;opacity:0;transition:all .6s}.menu.active{left:0;visibility:visible;opacity:1}.menu__block{position:relative;width:345px;background-color:#ffa501;height:100%;padding-top:140px;padding-left:40px;transition:all .6s;z-index:10}.menu__close{position:absolute;top:25px;right:25px;cursor:pointer}.menu__list{list-style-type:none;padding-left:35px}.menu__link{position:relative;font-weight:bold;font-size:24px;line-height:36px;margin-bottom:15px}.menu__link:before{content:"";position:absolute;left:-35px;top:10px;width:15px;height:15px;border-radius:100%;border:1px solid #000;transition:all .6s}.menu__link:hover a{-webkit-text-decoration:none;text-decoration:none}.menu__link:hover:before{background-color:#fff}.menu__link a{color:#fff}.menu__social{position:absolute;bottom:50px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:90px;display:flex;justify-content:space-between;align-items:center}.menu__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#fff;opacity:.75}.about{padding-top:120px}.about__wrapper{display:grid;grid-template-columns:400px 670px;grid-template-rows:minmax(245px, auto) minmax(255px, auto);grid-auto-rows:minmax(245px, auto);grid-column-gap:70px;-webkit-column-gap:70px;column-gap:70px;grid-row-gap:40px;row-gap:40px}.about__photo{grid-row:1/3}.about__photo img{width:100%;height:100%;object-fit:cover}.about__descr{padding-top:6px}.about__descr .divider{margin:0}.about__title{position:relative;padding:1px 0 0 12px}.about__title:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.about__text{margin-top:20px;font-size:16px;line-height:24px;letter-spacing:.25px}.about__skills{display:grid;grid-template:repeat(2, minmax(115px, auto))/repeat(2, 260px);grid-auto-rows:1fr;grid-column-gap:50px;-webkit-column-gap:50px;column-gap:50px;grid-row-gap:20px;row-gap:20px}.about__skills-item{display:grid;grid-template-columns:40px 200px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px}.about__skills-circle{position:relative;padding:15px 0 0 15px}.about__skills-circle:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.about__skills-circle:before{top:0}.about__skills-text{margin-top:6px;font-size:14px;line-height:20px}.resume{padding-top:120px}.resume__title{position:relative;text-align:center}.resume__title:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.resume__title:before{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.resume__subtitle{text-align:center}.resume__wrapper{padding:60px 65px 0 65px;display:grid;grid-template-columns:repeat(2, 425px);grid-column-gap:135px;-webkit-column-gap:135px;column-gap:135px}.resume__column-title{position:relative;padding-left:35px}.resume__column-title:before{content:"";position:absolute;width:15px;height:15px;background:#ffa501;border-radius:100%;left:-7px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.resume__column ul{list-style-type:none}.resume__column ul li{position:relative}.resume__column ul li:after{content:"";width:1px;height:calc(100% + 16px);position:absolute;top:-16px;left:0;background-color:#000}.resume__item{position:relative}.resume__item:before{content:"";height:1px;width:45px;position:absolute;top:68px;background-color:#000}.resume__item-head{position:relative;padding:45px 0 0 100px}.resume__item-head h4{margin-bottom:0}.resume__item-body{padding-left:100px;margin-top:12px;font-size:16px}.resume__item-icon{position:absolute;top:50px;left:45px}.resume__item-icon:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.resume__item-icon img{position:absolute;left:17px;top:14px}.resume__item-location{font-size:12px;line-height:18px;margin-top:5px}.skills{padding-top:120px}.skills__items{margin-top:60px;padding:0 10px;display:grid;grid-template:repeat(2, minmax(270px, auto))/repeat(4, 270px);grid-auto-rows:minmax(270px, auto);grid-gap:13px;gap:13px}.skills__item{border:1px solid #000;padding:30px 30px 25px 30px}.skills__item-img{display:flex;align-items:center;min-height:65px}.skills__item h3{margin-top:20px;margin-bottom:0}.skills__item p{margin-top:15px;margin-bottom:0;font-size:12px;line-height:18px}.skills__ratings{margin-top:120px;display:grid;grid-template:repeat(2, minmax(70px, auto))/repeat(3, 350px);grid-column-gap:45px;-webkit-column-gap:45px;column-gap:45px;grid-row-gap:35px;row-gap:35px}.skills__ratings-item{display:grid;grid-template:minmax(21px, auto) 14px/200px 35px;justify-content:space-between;align-content:space-between}.skills__ratings-title{position:relative;padding:2px 0 0 13px}.skills__ratings-title:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.skills__ratings-counter{font-size:14px;line-height:21px}.skills__ratings-line{width:350px;height:14px;background-color:#e8e4de;border-radius:4px;grid-column:1/3}.skills__ratings-line span{display:block;height:100%;background-color:#ffa501;border-radius:4px}.portfolio{padding-top:120px}.portfolio__title{position:relative;text-align:center}.portfolio__title:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.portfolio__title:before{top:-6px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.portfolio__subtitle{text-align:center}.portfolio__wrapper{margin-top:60px;display:grid;grid-template:repeat(2, 280px)/repeat(4, 280px);grid-auto-rows:280px;grid-gap:5px;gap:5px}.portfolio__wrapper .vertical{grid-row:1/3;grid-column:4/5}.portfolio__wrapper .horizontal{grid-column:2/4;grid-row:2/3}.portfolio__item{transition:all .3s}.portfolio__item img{width:100%;height:100%;object-fit:cover}.portfolio__item:hover{-webkit-transform:scale(1.04);transform:scale(1.04);-webkit-filter:grayscale(100%);filter:grayscale(100%)}.price{padding-top:60px}.price__wrapper{margin-top:60px;padding:0 60px;display:grid;grid-template:repeat(3, minmax(45px, auto))/repeat(2, 365px);grid-auto-rows:minmax(45px, auto);grid-row-gap:15px;row-gap:15px;justify-content:space-between}.price__item{position:relative;display:grid;grid-template:repeat(2, minmax(21px, auto))/repeat(2, auto);grid-row-gap:5px;row-gap:5px;padding-left:25px}.price__item:before{content:"";width:15px;height:15px;background-color:#ffa501;border-radius:100%;position:absolute;top:5px}.price__type,.price__count{font-weight:bold;font-size:14px;line-height:21px}.price__count{justify-self:end}.price__descr{grid-column:1/3;font-size:12px;line-height:18px}.contacts{padding:120px 0 91px 0}.contacts__wrapper{padding:0 35px 0 52px;display:grid;grid-template-columns:400px 585px;justify-content:space-between}.contacts__photo img{width:100%;object-fit:cover}.contacts__descr{padding-top:6px}.contacts__descr .divider{margin:0}.contacts__title{position:relative;padding:1px 0 0 12px}.contacts__title:before{content:"";position:absolute;z-index:-1;top:-25%;left:0;width:36px;height:36px;border-radius:50%;background:#ffa501}.contacts__text,.contacts__social{margin-top:20px}.contacts__link{margin-right:25px}.contacts__link img{max-width:30px;max-height:30px}.contacts__form{margin-top:30px;display:grid;grid-template:45px 190px 45px/repeat(2, 280px);justify-content:space-between;grid-row-gap:28px;row-gap:28px}.contacts__form label{display:block;position:absolute;height:18px;padding:0 8px;background-color:#fff;font-size:12px;margin-bottom:0;top:-9px;left:12px}.contacts__triggers{grid-column:1/3;display:grid;grid-template-columns:repeat(2, auto);grid-column-gap:35px;-webkit-column-gap:35px;column-gap:35px}.contacts__policy{font-size:12px;line-height:14px;display:flex;align-items:center}.contacts__policy input{margin-right:10px}.contacts__input{position:relative;margin-right:15px}.contacts__input input{width:100%;height:100%;padding:10 20px;font-size:12px}.contacts__textarea{position:relative;grid-column:1/3;margin-bottom:25px}.contacts__textarea textarea{width:100%;height:100%;resize:none;padding:20px;font-size:12px}.contacts__btn{border:none;font-weight:700;font-size:14px;line-height:21px;height:50px}.pageup{display:none;position:fixed;bottom:40px;right:40px;width:60px;height:60px}.pageup img{width:100%}@media (max-width: 1439px){.sidepanel{display:none}}@media (max-width: 1200px){.container{max-width:960px}.about__wrapper{grid-template-columns:400px 520px;-webkit-column-gap:40px;column-gap:40px}.about__skills{-webkit-column-gap:20px;column-gap:20px;grid-template:repeat(2, minmax(115px, auto))/repeat(2, 250px)}.about__skills-item{grid-template-columns:40px 195px;-webkit-column-gap:15px;column-gap:15px}.resume__wrapper{padding:40px 20px 0 20px;-webkit-column-gap:80px;column-gap:80px}.skills__items{grid-template-columns:repeat(auto-fit, 270px);justify-content:space-between}.skills__ratings{grid-template-columns:repeat(auto-fit, 350px);grid-auto-rows:minmax(70px, auto);justify-content:space-between;padding:0 30px}.portfolio__wrapper{grid-template-columns:repeat(auto-fit, 280px);grid-auto-rows:280px;justify-content:space-around;row-gap:35px}.portfolio__wrapper .horizonal,.portfolio__wrapper .vertical{grid-row:unset;grid-column:unset}.contacts__wrapper{padding:0;grid-template-columns:400px 520px}.contacts__form{grid-template:45px 190px 45px/repeat(2, 250px)}}@media (max-width: 992px){.container{max-width:720px}.title_fz36{font-size:30px;line-height:42px;margin-top:26px}.divider{margin:15px auto 0 auto}.about__wrapper{grid-template-columns:300px 380px}.about__skills{grid-template-columns:380px;grid-auto-rows:minmax(115px, auto)}.about__skills-item{grid-template-columns:40px 320px;-webkit-column-gap:20px;column-gap:20px}.resume__wrapper{-webkit-column-gap:60px;column-gap:60px;grid-template-columns:repeat(2, 320px)}.skills__items{padding:0 20px}.skills__ratings{grid-template-columns:repeat(auto-fit, 320px);justify-content:space-between;padding:0;-webkit-column-gap:0;column-gap:0}.skills__ratings-line{width:100%}.price__wrapper{grid-template-columns:repeat(auto-fit, 350px);padding:0}.contacts__wrapper{grid-template-columns:300px 400px}.contacts__form{grid-template:45px 190px 45px/repeat(2, 195px)}.contacts__btn{padding:8px 25px;line-height:16px}}@media (max-width: 768px){.container{max-width:540px}.title_fz48{font-size:28px}.promo__title{line-height:39px;width:300px}.about{padding-top:40px}.about__wrapper{grid-template:400px auto auto/1fr}.about__photo{grid-row:unset}.about__skills{grid-template-columns:repeat(2, 260px)}.about__skills-item{grid-template-columns:40px 200px;-webkit-column-gap:20px;column-gap:20px}.resume{padding-top:40px}.resume__wrapper{grid-template-columns:1fr;-webkit-column-gap:60px;column-gap:60px;row-gap:40px}.skills{padding-top:40px}.skills__items{padding:0;justify-content:center;gap:20px}.skills__ratings{grid-template-columns:repeat(auto-fit, 320px);grid-auto-rows:minmax(70px, auto);justify-content:center;margin-top:40px}.skills__ratings-line{width:100%}.portfolio{padding-top:40px}.price{padding-top:40px}.price__wrapper{margin-top:20px;justify-content:center}.contacts{padding-top:40px}.contacts__photo{display:none}.contacts__wrapper{grid-template-columns:1fr}.contacts__form{grid-template:45px 190px 45px/repeat(2, 250px)}}@media (max-width: 576px){.container{width:100%;padding:0 10px}.title_fz48{font-size:26px}.title_fz36{font-size:24px;line-height:36px}.hamburger{right:20px}.menu{height:100vh}.menu__link{font-size:18px}.menu__block{width:250px;padding-left:20px}.promo{background:url(b72a2d913da6c3d372e0.jpg) no-repeat 57%/cover;padding:205px 10px 0 15px}.promo__btns{margin-top:30px}.about__wrapper{grid-template:340px auto auto/1fr;padding:40px 10px}.about__skills{grid-template-columns:1fr}.resume__wrapper{padding:40px 10px 0 10px}.skills__items{margin-top:20px}.skills__ratings{grid-template-columns:repeat(auto-fit, 300px)}.price__wrapper{grid-template-columns:repeat(auto-fit, 295px)}.portfolio{padding:80px 20px 0 20px}.portfolio__wrapper{display:block}.portfolio__wrapper a img{margin-bottom:15px}.contacts{padding-bottom:50px}.contacts__form{grid-template:45px 45px 190px minmax(45px, auto)/1fr}.contacts__textarea{grid-column:unset;width:100%}.contacts__triggers{grid-column:unset;grid-template-columns:1fr;-webkit-column-gap:normal;column-gap:normal;-webkit-column-gap:initial;column-gap:initial;row-gap:20px}.contacts__btn{order:2;max-width:220px;margin:0 auto}.contacts__policy{width:180px;margin:0 auto;line-height:18px}}