@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Cuprum&family=Roboto&display=swap");
@import url("https://allfont.ru/allfont.css?fonts=clear-sans");
/*! 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 {
  -webkit-box-sizing: content-box;
  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 */
  -webkit-text-decoration: underline dotted;
  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 {
  -webkit-box-sizing: border-box;
  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"] {
  -webkit-box-sizing: border-box;
  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; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html {
  height: 100%;
  font-size: 10px;
  scroll-behavior: smooth; }

body {
  min-height: 100%;
  font: 1.5rem/1.6 'Clear Sans', sans-serif;
  background-color: #E5E5E5; }

.container {
  margin: 0 auto;
  max-width: 1180px;
  width: 80%; }

a {
  color: #3A4047;
  -webkit-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in; }
  a:hover, a:focus, a:active {
    color: #1AB0CE; }

.title {
  margin: 0;
  font-size: 3.6rem;
  color: #3A4047;
  text-align: center;
  font-weight: normal;
  padding: 2rem 1rem 3rem 1rem; }

.callback {
  width: 10.8rem;
  height: 10.8rem;
  background-color: #1AB0CE;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  padding-top: 1.5rem;
  font-size: 1.4rem;
  cursor: pointer; }
  .callback::before {
    content: '';
    display: block;
    margin: 0 auto;
    background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M23.9993 18.2199V21.6823C24.0019 22.3323 23.7299 22.9532 23.25 23.3926C22.7701 23.832 22.1269 24.0491 21.4783 23.9906C17.9197 23.6047 14.5015 22.3911 11.4982 20.4474C8.7041 18.6754 6.33516 16.3112 4.55964 13.5226C2.60525 10.5116 1.38899 7.08359 1.00939 3.51614C0.950964 2.87083 1.16698 2.23072 1.60469 1.75218C2.04239 1.27363 2.66147 1.00072 3.3107 1.00011H6.77999C7.9409 0.98871 8.93038 1.83798 9.09286 2.98524C9.23929 4.09329 9.51085 5.18125 9.90236 6.22838C10.2201 7.07191 10.0169 8.02284 9.38197 8.66362L7.9133 10.1294C9.55954 13.0188 11.9567 15.4112 14.8519 17.0542L16.3206 15.5885C16.9626 14.9548 17.9154 14.752 18.7606 15.0691C19.8098 15.4598 20.9 15.7309 22.0102 15.877C23.1731 16.0407 24.0284 17.0482 23.9993 18.2199Z' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    width: 3rem;
    height: 3rem; }

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: baseline;
  -ms-flex-align: baseline;
  align-items: baseline; }
  .contact__footer {
    width: 100%; }
  .contact__link {
    width: 7%;
    height: 2.2rem;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='22' viewBox='0 0 13 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1H9C6.23858 1 4 3.23858 4 6V9H1V13H4V21H8V13H11L12 9H8V6C8 5.44772 8.44772 5 9 5H12V1Z' stroke='%233D76B9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat; }
  .contact__phone {
    text-decoration: none;
    font-weight: bold;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end; }
    .contact__phone::before {
      content: '';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 2.2rem;
      height: 2.2rem;
      background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.8881 15.9201V18.9201C20.8904 19.4832 20.6552 20.0213 20.2402 20.402C19.8252 20.7827 19.269 20.9708 18.7081 20.9201C15.631 20.5857 12.6751 19.5342 10.0781 17.8501C7.66195 16.3148 5.61346 14.2663 4.07812 11.8501C2.3881 9.2413 1.33637 6.27109 1.00812 3.1801C0.957597 2.62097 1.1444 2.06635 1.52289 1.65172C1.90138 1.23709 2.43672 1.00063 2.99812 1.0001H5.99812C7.00199 0.990218 7.85762 1.72607 7.99812 2.7201C8.12475 3.68016 8.35957 4.62283 8.69812 5.5301C8.97286 6.26097 8.79714 7.0849 8.24812 7.6401L6.97812 8.9101C8.40168 11.4136 10.4746 13.4865 12.9781 14.9101L14.2481 13.6401C14.8033 13.0911 15.6272 12.9154 16.3581 13.1901C17.2654 13.5286 18.2081 13.7635 19.1681 13.8901C20.1737 14.032 20.9133 14.9049 20.8881 15.9201Z' stroke='%233A4047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
      background-repeat: no-repeat;
      margin: 0 1rem; }
    .contact__phone--circle {
      width: 2rem;
      height: 2rem;
      border-radius: 50%;
      background-color: #EDEDED;
      margin-left: 1rem;
      position: relative;
      cursor: pointer; }
      .contact__phone--circle::before {
        content: '';
        display: block;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23EDEDED'/%3E%3Cpath d='M14 9L10 13L6 9' stroke='%233A4047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem; }
    .contact__phone--round::before {
      content: '';
      display: block;
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23fff'/%3E%3Cpath d='M14 9L10 13L6 9' stroke='%233A4047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      width: 2rem;
      height: 2rem; }
    .contact__phone--list {
      display: none;
      padding: 0;
      margin: 0;
      list-style: none;
      background-color: #fff;
      position: absolute;
      top: 4rem;
      right: -1rem;
      width: 21.9rem;
      font-size: 1.6rem;
      padding: 1rem;
      -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
      box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.75);
      z-index: 2; }
      .contact__phone--list::before {
        content: '';
        position: absolute;
        top: -.4rem;
        right: 0.6rem;
        width: 2.8rem;
        height: 2.8rem;
        background-color: #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: 2; }
    .contact__phone--item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      margin: 2rem 0;
      display: flex;
      -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
      justify-content: space-evenly;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
      .contact__phone--item:hover, .contact__phone--item:focus, .contact__phone--item:active {
        color: red; }
    .contact__phone--item > a {
      text-decoration: none;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
      .contact__phone--item > a:hover, .contact__phone--item > a:focus, .contact__phone--item > a:active {
        color: #1AB0CE; }

.header {
  padding-top: 2rem;
  background-color: #fff;
  height: 15rem; }
  .header__preheader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .header__text {
    color: #3A4047;
    width: 37rem;
    padding: 0 1rem;
    text-align: center;
    font-size: 1.6rem; }
    .header__text::after {
      content: 'Работаем с 9 до 18, вс и сб выходные';
      display: block;
      font-weight: bold;
      font-size: 1.4rem; }
  .header__contact {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: space-evenly;
    -ms-flex-pack: space-evenly;
    justify-content: space-evenly; }
    .header__contact--wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      font-size: 1.4rem; }
  .header__login {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 4rem; }
    .header__login::before {
      content: '';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 1.4rem;
      height: 1.5rem;
      background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5556 13.9999V12.5555C12.5556 10.96 11.2622 9.6666 9.66667 9.6666H3.88889C2.2934 9.6666 1 10.96 1 12.5555V13.9999' stroke='%231AB0CE' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.7778 6.77778C8.37329 6.77778 9.66669 5.48438 9.66669 3.88889C9.66669 2.2934 8.37329 1 6.7778 1C5.18232 1 3.88892 2.2934 3.88892 3.88889C3.88892 5.48438 5.18232 6.77778 6.7778 6.77778Z' stroke='%231AB0CE' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      margin-right: 1rem; }
  .header__cart {
    width: 4.8rem;
    height: 4.8rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-item-align: center;
    align-self: center;
    margin-left: -4rem;
    background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 46C18.2091 46 20 44.2091 20 42C20 39.7909 18.2091 38 16 38C13.7909 38 12 39.7909 12 42C12 44.2091 13.7909 46 16 46Z' stroke='%231AB0CE' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M40 46C42.2091 46 44 44.2091 44 42C44 39.7909 42.2091 38 40 38C37.7909 38 36 39.7909 36 42C36 44.2091 37.7909 46 40 46Z' stroke='%231AB0CE' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.34 12H46L42.64 28.78C42.2625 30.6805 40.5772 32.0371 38.64 32H17.5C15.479 32.0171 13.7627 30.524 13.5 28.52L10.46 5.48C10.1992 3.49119 8.50583 2.00304 6.5 2H2' stroke='%231AB0CE' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    position: relative; }
    .header__cart::before {
      content: '3';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      color: #fff;
      width: 3rem;
      height: 3rem;
      position: absolute;
      top: -.5rem;
      right: -1.5rem;
      border-radius: 50%;
      background-color: #1AB0CE; }
  .header__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 0rem;
    -webkit-box-shadow: inset 0px 3px 6px -5px rgba(0, 0, 0, 0.75);
    box-shadow: inset 0px 3px 6px -5px rgba(0, 0, 0, 0.75);
    position: relative;
    z-index: 1; }
    .header__nav--wrapper {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: stretch;
      -ms-flex-align: stretch;
      align-items: stretch;
      height: 4.6rem; }
    .header__nav--link {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-box-flex: 1;
      -ms-flex-positive: 1;
      flex-grow: 1;
      text-transform: uppercase;
      text-decoration: none;
      font-size: 1.6rem;
      font-weight: bold;
      padding-top: 0rem;
      position: relative;
      color: #3A4047;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
      .header__nav--link:hover, .header__nav--link:focus, .header__nav--link:active {
        -webkit-box-shadow: inset 0px 3px 0px 0px #1AB0CE;
        box-shadow: inset 0px 3px 0px 0px #1AB0CE; }
    .header__nav--link:not(:last-of-type)::after {
      content: '|';
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      color: #E8EDF2;
      position: absolute;
      top: 1rem;
      right: -.4rem; }
    .header__nav--link:last-child {
      background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 16C12.6421 16 16 12.6421 16 8.5C16 4.35786 12.6421 1 8.5 1C4.35786 1 1 4.35786 1 8.5C1 12.6421 4.35786 16 8.5 16Z' stroke='%233A4047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19 19L13.8 13.8' stroke='%233A4047' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
      background-repeat: no-repeat;
      height: 3.5rem;
      width: 1rem;
      background-position: 50% center;
      margin-right: -3rem;
      padding-top: .8rem;
      margin-top: .4rem;
      outline: none;
      border: none;
      -webkit-transition: all .3s ease-in;
      -o-transition: all .3s ease-in;
      transition: all .3s ease-in; }
      .header__nav--link:last-child:hover, .header__nav--link:last-child:focus, .header__nav--link:last-child:active {
        width: 20rem;
        background-position: 90% center;
        margin-top: 0rem; }
    .header__nav--link:first-child {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start; }

.main {
  height: 50rem;
  background-image: url(../img/main/bg.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  position: relative; }
  .main__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 50rem; }
  .main__title {
    margin: 0;
    font-size: 5rem;
    color: #fff;
    text-align: center;
    font-size: 5.2rem; }
    .main__title::after {
      content: '';
      display: block;
      width: 10%;
      height: 0;
      border: 1px solid #fff;
      margin: 0 auto; }
  .main__subtitle {
    font-size: 2.4rem;
    color: #fff;
    margin: 1.5rem; }
  .main__button {
    width: 20rem;
    height: 4.8rem;
    background-color: #1AB0CE;
    border: none;
    border-radius: 3px;
    color: #fff;
    font-weight: bold;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .main__button:hover, .main__button:focus, .main__button:active {
      color: #3A4047;
      cursor: pointer; }
  .main__callback {
    position: absolute;
    bottom: -10%;
    right: 1%; }

.products {
  height: 45rem;
  background-color: #fff; }
  .products__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .products__card {
    width: 37rem;
    height: 29rem;
    border: 1px solid #DCE1E6;
    padding: 2rem 1rem 2rem 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .products__card:nth-child(2) {
    margin: 0 3rem; }
  .products__icon {
    background-repeat: no-repeat;
    width: 7rem;
    height: 7rem;
    margin-right: 3rem; }
    .products__icon--office {
      background-image: url("data:image/svg+xml,%3Csvg width='53' height='62' viewBox='0 0 53 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M52.5971 16.7488H16.7487V61.9999H52.5971V16.7488Z' fill='%23FF4181'/%3E%3Cpath d='M47.0142 11.1659H11.1658V56.417H47.0142V11.1659Z' fill='%23FF755C'/%3E%3Cpath d='M41.4313 5.58289H5.58291V50.834H41.4313V5.58289Z' fill='%23FF9356'/%3E%3Cpath d='M35.8484 45.2512H9.23872e-08V0H24.9763L35.8484 10.872V45.2512Z' fill='%23FFCE47'/%3E%3Cpath d='M24.9763 0V10.872H35.8484L24.9763 0Z' fill='%23FFEBB4'/%3E%3C/svg%3E%0A");
      background-size: contain; }
    .products__icon--ad {
      background-image: url("data:image/svg+xml,%3Csvg width='62' height='62' viewBox='0 0 62 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.6657 5.8768L25.0733 33.9383L20.6657 62L0 56.1232V0L20.6657 5.8768Z' fill='%2385C250'/%3E%3Cpath d='M62 5.8768V62L41.3328 56.1232L38.3945 28.0617L41.3328 0L62 5.8768Z' fill='%2385C250'/%3E%3Cpath d='M41.3328 0V56.1232L20.6657 62V5.8768L41.3328 0Z' fill='%23C9D467'/%3E%3Cpath d='M14.7899 54.4523C14.657 54.4523 14.5217 54.4342 14.3874 54.3959L5.47502 51.8615C4.69457 51.6396 4.2418 50.8269 4.46376 50.0465C4.68561 49.266 5.49791 48.8131 6.27884 49.0352L15.1912 51.5696C15.9717 51.7916 16.4244 52.6042 16.2025 53.3847C16.0187 54.0308 15.4299 54.4523 14.7899 54.4523Z' fill='%23174461'/%3E%3Cpath d='M14.7899 47.1064C14.657 47.1064 14.5217 47.0882 14.3874 47.0499L5.47502 44.5156C4.69457 44.2936 4.2418 43.4809 4.46376 42.7005C4.68561 41.92 5.49791 41.4669 6.27884 41.6892L15.1912 44.2236C15.9717 44.4456 16.4244 45.2582 16.2025 46.0387C16.0187 46.6848 15.4299 47.1064 14.7899 47.1064Z' fill='%23174461'/%3E%3Cpath d='M14.7899 39.7604C14.657 39.7604 14.5217 39.7422 14.3874 39.704L5.47502 37.1696C4.69457 36.9476 4.2418 36.135 4.46376 35.3545C4.68561 34.5741 5.49791 34.1213 6.27884 34.3433L15.1912 36.8777C15.9717 37.0996 16.4244 37.9123 16.2025 38.6927C16.0187 39.3389 15.4299 39.7604 14.7899 39.7604Z' fill='%23174461'/%3E%3Cpath d='M5.8768 9.01709V28.4105L14.7892 30.9449V11.5515L5.8768 9.01709Z' fill='%23174461'/%3E%3Cpath d='M26.5421 13.0213C25.902 13.0213 25.3133 12.5997 25.1296 11.9536C24.9077 11.173 25.3604 10.3606 26.1409 10.1385L35.0543 7.60401C35.8344 7.38205 36.6473 7.83494 36.8694 8.61527C37.0914 9.39584 36.6386 10.2083 35.8582 10.4303L26.9447 12.9648C26.8103 13.003 26.6751 13.0213 26.5421 13.0213Z' fill='white'/%3E%3Cpath d='M26.5421 54.4524C25.902 54.4524 25.3133 54.0309 25.1296 53.3847C24.9077 52.6042 25.3604 51.7918 26.1409 51.5697L35.0543 49.0352C35.8344 48.8132 36.6473 49.266 36.8694 50.0464C37.0914 50.827 36.6386 51.6394 35.8582 51.8615L26.9447 54.396C26.8103 54.4341 26.6751 54.4524 26.5421 54.4524Z' fill='white'/%3E%3Cpath d='M26.5421 47.1065C25.902 47.1065 25.3133 46.685 25.1296 46.0388C24.9077 45.2582 25.3604 44.4458 26.1409 44.2237L35.0543 41.6892C35.8344 41.4673 36.6473 41.92 36.8694 42.7005C37.0914 43.4811 36.6386 44.2935 35.8582 44.5156L26.9447 47.05C26.8103 47.0883 26.6751 47.1065 26.5421 47.1065Z' fill='white'/%3E%3Cpath d='M26.5421 39.7605C25.902 39.7605 25.3133 39.339 25.1296 38.6928C24.9077 37.9122 25.3604 37.0998 26.1409 36.8777L35.0543 34.3432C35.8344 34.1214 36.6473 34.5742 36.8694 35.3545C37.0914 36.1351 36.6386 36.9476 35.8582 37.1696L26.9447 39.704C26.8103 39.7422 26.6751 39.7605 26.5421 39.7605Z' fill='white'/%3E%3Cpath d='M26.5421 32.4145C25.902 32.4145 25.3133 31.993 25.1296 31.3469C24.9077 30.5663 25.3604 29.7537 26.1409 29.5318L35.0543 26.9973C35.8344 26.7754 36.6473 27.2281 36.8694 28.0085C37.0914 28.7891 36.6386 29.6015 35.8582 29.8236L26.9447 32.3581C26.8103 32.3964 26.6751 32.4145 26.5421 32.4145Z' fill='white'/%3E%3Cpath d='M56.1239 13.0212C55.991 13.0212 55.8557 13.0031 55.7214 12.9648L46.8079 10.4302C46.0275 10.2082 45.5747 9.39556 45.7967 8.61511C46.0186 7.83466 46.8309 7.38201 47.6118 7.60386L56.5252 10.1385C57.3057 10.3604 57.7584 11.1731 57.5365 11.9535C57.3527 12.5997 56.7639 13.0212 56.1239 13.0212Z' fill='%23174461'/%3E%3Cpath d='M56.1239 20.3671C55.991 20.3671 55.8557 20.349 55.7214 20.3107L46.8079 17.7761C46.0275 17.5541 45.5747 16.7415 45.7967 15.961C46.0186 15.1806 46.8309 14.728 47.6118 14.9498L56.5252 17.4844C57.3057 17.7063 57.7584 18.519 57.5365 19.2995C57.3527 19.9456 56.7639 20.3671 56.1239 20.3671Z' fill='%23174461'/%3E%3Cpath d='M56.1239 27.7132C55.991 27.7132 55.8557 27.695 55.7214 27.6568L46.8079 25.1222C46.0275 24.9002 45.5747 24.0875 45.7967 23.3071C46.0186 22.5266 46.8309 22.0741 47.6118 22.2958L56.5252 24.8304C57.3057 25.0524 57.7584 25.8651 57.5365 26.6455C57.3527 27.2917 56.7639 27.7132 56.1239 27.7132Z' fill='%23174461'/%3E%3Cpath d='M47.2097 31.0549V50.4482L56.1232 52.983V33.5895L47.2097 31.0549Z' fill='%23174461'/%3E%3C/svg%3E%0A");
      background-size: contain;
      width: 15rem; }
    .products__icon--business {
      background-image: url("data:image/svg+xml,%3Csvg width='46' height='62' viewBox='0 0 46 62' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.38593 55.2547V60.4783C2.53766 60.5333 2.70041 60.5649 2.87042 60.5649H42.338V55.2547L22.3619 53.8195L2.38593 55.2547Z' fill='%239AD7FF'/%3E%3Cpath d='M42.338 49.9445H2.87042C2.70041 49.9445 2.53766 49.9761 2.3858 50.031V55.2547H42.338V49.9445Z' fill='%23C2E7FF'/%3E%3Cpath d='M6.74539 55.2546C6.74539 52.6466 4.86468 50.4792 2.38577 50.031C1.83334 50.2311 1.4353 50.7605 1.4353 51.3796V59.1296C1.4353 59.7488 1.83346 60.2782 2.38577 60.4783C4.86468 60.03 6.74539 57.8626 6.74539 55.2546Z' fill='%234EB9FF'/%3E%3Cpath d='M2.1528 0C0.963906 0 2.21729e-08 0.963906 2.21729e-08 2.1528V51.3797L10.0463 49.9445L15.787 24.9723L10.0463 0H2.1528Z' fill='%23FFC0D5'/%3E%3Cpath d='M42.338 2.87041L34.301 0H10.0463V49.9444H40.9028L45.2084 37.6015V10.9075L42.338 2.87041Z' fill='%23FF755C'/%3E%3Cpath d='M33.9422 25.7171H21.3125C20.52 25.7171 19.8773 25.0744 19.8773 24.2819C19.8773 23.4893 20.52 22.8467 21.3125 22.8467H33.9422C34.7348 22.8467 35.3774 23.4893 35.3774 24.2819C35.3774 25.0744 34.7347 25.7171 33.9422 25.7171Z' fill='%23FFC0D5'/%3E%3Cpath d='M36.2385 19.9764H19.0162C18.2236 19.9764 17.581 19.3337 17.581 18.5412C17.581 17.7486 18.2236 17.106 19.0162 17.106H36.2384C37.031 17.106 37.6736 17.7486 37.6736 18.5412C37.6736 19.3337 37.0309 19.9764 36.2385 19.9764Z' fill='%23FFC0D5'/%3E%3Cpath d='M45.2084 49.9444L34.301 48.5093L45.2084 37.6019V49.9444Z' fill='%23FFCE47'/%3E%3Cpath d='M45.2084 0V10.9074L34.301 0H45.2084Z' fill='%23FFCE47'/%3E%3Cpath d='M43.7732 59.1296H2.87041V51.3796H43.7732C44.5658 51.3796 45.2084 50.7369 45.2084 49.9444C45.2084 49.1518 44.5658 48.5092 43.7732 48.5092H2.87041C1.28771 48.5092 2.21729e-08 49.7967 2.21729e-08 51.3796V59.1296C2.21729e-08 60.7123 1.28759 62 2.87041 62H43.7732C44.5658 62 45.2084 61.3573 45.2084 60.5648C45.2084 59.7723 44.5656 59.1296 43.7732 59.1296Z' fill='%23FF4181'/%3E%3C/svg%3E%0A");
      background-size: contain; }
  .products__subtitle {
    text-transform: uppercase;
    margin: 0;
    display: inline-block;
    font-size: 1.6rem; }
  .products__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .products__list--ad {
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
  .products__item {
    text-decoration: none;
    font-size: 1.4rem;
    margin: .7rem 0;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%; }

.about {
  height: 30rem;
  background-color: #fff; }
  .about__subtitle {
    text-align: center;
    color: #3A4047;
    font-size: 2.4rem;
    margin: 0; }
  .about__text {
    color: #3A4047;
    font-size: 1.4rem;
    margin: 3rem 0; }

.news {
  border-top: 1px solid #E8EDF2;
  border-bottom: 1px solid #E8EDF2;
  height: 40rem;
  background-color: #fff; }
  .news__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .news__item {
    width: 40rem;
    text-align: center;
    padding: 2rem;
    text-decoration: none;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .news__item:hover, .news__item:focus, .news__item:active {
      -webkit-box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.3);
      box-shadow: 0px 8px 10px 1px rgba(0, 0, 0, 0.3);
      border-top: 3px solid #1AB0CE;
      color: #1AB0CE;
      text-decoration: underline; }
  .news__date {
    color: #BEC7D1; }
  .news__button {
    width: 19rem;
    height: 3.2rem;
    background-color: #fff;
    border: 1px solid #1AB0CE;
    color: #1AB0CE;
    border-radius: 3px;
    margin: 3rem auto;
    display: block;
    font-family: 'Open Sans';
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in; }
    .news__button:hover, .news__button:focus, .news__button:active {
      background-color: #1AB0CE;
      color: #fff;
      cursor: pointer; }

.footer {
  height: 18rem;
  background-image: url(../img/footer/noise.png);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 2rem 0;
  -webkit-box-shadow: inset 0px 3px 6px -5px rgba(0, 0, 0, 0.75);
  box-shadow: inset 0px 3px 6px -5px rgba(0, 0, 0, 0.75);
  position: relative; }
  .footer__wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .footer__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #3A4047;
    width: 26rem;
    margin-right: 2rem; }
  .footer__item:nth-child(3) {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    width: 30rem; }
  .footer__item:last-child {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-right: 0;
    width: 21rem; }
  .footer__text {
    font-family: 'Roboto', sans-serif;
    font-size: 1.4rem;
    margin: 0; }
    .footer__text::after {
      content: 'Работаем с 9 до 18, вс и сб выходные';
      display: block;
      font-size: 1.4rem;
      margin-top: 3rem; }
  .footer__link {
    font-size: 1.4rem;
    font-family: 'Roboto', sans-serif;
    margin: 0 1rem;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 40%;
    flex: 1 1 40%; }
    .footer__link--dev {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: end;
      -ms-flex-align: end;
      align-items: flex-end;
      text-decoration: none;
      font-family: 'Cuprum', sans-serif; }
      .footer__link--dev::before {
        content: '';
        display: inline-block;
        background-image: url("data:image/svg+xml,%3Csvg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect width='17' height='16' fill='url(%23pattern0)'/%3E%3Cdefs%3E%3Cpattern id='pattern0' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0' transform='scale(0.0588235 0.0625)'/%3E%3C/pattern%3E%3Cimage id='image0' width='17' height='16' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAACPklEQVQ4EXWTTUhUURTHf+c9nYkwCGqRBGmRaERhMyNJEWUhLgzMZdgqcFFrk2iIxi+KEqKg2kRQgQuhXbkt+iB1ZkxcRwm1cSGUGorOzD/ePN/zCXo399xz/ud37znvPGObpc/1u4jvbAe3A9MDS+WntpFSsVVAX07UEHd6gQ5QNTAn+GagrfRO1KkMjiYTXcSdj2DXwfaDeZrzTByvjWqjdgjRKC4Xk7dw7BXYAV+kWVTKAG2cnJlVLlkZTQ7sEMKhZA/YwPrNgF6i1QvWNNUH7CWbfIRsSKNHY0FysJd7olyyHej3nVoFBi2VH9DY4biyqTSoG7OacvzgjhJwMwB4uymbOo1pGKwZUQDuW1MurfHGOlz3CWat0QRQCekpxYW0NX9fCCBvMHWCec1/z498K7WNx3DcEbAjIcC7wOREyv2EKc3C1FevJ5U+oCyvpqZhN45b9P0BQnlUOIvseeABO0OJTmiscjA9ROT8oDXgVL1mceUnhZI3I+NIHygULzM2PY7JQojwNI+tZfqPCYzJRCfmjGK4vkgjFP5eK9vLhVVrmV1RNjGIOekQgroslR/xziFZ2VQG404o8l5QVA/Fwi9isQFM3Rtla9hS+RuBdmPsTUNAHMz/fGbncO0tFZWLQF14n3jB0vztALDpJd6hPLW1iauY04+xLyoEef/NM+bXeq1t5l80FpYTdSp7vB5iXv2tPkxLyO7xLnfXMnjDtmltCfEUmmjYg1N1CXQFmGBtrs9O/V7elL1++A/N/8nqjh2KtQAAAABJRU5ErkJggg=='/%3E%3C/defs%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        width: 2rem;
        height: 2rem; }
  .footer__callback {
    position: absolute;
    top: -30%;
    right: 1%; }

body > footer > div.container > div > div:nth-child(4) > div > div > ul {
  width: 30rem;
  top: 3rem; }

body > footer > div.container > div > div:nth-child(4) > div > div > ul > li {
  margin: .5rem; }