@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);
/*! 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;
}

html{font-size:10px}body{background-color:#232326;font-family:"Inter",sans-serif;color:#f3f2f0;overflow-x:hidden}.container{max-width:1140px;margin:0 auto;padding-left:15px;padding-right:15px}@media(max-width: 1100px){.container{max-width:900px}}@media(max-width: 1000px){.container{max-width:738px}}@media(max-width: 768px){.container{max-width:600px}}@media(max-width: 500px){.container{max-width:357px}}@media(max-width: 400px){.container{padding-left:10px;padding-right:10px}}@media(max-width: 360px){.container{padding-left:5px;padding-right:5px}}header{position:sticky;width:100%;top:0;background-color:#232326;z-index:2}.header{--duration: .85s;--array-2: 100px;display:flex;justify-content:space-between;padding-top:4rem;padding-bottom:2.3rem;width:100%}@media(max-width: 800px){.header{padding-top:2rem;padding-bottom:.3rem}}@media(max-width: 500px){.header{gap:19.1rem;padding-top:8px}}@media(max-width: 400px){.header{gap:15rem}}@media(max-width: 360px){.header{gap:5vw;justify-content:space-between}}.header__navigation{flex-basis:50%}@media(max-width: 1100px){.header__navigation{flex-basis:60%}}@media(max-width: 768px){.header__navigation{display:none}}.header__nav{display:flex;padding-left:0;gap:2.84rem}@media(max-width: 1000px){.header__nav{gap:1.4rem}}.header__item{list-style-type:none}.header__item_tel{list-style-type:none;position:relative}.header__item_tel::after{content:"";height:2.4rem;border:1px solid #f3f2f0;position:absolute;top:-1px;right:-13px}@media(max-width: 768px){.header__item_tel::after{display:none}}.header__item_mail{list-style-type:none}.header__link{font-size:1.4rem;line-height:2.1rem;color:#f3f2f0;text-decoration:none;transition:.3s}.header__link:hover{color:#d40000}.header__info{display:flex;padding-left:0;flex-basis:30%;justify-content:flex-end;gap:2.5rem;margin-top:1.2rem;letter-spacing:.06px}@media(max-width: 1100px){.header__info{flex-basis:40%}}@media(max-width: 768px){.header__info{justify-content:flex-start;flex-basis:content;gap:1rem}}.header__tel{font-size:1.4rem;line-height:2.1rem;color:#f3f2f0;text-decoration:none;transition:.3s}.header__tel:hover{color:#d40000}.header__mail{font-size:1.4rem;line-height:2.1rem;color:#f3f2f0;text-decoration:none;transition:.3s}.header__mail:hover{color:#d40000}@media(max-width: 768px){.header__mail{display:none}}.header__burger-btn{--color: white;width:36px;height:36px;padding:0;margin:5px 0 0 0;outline:none;position:relative;border:none;background:none;cursor:pointer;display:none;z-index:600;-webkit-appearence:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media(max-width: 768px){.header__burger-btn{display:block}}.header__burger-btn svg{width:64px;height:48px;top:-6px;left:-14px;stroke:var(--color);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;fill:none;display:block;position:absolute}.header__burger-btn svg path{transition:stroke-dasharray var(--duration) var(--easing, ease) var(--delay, 0s),stroke-dashoffset var(--duration) var(--easing, ease) var(--delay, 0s);stroke-dasharray:var(--array-1, 26px) var(--array-2);stroke-dashoffset:var(--offset, 126px);transform:translateZ(0)}.header__burger-btn svg path:nth-child(2){--duration: .7s;--easing: ease-in;--offset: 100px;--array-2: 74px}.header__burger-btn svg path:nth-child(3){--offset: 133px;--array-2: 107px}.header__burger-btn.header__burger-btn_active svg path{--offset: 57px}.header__burger-btn.header__burger-btn_active svg path:nth-child(1),.header .header__burger-btn.header__burger-btn_active svg path:nth-child(3){--delay: .15s;--easing: cubic-bezier(.2, .4, .2, 1.1)}.header__burger-btn.header__burger-btn_active svg path:nth-child(2){--duration: .4s;--offset: 2px;--array-1: 1px}.header__burger-btn.header__burger-btn_active svg path:nth-child(3){--offset: 58px}.main{margin-top:27px}@media(max-width: 1000px){.main{margin-top:100px}}@media(max-width: 800px){.main{margin-top:28px}}.main__info{margin-bottom:90px}@media(max-width: 1400px){.main__info{margin-bottom:0}}.main__bg{margin-bottom:12.2rem}@media(max-width: 1350px){.main__bg{margin-bottom:8.2rem}}@media(max-width: 1280px){.main__bg{margin-bottom:4.2rem}}@media(max-width: 500px){.main__bg{margin-bottom:6.5rem}}.main__cover{max-width:1140px;height:310px;position:relative}@media(max-width: 1200px){.main__cover{max-width:1049px;height:280px;margin:0 auto}}@media(max-width: 1100px){.main__cover{max-width:1073px;height:264px}}@media(max-width: 1000px){.main__cover{max-width:753px;height:200px}}@media(max-width: 800px){.main__cover{height:150px}}@media(max-width: 500px){.main__cover{width:340px;height:215px}}@media(max-width: 400px){.main__cover{width:300px}}.main__photo{width:100%;height:100%;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit:contain}@media(max-width: 500px){.main__photo{object-fit:cover}}.main__header{margin-bottom:10rem}@media(max-width: 1280px){.main__header{margin-bottom:8rem}}@media(max-width: 500px){.main__header{margin-bottom:10rem}}.main__header_h2{font-size:2.8rem;font-weight:400;position:relative}@media(max-width: 1280px){.main__header_h2{font-size:2rem}}@media(max-width: 768px){.main__header_h2{font-size:1.8rem}}@media(max-width: 500px){.main__header_h2{margin-bottom:2.4rem}}.main__header_h2::before{content:" ";width:253px;height:253px;background-color:#d40000;border-radius:100%;position:absolute;top:-62px;left:-127px;z-index:-1}@media(max-width: 1500px){.main__header_h2::before{width:220px;height:220px}}@media(max-width: 1400px){.main__header_h2::before{width:210px;height:210px;top:-21px;left:-74px}}@media(max-width: 1280px){.main__header_h2::before{width:150px;height:150px;left:-44px}}@media(max-width: 500px){.main__header_h2::before{width:135px;height:135px;left:-52px;top:-28px}}.main__header_h2::after{content:" ";display:block;width:76px;height:95px;background-image:url(../images/ab9f53401767be0afedf.svg);background-repeat:no-repeat;position:absolute;top:-24px;left:-150px}@media(max-width: 1500px){.main__header_h2::after{top:102px;left:-113px}}@media(max-width: 1400px){.main__header_h2::after{top:147px;left:-59px}}@media(max-width: 1280px){.main__header_h2::after{top:120px;left:-11px;background-size:51px 45px}}@media(max-width: 800px){.main__header_h2::after{top:100px;left:-11px;background-size:51px 34px}}@media(max-width: 500px){.main__header_h2::after{top:99px;left:-10px;background-size:55px 28px}}.main-grid__header{display:grid;grid-template-columns:repeat(4, 1fr);gap:1rem;padding-bottom:5.5rem}@media(max-width: 500px){.main-grid__header{padding-bottom:3.7rem}}.main-grid__item-title{font-size:1.6rem;font-weight:700;letter-spacing:.03rem;text-transform:uppercase}@media(max-width: 500px){.main-grid__item-title{font-size:1.2rem;margin:12px 0}}.main-grid__item-text{font-size:1.4rem;line-height:2.1rem;opacity:.8;max-width:250px}@media(max-width: 500px){.main-grid__item-text{font-size:1rem}}.main-grid__item-1{grid-column:1/2;grid-row:1/2}@media(max-width: 1000px){.main-grid__item-1{grid-column:1/3}}@media(max-width: 500px){.main-grid__item-1{grid-column:1/4}}.main-grid__item-2{grid-column:4/5;grid-row:1/2}.main-grid__link-vk{position:relative}.main-grid__link-vk::after{content:"";height:2.4rem;border:1px solid rgba(243,242,240,.5);position:absolute;top:1px;right:-31px;pointer-events:none}@media(max-width: 768px){.main-grid__link-vk::after{height:1.7rem}}@media(max-width: 500px){.main-grid__link-vk::after{top:0;right:-13px;height:1.5rem}}.main-grid__link-inst{position:relative}.main-grid__link-inst::after{content:"";height:2.4rem;border:1px solid rgba(243,242,240,.5);position:absolute;top:1px;right:-31px;pointer-events:none}@media(max-width: 768px){.main-grid__link-inst::after{height:1.7rem}}@media(max-width: 500px){.main-grid__link-inst::after{top:0;right:-13px;height:1.5rem}}.main-grid__social{display:flex;justify-content:flex-end;padding-left:0;gap:56px;margin:0;position:relative}@media(max-width: 500px){.main-grid__social{gap:20px}}.main-grid__social::after{content:"";width:10.6rem;height:10.6rem;background-color:#d40000;position:absolute;top:-39px;right:39px;border-radius:100%;z-index:-1}@media(max-width: 500px){.main-grid__social::after{width:6rem;height:6rem;top:-24px;right:26px}}@media(max-width: 400px){.main-grid__social::after{top:-23px;right:37px}}.main-grid__social-item{list-style-type:none}.main-grid__social-link{font-size:1.6rem;color:#f3f2f0;text-decoration:none;text-transform:capitalize;transition:.3s}.main-grid__social-link:hover{color:#d40000;text-shadow:#232326 1px 1px 1px}@media(max-width: 768px){.main-grid__social-link{font-size:1.2rem}}.main-grid__items{display:grid;grid-template-columns:repeat(4, 1fr);gap:4rem;padding-top:50px;padding-bottom:50px}@media(max-width: 1280px){.main-grid__items{padding-bottom:20px}}@media(max-width: 1200px){.main-grid__items{gap:1.5rem}}@media(max-width: 1100px){.main-grid__items{gap:0}}@media(max-width: 1000px){.main-grid__items{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr);padding-top:27px;padding-bottom:0}}@media(max-width: 500px){.main-grid__items{padding-top:30px}}.main-grid__item-3{grid-column:1/2}@media(max-width: 1000px){.main-grid__item-3{grid-column:1/2;grid-row:1/2}}.main-grid__item-4{grid-column:2/3}@media(max-width: 1000px){.main-grid__item-4{grid-column:2/3;grid-row:1/2}}.main-grid__item-5{grid-column:3/4}@media(max-width: 1000px){.main-grid__item-5{grid-column:1/2;grid-row:2/3}}.main-grid__item-6{grid-column:4/5}@media(max-width: 1000px){.main-grid__item-6{grid-column:2/3;grid-row:2/3}}.about{padding-bottom:142px}@media(max-width: 1400px){.about{padding-bottom:80px}}@media(max-width: 1000px){.about{padding-top:55px}}@media(max-width: 500px){.about{padding-top:45px;padding-bottom:60px}}@media(max-width: 360px){.about{padding-top:5px}}.about-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem;margin-bottom:3rem}@media(max-width: 1350px){.about-grid{margin-bottom:0}}@media(max-width: 900px){.about-grid{grid-template-rows:50px 160px}}@media(max-width: 500px){.about-grid{gap:0;grid-template-rows:50px 150px}}.about-grid__title{font-size:2.8rem;font-weight:700;text-transform:uppercase;margin-top:3.2rem;letter-spacing:.07rem}@media(max-width: 1000px){.about-grid__title{margin-top:2.2rem}}@media(max-width: 900px){.about-grid__title{margin-bottom:0}}@media(max-width: 500px){.about-grid__title{font-size:1.6rem}}.about-grid__description{font-size:2.8rem;line-height:4.2rem;font-weight:400;max-width:560px}@media(max-width: 1100px){.about-grid__description{width:100%}}@media(max-width: 1000px){.about-grid__description{font-size:1.8rem;line-height:3.2rem}}@media(max-width: 500px){.about-grid__description{font-size:1.6rem;line-height:23px}}.about-grid__item-1{grid-column:1/2}@media(max-width: 900px){.about-grid__item-1{font-size:2rem;grid-column:1/4;grid-row:1/2}}.about-grid__item-2{grid-column:3/5}@media(max-width: 1100px){.about-grid__item-2{grid-column:2/5}}@media(max-width: 900px){.about-grid__item-2{grid-column:1/4;grid-row:2/3}}@media(max-width: 768px){.about-grid__item-2{grid-column:1/5}}.about__bottom{padding-bottom:12.6rem;padding-top:4.4rem}@media(max-width: 1400px){.about__bottom{padding-bottom:1.4rem;padding-top:1.4rem}}@media(max-width: 500px){.about__bottom{padding-bottom:5rem;padding-top:2rem}}@media(max-width: 360px){.about__bottom{padding-bottom:4.5rem}}.about__bottom-grid{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:repeat(2, 1fr);gap:31px 50px}@media(max-width: 1350px){.about__bottom-grid{gap:0 40px}}@media(max-width: 1000px){.about__bottom-grid{grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(2, 1fr)}}@media(max-width: 500px){.about__bottom-grid{gap:0}}.about__bottom-grid__item-1{grid-column:3/4;grid-row:1/2}@media(max-width: 1000px){.about__bottom-grid__item-1{grid-column:1/2;grid-row:1/2}}.about__bottom-grid__item-2{grid-column:4/5;grid-row:1/2}@media(max-width: 1000px){.about__bottom-grid__item-2{grid-column:2/3;grid-row:1/2}}.about__bottom-grid__item-3{grid-column:3/4;grid-row:2/3}@media(max-width: 1000px){.about__bottom-grid__item-3{grid-column:1/2;grid-row:2/3}}.about__bottom-grid__item-4{grid-column:4/5;grid-row:2/3}@media(max-width: 1000px){.about__bottom-grid__item-4{grid-column:2/3;grid-row:2/3}}.about__bottom_title{font-size:1.6rem;line-height:3.2rem;font-weight:700}@media(max-width: 500px){.about__bottom_title{font-size:1.2rem}}.about__bottom_desc{font-size:1.4rem;line-height:2.1rem;opacity:.8;max-width:270px}@media(max-width: 500px){.about__bottom_desc{max-width:137px;font-size:1rem;line-height:1.5rem}}.about__order_title{font-size:2.8rem;line-height:4.2rem;font-weight:400;margin:3rem 0 2.8rem 0}@media(max-width: 900px){.about__order_title{font-size:1.6rem}}@media(max-width: 500px){.about__order_title{margin:17px 0;line-height:24px}}@media(max-width: 360px){.about__order_title{font-size:1.4rem}}.about__order_number{padding-right:3.3rem}@media(max-width: 1000px){.about__order_number{padding-right:1.2rem}}@media(max-width: 500px){.about__order_number{padding-right:.5rem}}.about__order_desc{font-size:1.6rem;opacity:.8;line-height:150%}@media(max-width: 900px){.about__order_desc{font-size:1.2rem}}@media(max-width: 360px){.about__order_desc{margin:0}}.about__order-grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:2rem}@media(max-width: 500px){.about__order-grid{gap:0}}.about__order-grid__item-1{grid-column:1/3}.about__order-grid__item-2{grid-column:3/5;display:flex;align-items:center}.line{margin:0;width:100%;border:1px solid #f3f2f0}.btn{font-size:1.6rem;font-weight:700;line-height:2.4rem;background-color:inherit;border:none;align-items:center;color:#f3f2f0;background-image:url(../images/a74a5f92284853fc5b9f.svg);background-repeat:no-repeat;background-position:center right;padding-right:3.3rem;padding-left:0;cursor:pointer;transition-timing-function:ease-out;position:relative}.btn::after{content:"";width:1px;height:2px;background-color:#f3f2f0;display:block;opacity:0;position:absolute;bottom:-10px;left:0;transition:.5s}.btn:hover::after{opacity:1;width:171px}@media(max-width: 768px){.btn:hover::after{width:136px}}@media(max-width: 500px){.btn:hover::after{width:119px}}@media(max-width: 768px){.btn{font-size:1.2rem}}@media(max-width: 500px){.btn{line-height:1.8rem;padding-right:17px;background-size:10px}}.title{font-size:7.4rem;font-weight:700;text-transform:uppercase;letter-spacing:.23rem;margin-top:39px}@media(max-width: 1280px){.title{margin-top:18px;font-size:6rem}}@media(max-width: 1000px){.title{font-size:5rem}}@media(max-width: 800px){.title{font-size:2.8rem}}@media(max-width: 500px){.title{font-size:2.8rem;letter-spacing:.1rem}}@media(max-width: 360px){.title{font-size:2.4rem}}.portfolio{margin-bottom:100px;position:relative}@media(max-width: 1400px){.portfolio{margin-bottom:50px}}@media(max-width: 500px){.portfolio{margin-bottom:78px}}.portfolio__catalog-text{margin-bottom:27px}.portfolio::before{content:"";width:100%;height:901px;position:absolute;top:228px;left:0;right:0;background:linear-gradient(180deg, #151416 0%, rgba(20, 20, 22, 0) 100%);z-index:-2}@media(max-width: 1000px){.portfolio::before{top:143px}}@media(max-width: 500px){.portfolio::before{top:103px}}.portfolio__main-title{font-size:7.4rem;font-weight:700;text-transform:uppercase;margin:40px 0 206px 0;position:relative}@media(max-width: 1280px){.portfolio__main-title{font-size:6rem;margin:40px 0 179px 0}}@media(max-width: 1000px){.portfolio__main-title{font-size:5rem;margin:21px 0 112px 0}}@media(max-width: 500px){.portfolio__main-title{font-size:2.8rem;margin:21px 0 100px 0}}.portfolio__main-title::after{content:"";width:465px;height:465px;display:block;border-radius:100%;background-color:#d40000;position:absolute;top:-94px;left:348px;z-index:-1}@media(max-width: 1200px){.portfolio__main-title::after{width:399px;height:400px;top:-104px;left:301px}}@media(max-width: 1000px){.portfolio__main-title::after{width:250px;height:250px;top:-80px;left:268px}}@media(max-width: 500px){.portfolio__main-title::after{width:197px;height:197px;top:-35px;left:145px}}@media(max-width: 360px){.portfolio__main-title::after{left:122px}}.portfolio-grid{display:grid;grid-template-columns:repeat(4, 1fr);margin:60px 0;gap:1.6rem}@media(max-width: 1280px){.portfolio-grid{gap:0}}@media(max-width: 1000px){.portfolio-grid{margin:30px 0}}@media(max-width: 768px){.portfolio-grid{grid-template-columns:repeat(1, 1fr);grid-template-rows:repeat(2, 1fr)}}@media(max-width: 500px){.portfolio-grid{margin:30px 0 25px 0}}.portfolio-grid__item-1{grid-column:1/3}@media(max-width: 768px){.portfolio-grid__item-1{grid-column:1/2}}.portfolio-grid__item-2{grid-column:3/5}@media(max-width: 768px){.portfolio-grid__item-2{grid-column:1/2}}.portfolio__cover{max-width:560px;height:315px;position:relative;overflow:hidden}@media(max-width: 500px){.portfolio__cover{max-width:340px;width:100%;height:190px}}.portfolio__cover-img{width:100%;height:315px;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit:cover}@media(max-width: 1000px){.portfolio__cover-img{object-fit:contain}}@media(max-width: 500px){.portfolio__cover-img{height:190px}}.portfolio__title{font-size:2.8rem;line-height:4.2rem;font-weight:700;margin:40px 0}@media(max-width: 500px){.portfolio__title{font-size:1.6rem;margin:0}}.portfolio__list{padding-left:0}@media(max-width: 500px){.portfolio__list{margin-bottom:0}}.portfolio__list-item{font-size:1.6rem;line-height:2.4rem;font-weight:400;list-style-type:none;opacity:.8;height:3.4rem}@media(max-width: 500px){.portfolio__list-item{font-size:1.2rem;line-height:10px;margin-bottom:0}}.portfolio__desc{font-size:1.6rem;line-height:2.4rem;font-weight:700;opacity:.8;margin:30px 0}@media(max-width: 500px){.portfolio__desc{font-size:1.2rem;margin:0}}.more{margin-bottom:153px}@media(max-width: 1400px){.more{margin-bottom:53px}}.more__description{max-width:870px;font-size:2.8rem;line-height:4.2rem;margin-top:178px;margin-bottom:78px}@media(max-width: 1400px){.more__description{margin-top:0;margin-bottom:50px}}@media(max-width: 900px){.more__description{font-size:2rem}}@media(max-width: 500px){.more__description{font-size:1.6rem;max-width:320px;line-height:2.4rem;margin-bottom:38px}}.more-grid{display:grid;grid-template-columns:repeat(3, 1fr);grid-template-rows:repeat(2, 1fr);margin-top:50px;gap:33px 23px;margin-bottom:164px}@media(max-width: 1350px){.more-grid{margin-bottom:60px}}@media(max-width: 1100px){.more-grid{gap:23px 10px}}@media(max-width: 1000px){.more-grid{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 768px){.more-grid{grid-template-columns:repeat(1, 1fr)}}@media(max-width: 500px){.more-grid{margin-top:10px;gap:0}}.more-grid__item{background-repeat:no-repeat;display:flex;gap:40px}@media(max-width: 1200px){.more-grid__item{gap:10px}}@media(max-width: 768px){.more-grid__item{gap:40px}}@media(max-width: 500px){.more-grid__item{gap:30px}}@media(max-width: 400px){.more-grid__item{gap:15px}}.more-grid__item::before{content:"";display:block;width:40px;height:40px;margin:auto 0}.more-grid__item-1::before{content:"";display:block;width:40px;height:40px;margin:auto 0;background-image:url(../images/42331af5adb5351083ed.svg);background-size:40px 40px;background-repeat:no-repeat}@media(max-width: 500px){.more-grid__item-1::before{background-size:30px 30px}}.more-grid__item-2::before{content:"";display:block;width:40px;height:40px;margin:auto 0;background-image:url(../images/34d2ecc67c2909fb6c82.svg);background-size:40px 40px;background-repeat:no-repeat}@media(max-width: 500px){.more-grid__item-2::before{background-size:30px 30px}}.more-grid__item-3::before{content:"";display:block;width:40px;height:40px;margin:auto 0;background-image:url(../images/16365cd12d4bfd4fbb56.svg);background-size:40px 40px;background-repeat:no-repeat}@media(max-width: 500px){.more-grid__item-3::before{background-size:30px 30px}}.more-grid__item-4::before{content:"";display:block;width:40px;height:40px;margin:auto 0;background-image:url(../images/759ff08c947cd977617a.svg);background-size:40px 40px;background-repeat:no-repeat}@media(max-width: 500px){.more-grid__item-4::before{background-size:30px 30px}}.more-grid__item-5::before{content:"";display:block;width:40px;height:40px;margin:auto 0;background-image:url(../images/f1ef7820ba79634732f6.svg);background-size:40px 40px;background-repeat:no-repeat}@media(max-width: 500px){.more-grid__item-5::before{background-size:30px 30px}}.more-grid__item-6::before{content:"";display:block;width:40px;height:40px;margin:auto 0;background-image:url(../images/a2429eee20343ccac4cf.svg);background-size:40px 40px;background-repeat:no-repeat}@media(max-width: 500px){.more-grid__item-6::before{background-size:30px 30px}}.more-grid__title{font-size:1.6rem;line-height:1.9rem;font-weight:600;margin:28px 0 10px 0}@media(max-width: 500px){.more-grid__title{font-size:1.2rem;margin:23px 0 10px 0}}.more-grid__desc{font-size:1.4rem;line-height:2.1rem;opacity:.8;max-width:228px}@media(max-width: 768px){.more-grid__desc{max-width:100%}}@media(max-width: 500px){.more-grid__desc{font-size:1.2rem;max-width:250px;margin-bottom:0}}.more-technology__tooltip{max-width:232px;color:rgba(243,242,240,.8);position:absolute;bottom:-85px;left:25px;font-size:1rem;line-height:1.5rem;text-align:center;padding:3.3rem 0;background-color:#d40000;background-repeat:no-repeat;z-index:1;opacity:0;visibility:hidden;transition:.55s opacity,.55s visibility}.more-technology__tooltip::before{content:"";border:10px solid rgba(0,0,0,0);border-bottom:10px solid #d40000;position:absolute;top:-12%;left:50%;transform:translate(-50%)}@media(max-width: 1100px){.more-technology__tooltip{left:0}}@media(max-width: 800px){.more-technology__tooltip{display:none}}.more-technology__link{display:block;width:105px;height:86px;background-repeat:no-repeat;background-position:center;margin:0 auto;filter:grayscale(1);transition:.3s}@media(max-width: 500px){.more-technology__link{width:75px;height:66px}}@media(max-width: 360px){.more-technology__link{width:66px}}.more-technology__link:hover .more-technology__tooltip{visibility:visible;transition:.3s;bottom:-100px}.more-technology__link_html{background-image:url(../images/a35cc4e9a316a2328cdb.svg);background-size:77px 84px}@media(max-width: 768px){.more-technology__link_html{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_html{background-size:25px 25px}}.more-technology__link_css{background-image:url(../images/a3a41740f5a56df95555.svg);background-size:82px 85px}@media(max-width: 768px){.more-technology__link_css{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_css{background-size:21px 23px}}.more-technology__link_js{background-image:url(../images/e7bd6355da218f461ea5.svg);background-size:82px 75px}@media(max-width: 768px){.more-technology__link_js{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_js{background-size:22px 22px}}.more-technology__link_jquery{background-image:url(../images/1b3a4c5260baa568ee52.svg);background-size:76px 82px}@media(max-width: 768px){.more-technology__link_jquery{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_jquery{background-size:23px 23px}}.more-technology__link_bootstrap{background-image:url(../images/3f6d3d3f88fa9af3c49c.svg);background-size:72px 72px;background-position:center}@media(max-width: 768px){.more-technology__link_bootstrap{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_bootstrap{background-size:22px 22px}}.more-technology__link_php{background-image:url(../images/1f480b7075e85ca4e58e.svg);background-size:103px 80px}@media(max-width: 768px){.more-technology__link_php{background-size:75px 50px}}@media(max-width: 500px){.more-technology__link_php{background-size:32px 17px}}.more-technology__link_vue-js{background-image:url(../images/17512728325968a3c7ff.svg);background-size:81px 70px;background-position:center}@media(max-width: 768px){.more-technology__link_vue-js{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_vue-js{background-size:27px 22px}}.more-technology__link_wordpress{background-image:url(../images/6727bf31d7f3980a601b.svg);background-size:74px 74px}@media(max-width: 768px){.more-technology__link_wordpress{background-size:50px 50px}}@media(max-width: 500px){.more-technology__link_wordpress{background-size:23px 23px}}.more-technology-grid{padding-left:0;display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:14.7rem 14.7rem;margin-bottom:100px}@media(max-width: 1280px){.more-technology-grid{margin-bottom:45px}}@media(max-width: 768px){.more-technology-grid{grid-template-rows:10.7rem 10.7rem}}@media(max-width: 500px){.more-technology-grid{grid-template-rows:4.5rem 4.5rem;padding:0 10px}}.more-technology-grid__item{list-style-type:none;border:1px solid rgba(243,242,240,.5);display:flex;align-items:center;position:relative}.more-technology-grid__item:hover .more-technology__tooltip{visibility:visible;opacity:1;transition:.3s ease 0s;bottom:-120px}.more-technology-grid__item:hover .more-technology__link{filter:grayscale(0)}.price__header{display:flex;justify-content:space-between;margin-bottom:50px}@media(max-width: 768px){.price__header{flex-direction:column}}@media(max-width: 500px){.price__header{margin-bottom:25px}}.price__header_title{font-size:2.8rem;font-weight:700;text-transform:uppercase;position:relative;letter-spacing:.09rem;margin-top:3.3rem}.price__header_title::before{content:"";width:140px;height:140px;display:block;background-color:#d40000;border-radius:100%;position:absolute;top:-54px;right:59px;z-index:-1}@media(max-width: 768px){.price__header_title::before{right:0;left:-73px}}@media(max-width: 500px){.price__header_title::before{width:138px;height:138px;top:-60px;left:-80px}}@media(max-width: 900px){.price__header_title{font-size:2rem}}@media(max-width: 500px){.price__header_title{font-size:1.6rem;margin-top:2.6rem;margin-bottom:2.3rem}}.price__header_desc{font-size:2.8rem;line-height:4.2rem;font-weight:400;opacity:.8;max-width:559px}@media(max-width: 1000px){.price__header_desc{font-size:2rem;line-height:3.2rem}}@media(max-width: 500px){.price__header_desc{font-size:1.6rem;margin:0;opacity:.8;line-height:2.5rem}}.price-grid{display:grid;grid-template-columns:repeat(4, 1fr);margin-top:36px;margin-bottom:16px;gap:1.6rem}@media(max-width: 500px){.price-grid:last-child{border-bottom:1px solid;padding-bottom:2.6rem}}@media(max-width: 1500px){.price-grid{margin:0 0 27px 0}}@media(max-width: 500px){.price-grid{margin:25px 0 36px 0}}@media(max-width: 400px){.price-grid{margin:25px 0 29px 0;gap:0}}.price-grid__item-1{grid-column:1/3}.price-grid__item-2{grid-column:3/5}.price-grid__title{font-size:2.8rem;line-height:4.2rem;font-weight:400;letter-spacing:.04rem}@media(max-width: 768px){.price-grid__title{font-size:1.6rem}}@media(max-width: 500px){.price-grid__title{line-height:25px;margin-bottom:2.1rem;max-width:113px}}.price-grid__desc{font-size:1.6rem;margin-bottom:76px}@media(max-width: 1000px){.price-grid__desc{margin-bottom:54px}}@media(max-width: 768px){.price-grid__desc{font-size:1rem}}@media(max-width: 500px){.price-grid__desc{margin-bottom:15px;max-width:111px;line-height:1.4rem}}.price-grid__topic{font-size:1.6rem;line-height:2.4rem;font-weight:700;margin:23px 0 19px 0}@media(max-width: 500px){.price-grid__topic{font-size:1.2rem;margin:12px 0 12px 0}}.price-grid__list{list-style-type:none;padding-left:0}.price-grid__list-item{font-size:1.6rem;line-height:3.2rem;display:flex;align-items:center;gap:1.2rem;opacity:.8}.price-grid__list-item::before{content:"";width:4px;height:4px;display:block;border-radius:100%;background-color:#f3f2f0}@media(max-width: 500px){.price-grid__list-item::before{width:2px;height:2px}}@media(max-width: 500px){.price-grid__list-item{font-size:1.2rem;line-height:2.4rem;gap:5px}}.price-grid__cost{font-size:4.2rem;font-weight:700;line-height:6.3rem;position:relative}@media(max-width: 1280px){.price-grid__cost{font-size:3.2rem}}@media(max-width: 1000px){.price-grid__cost{margin-bottom:0;font-size:2.8rem}}@media(max-width: 500px){.price-grid__cost{font-size:2.2rem;line-height:3.3rem}}.price-grid__cost_before::before{content:"";width:90px;height:90px;display:block;background-color:#d40000;border-radius:100%;z-index:-1;position:absolute;top:-13px;left:-45px}@media(max-width: 500px){.price-grid__cost_before::before{width:40px;height:40px;top:-3px;left:-20px}}.contact{margin-top:113px}@media(max-width: 1500px){.contact{margin-top:50px}}@media(max-width: 1280px){.contact{margin-top:30px}}@media(max-width: 1000px){.contact{margin-top:50px}}.contact-wrapper{margin-bottom:128px}@media(max-width: 1400px){.contact-wrapper{margin-bottom:65px}}@media(max-width: 500px){.contact-wrapper{margin-bottom:0}}.contact-grid__link-vk{position:relative}.contact-grid__link-vk::after{content:"";height:2.4rem;border:1px solid rgba(243,242,240,.5);position:absolute;top:1px;right:-31px;pointer-events:none}@media(max-width: 500px){.contact-grid__link-vk::after{height:1.5rem;top:0;right:-17px}}.contact-grid__link-inst{position:relative}.contact-grid__link-inst::after{content:"";height:2.4rem;border:1px solid rgba(243,242,240,.5);position:absolute;top:1px;right:-31px;pointer-events:none}@media(max-width: 500px){.contact-grid__link-inst::after{height:1.5rem;top:0;right:-11px}}.contact-grid__social{display:flex;padding-left:0;gap:56px;margin:0;position:relative}@media(max-width: 500px){.contact-grid__social{gap:26px}}.contact-grid__social-item{list-style-type:none}.contact-grid__social-link{text-decoration:none;color:#f3f2f0;font-size:1.6rem;text-transform:capitalize;transition:.3s}@media(max-width: 500px){.contact-grid__social-link{font-size:1.2rem}}.contact-grid__social-link:hover{color:#d40000;text-shadow:#232326 1px 1px 1px}.contact-grid__title{font-size:2.8rem;line-height:4.2rem;font-weight:700;text-transform:uppercase;letter-spacing:.08rem;position:relative}@media(max-width: 500px){.contact-grid__title{font-size:1.6rem;line-height:26px;margin-top:27px;margin-bottom:0}}.contact-grid__title::before{content:"";display:block;width:66px;height:70px;background-image:url(../images/ab9f53401767be0afedf.svg);background-repeat:no-repeat;position:absolute;top:26px;left:-176px}@media(max-width: 1600px){.contact-grid__title::before{top:-3px;left:-158px}}@media(max-width: 1500px){.contact-grid__title::before{top:-21px;left:-107px}}@media(max-width: 1350px){.contact-grid__title::before{top:-46px;left:-54px;background-size:51px 45px}}@media(max-width: 1280px){.contact-grid__title::before{top:-61px;left:59px}}@media(max-width: 1200px){.contact-grid__title::before{background-size:45px 45px}}@media(max-width: 500px){.contact-grid__title::before{background-size:39px 31px;top:-43px;left:92px}}.contact-grid__title::after{content:"";display:block;width:300px;height:300px;background-color:#d40000;border-radius:100%;position:absolute;top:-28px;left:-151px;z-index:-1}@media(max-width: 1500px){.contact-grid__title::after{width:220px;height:220px;left:-92px}}@media(max-width: 1400px){.contact-grid__title::after{width:210px;height:210px}}@media(max-width: 1350px){.contact-grid__title::after{top:-56px;left:-42px}}@media(max-width: 1280px){.contact-grid__title::after{width:150px;height:150px}}@media(max-width: 500px){.contact-grid__title::after{width:190px;height:190px;top:-51px;left:-55px}}.contact-grid__description{font-size:2.8rem;line-height:4.2rem;font-weight:400;margin-top:22px;margin-bottom:10px}@media(max-width: 1350px){.contact-grid__description{font-size:2.4rem;line-height:3.5rem}}@media(max-width: 500px){.contact-grid__description{font-size:1.6rem;line-height:2.4rem;margin-top:8px;max-width:280px}}.contact-grid__top{display:grid;grid-template-columns:repeat(4, 1fr);margin-top:60px;margin-bottom:50px;gap:2rem}@media(max-width: 1500px){.contact-grid__top{margin-top:50px}}@media(max-width: 1280px){.contact-grid__top{margin-top:30px}}@media(max-width: 768px){.contact-grid__top{grid-template-columns:repeat(2, 1fr);grid-template-rows:130px 130px 10px 30px}}@media(max-width: 500px){.contact-grid__top{margin-bottom:1.7rem;grid-template-rows:70px 115px}}.contact-grid__top-item-1{grid-column:1/3}@media(max-width: 768px){.contact-grid__top-item-1{grid-row:1/2}}.contact-grid__top-item-2{grid-column:3/5}@media(max-width: 768px){.contact-grid__top-item-2{grid-column:1/3;grid-row:2/3}}.contact-grid__bottom{display:grid;grid-template-columns:repeat(4, 1fr);margin-top:60px;margin-bottom:50px;gap:2rem}@media(max-width: 1500px){.contact-grid__bottom{margin-top:50px}}@media(max-width: 1280px){.contact-grid__bottom{margin-top:30px}}@media(max-width: 768px){.contact-grid__bottom{grid-template-columns:repeat(2, 1fr);grid-template-rows:130px 130px 10px 30px}}@media(max-width: 500px){.contact-grid__bottom{margin-bottom:25px;margin-top:37px;grid-template-rows:300px 50px;gap:2.5rem}}.contact-grid__bottom-item-1{display:flex;flex-direction:column;justify-content:flex-end}@media(max-width: 768px){.contact-grid__bottom-item-1{grid-column:1/3;grid-row:4/5;flex-direction:row;justify-content:center}}@media(max-width: 500px){.contact-grid__bottom-item-1{grid-row:2/3}}.contact-grid__bottom-item-2{grid-column:3/5}@media(max-width: 1100px){.contact-grid__bottom-item-2{grid-column:2/5}}@media(max-width: 768px){.contact-grid__bottom-item-2{grid-column:1/3;grid-row:1/2}}.card{flex-basis:560px}@media(max-width: 400px){.card{padding:0 5px}}.card__label{font-size:1.2rem;line-height:1.8rem}@media(max-width: 650px){.card__label{font-size:1rem}}.card__input{font-size:1.2rem;box-sizing:border-box;width:100%;height:40px;background-color:rgba(243,242,240,.1);border:none;color:#f3f2f0;padding:32px 21px;margin-top:1rem;margin-bottom:2rem}@media(max-width: 650px){.card__input{font-size:1rem;padding:28px 21px;margin:10px 0 15px 0}}@media(max-width: 500px){.card__input{margin:7px 0 15px 0}}.card__input::placeholder{font-size:1.2rem;color:#f3f2f0;line-height:1.8rem;opacity:.2}@media(max-width: 650px){.card__input::placeholder{font-size:1rem}}.card__input:focus{outline:none}.card__btn{font-size:1.6rem;font-weight:700;text-align:center;padding:23px 123px;background-color:#d40000;color:#f3f2f0;cursor:pointer;border:1px solid #d40000;width:100%;display:inline-block}@media(max-width: 650px){.card__btn{font-size:1.2rem;padding:20px 123px}}.select{width:100%;position:relative;background-color:rgba(243,242,240,.1);margin-bottom:25px;margin-top:10px}.select.open .select__dropdown{display:block;background-color:#232326}.select.open .select__input{border-bottom:none;background-color:rgba(243,242,240,.1)}.select__input{font-size:1.2rem;height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 1rem 0 2rem;cursor:pointer;margin-bottom:3.9rem}@media(max-width: 650px){.select__input{font-size:1rem}}@media(max-width: 500px){.select__input{height:55px;margin-bottom:2.9rem}}.select__dropdown{display:none;position:absolute;top:46px;left:0;right:0;background-color:#141416;align-items:center;padding:0;max-height:200px;overflow-y:auto}.select__list{list-style-type:none;padding:0;margin-top:0;background-color:rgba(243,242,240,.1)}.select__item{font-size:1.2rem;padding:1rem 1rem 1rem 2rem;color:rgba(243,242,240,.4);cursor:pointer;transition:.3s ease-in;background-color:rgba(243,242,240,.1)}@media(max-width: 650px){.select__item{font-size:1rem}}.select__item:last-child{border-bottom:none}.select__item:hover{color:#f3f2f0}.select__arrow::before{position:absolute;top:31px;right:25px}@media(max-width: 500px){.select__arrow::before{top:25px;right:25px}}.item-drop-option{background:rgba(243,242,240,.1);padding-top:10px}.footer{padding-bottom:4.2rem}.footer__top-item{display:flex;justify-content:space-between;padding-top:5.1rem;padding-bottom:2.3rem;width:100%}@media(max-width: 768px){.footer__top-item{flex-direction:column-reverse}}@media(max-width: 500px){.footer__top-item{padding-top:3.2rem}}.footer__navigation{flex-basis:50%}@media(max-width: 1100px){.footer__navigation{flex-basis:60%}}.footer__nav{display:flex;padding-left:0;gap:2.84rem}@media(max-width: 1000px){.footer__nav{gap:1.4rem}}@media(max-width: 768px){.footer__nav{justify-content:center}}@media(max-width: 360px){.footer__nav{gap:.3rem}}.footer__item{list-style-type:none}.footer__item_tel{list-style-type:none;position:relative}.footer__item_tel::after{content:"";height:2.4rem;border:1px solid rgba(243,242,240,.5);position:absolute;top:-1px;right:-13px}.footer__item_mail{list-style-type:none}.footer__link{font-size:1.4rem;line-height:2.1rem;color:#f3f2f0;text-decoration:none;transition:.3s}.footer__link:hover{color:#d40000}@media(max-width: 500px){.footer__link{font-size:1rem}}.footer__info{display:flex;padding-left:0;flex-basis:30%;justify-content:flex-end;gap:2.5rem;margin-top:1.2rem;letter-spacing:.06px}@media(max-width: 1100px){.footer__info{flex-basis:40%}}@media(max-width: 768px){.footer__info{justify-content:center}}@media(max-width: 500px){.footer__info{margin-bottom:1.6rem}}.footer__tel{font-size:1.4rem;line-height:2.1rem;color:#f3f2f0;text-decoration:none;transition:.3s}.footer__tel:hover{color:#d40000}.footer__mail{font-size:1.4rem;line-height:2.1rem;color:#f3f2f0;text-decoration:none;transition:.3s}.footer__mail:hover{color:#d40000}.footer__bottom{display:flex;justify-content:space-between;color:rgba(243,242,240,.3);font-size:1.2rem;line-height:1.8rem;margin-top:6px}@media(max-width: 600px){.footer__bottom{font-size:1rem;flex-direction:column;text-align:center}}@media(max-width: 500px){.footer__bottom{margin-top:0}}.footer__bottom-item{margin:0}.footer__author{color:rgba(243,242,240,.3);text-decoration:none;transition:.3s;border-bottom:1px solid rgba(243,242,240,.3)}.footer__author:hover{color:#f3f2f0;border-bottom:1px solid #f3f2f0}.modal{position:fixed;top:9999px;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:500;transition:opacity .3s,visibility 0s linear .3s}@media(max-width: 360px){.modal__btn{padding:20px 80px}}.modal__container{background-color:#232326;max-width:600px;position:relative;top:15%;left:0;right:0;margin:0 auto;z-index:5}@media(max-width: 650px){.modal__container{max-width:360px}}@media(max-width: 360px){.modal__container{max-width:280px}}.modal__box{padding:30px 20px;position:relative}@media(max-width: 650px){.modal__box{padding:10px 10px 57px 10px}}.modal__title{font-size:2.2rem;line-height:3.3rem;font-weight:700;letter-spacing:.07rem;text-align:center;text-transform:uppercase;margin:26px 0 14px 0}@media(max-width: 650px){.modal__title{font-size:1.6rem;line-height:2.4rem;max-width:168px;margin:50px auto 20px}}.modal__desc{font-size:1.6rem;line-height:2.4rem;text-align:center;max-width:318px;margin:0 auto 28px}@media(max-width: 650px){.modal__desc{font-size:1.6rem;line-height:2.4rem;max-width:260px;margin:0 auto 38px}}.modal__close{width:20px;height:20px;background-color:inherit;background-image:url(../images/901c7c26a51cab92d09c.svg);background-repeat:no-repeat;background-size:contain;position:absolute;top:20px;right:20px;border:none;cursor:pointer}@media(max-width: 650px){.modal__close{top:10px;right:10px}}.modal__form{margin-top:40px}@media(max-width: 650px){.modal__form{margin-top:35px}}.modal__label{font-size:1.2rem;line-height:1.8rem}@media(max-width: 650px){.modal__label{font-size:1rem}}@media(max-width: 650px){.modal__drop{margin-bottom:26px}}.modal__control{font-size:1.2rem;position:relative;color:#f3f2f0;display:block;cursor:pointer;padding:27px 10px 23px 18px;background-color:rgba(243,242,240,.1);transition:all .3s ease}@media(max-width: 650px){.modal__control{font-size:1rem;padding:20px 10px 23px 18px}}.modal__control:after{content:"";display:inline-block;height:1.2rem;width:1.2rem;margin-left:45.3rem;background-image:url(../images/4707b7e1d26279c199d8.svg);background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform .3s ease}@media(max-width: 1200px){.modal__control:after{margin-left:40rem}}@media(max-width: 1100px){.modal__control:after{margin-left:32rem}}@media(max-width: 1000px){.modal__control:after{margin-left:24.3rem}}@media(max-width: 360px){.modal__control:after{margin-left:16.3rem}}.modal-menu{--array-2: 100px;position:fixed;top:9000px;left:0;width:100%;height:100%;background-color:#232326;z-index:300;transition:all .5s ease 0s}@media(min-width: 769px){.modal-menu{display:none}}.modal-menu__container{background-color:#232326;padding-left:10px;padding-right:10px}.modal-menu__items{max-width:340px;margin:0 auto}.modal-menu__list{list-style-type:none;font-size:2.6rem;padding-left:0;text-align:center}.modal-menu__list-item{border-top:1px solid rgba(243,242,240,.2);padding:2rem 0}.modal-menu__list_contacts{display:flex;justify-content:space-between;max-width:270px;margin:3rem auto 0}.modal-menu__list-item:last-child{border-bottom:1px solid rgba(243,242,240,.2)}.modal-menu__list_link{line-height:39px}.modal-menu__list_phone{color:#f3f2f0;text-decoration:none;font-size:14px;line-height:150%;position:relative;transition:.3s}.modal-menu__list_phone:hover{color:#d40000}.modal-menu__list_phone:after{content:"";height:2.4rem;border:1px solid rgba(243,242,240,.2);position:absolute;top:-1px;right:-13px;pointer-events:none}.modal-menu__list_mail{color:#f3f2f0;text-decoration:none;font-size:14px;line-height:150%;transition:.3s}.modal-menu__list_mail:hover{color:#d40000}.modal-menu__list_link,.modal-menu .modal-menu__list_social{color:#f3f2f0;text-decoration:none;transition:.3s}.modal-menu__list_link:hover,.modal-menu .modal-menu__list_social:hover{color:#d40000}.modal-menu__list_socials{display:flex;justify-content:space-around;max-width:200px;margin:1rem auto 0}.modal-menu__list_social{font-size:12px;line-height:150%;text-transform:capitalize;position:relative}.modal-menu__list_social-inst::before{content:"";height:1.5rem;border:1px solid rgba(243,242,240,.2);position:absolute;top:-1px;right:-13px;pointer-events:none}.modal-menu__list_social-inst::after{content:"";height:1.5rem;border:1px solid rgba(243,242,240,.2);position:absolute;top:-1px;left:-10px;pointer-events:none}.glitch{color:#fff;position:relative;padding:2px}.glitch:before,.glitch:after{content:"web-разработчик";color:#fff;position:absolute;top:0;overflow:hidden;padding:2px}.glitch:before{left:2px;text-shadow:-3px 0 red;animation:glitch-before 2s linear 0s infinite alternate-reverse}.glitch:after{left:-2px;text-shadow:-2px 0 blue;animation:glitch-after 1s linear 0s infinite alternate-reverse}@keyframes glitch-before{0%{clip:rect(61px, 750px, 71px, 30px)}5%{clip:rect(64px, 750px, 36px, 30px)}10%{clip:rect(133px, 750px, 84px, 30px)}15%{clip:rect(70px, 750px, 87px, 30px)}20%{clip:rect(147px, 750px, 62px, 30px)}25%{clip:rect(136px, 750px, 47px, 30px)}30%{clip:rect(1px, 750px, 87px, 30px)}35%{clip:rect(20px, 750px, 14px, 30px)}40%{clip:rect(107px, 750px, 117px, 30px)}45%{clip:rect(18px, 750px, 5px, 30px)}50%{clip:rect(113px, 750px, 37px, 30px)}55%{clip:rect(89px, 750px, 1px, 30px)}60%{clip:rect(68px, 750px, 150px, 30px)}65%{clip:rect(19px, 750px, 41px, 30px)}70%{clip:rect(36px, 750px, 131px, 30px)}75%{clip:rect(42px, 750px, 17px, 30px)}80%{clip:rect(13px, 750px, 98px, 30px)}85%{clip:rect(14px, 750px, 74px, 30px)}90%{clip:rect(103px, 750px, 96px, 30px)}95%{clip:rect(124px, 750px, 140px, 30px)}100%{clip:rect(26px, 750px, 107px, 30px)}}@keyframes glitch-after{0%{clip:rect(10px, 750px, 9px, 30px)}5%{clip:rect(89px, 750px, 56px, 30px)}10%{clip:rect(49px, 750px, 120px, 30px)}15%{clip:rect(89px, 750px, 80px, 30px)}20%{clip:rect(82px, 750px, 82px, 30px)}25%{clip:rect(144px, 750px, 118px, 30px)}30%{clip:rect(98px, 750px, 56px, 30px)}35%{clip:rect(23px, 750px, 139px, 30px)}40%{clip:rect(141px, 750px, 119px, 30px)}45%{clip:rect(49px, 750px, 142px, 30px)}50%{clip:rect(9px, 750px, 126px, 30px)}55%{clip:rect(84px, 750px, 68px, 30px)}60%{clip:rect(23px, 750px, 149px, 30px)}65%{clip:rect(56px, 750px, 142px, 30px)}70%{clip:rect(18px, 750px, 149px, 30px)}75%{clip:rect(54px, 750px, 120px, 30px)}80%{clip:rect(80px, 750px, 139px, 30px)}85%{clip:rect(88px, 750px, 42px, 30px)}90%{clip:rect(97px, 750px, 23px, 30px)}95%{clip:rect(86px, 750px, 18px, 30px)}100%{clip:rect(71px, 750px, 89px, 30px)}}