@charset "UTF-8";
/*! 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 */
  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;
}

/*Подключаем шрифты*/
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Light.c2e7a6.woff2) format("woff2"), url(../fonts/Gilroy-Light.368f09.woff) format("woff");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Regular.f6c993.woff2) format("woff2"), url(../fonts/Gilroy-Regular.ebe86c.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Medium.acd4e6.woff2) format("woff2"), url(../fonts/Gilroy-Medium.5329bc.woff) format("woff");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Semibold.7726b1.woff2) format("woff2"), url(../fonts/Gilroy-Semibold.5b0429.woff) format("woff");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Bold.ef7c40.woff2) format("woff2"), url(../fonts/Gilroy-Bold.0607a1.woff) format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Extrabold.5c5942.woff2) format("woff2"), url(../fonts/Gilroy-Extrabold.f39ff8.woff) format("woff");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Gilroy";
  src: url(../fonts/Gilroy-Black.ae06da.woff2) format("woff2"), url(../fonts/Gilroy-Black.a9df21.woff) format("woff");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "icon";
  src: url(data:font/woff;base64,d09GRgABAAAAAAaIAAsAAAAABjwAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFoGNtYXAAAAFoAAAAVAAAAFQXVtKIZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAApwAAAKcH5W81WhlYWQAAARgAAAANgAAADYb/EfzaGhlYQAABJgAAAAkAAAAJAgJBCZobXR4AAAEvAAAABgAAAAYDl8AA2xvY2EAAATUAAAADgAAAA4BdgDUbWF4cAAABOQAAAAgAAAAIAALAHJuYW1lAAAFBAAAAWIAAAFiUDzx3HBvc3QAAAZoAAAAIAAAACAAAwAAAAMDdQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAABAAA/8AEAAPAAAwAPQBaAG8AAAEiBhUUFjMyNjU0JiMFPAEnLgEnLgEnJiIjKgEHDgEHDgEHBhQVHAEXHgEXHgEXFjIzOgE3PgE3PgE3NjQ1ASInLgEnJjU0Nz4BNzYzMhceARcWFRQHDgEHBiMBIiY1NDYzMhYVFAYHDgEHDgEHDgECAEdkZEdGZWVGAgADAyMtLWw+NWk1NWk1PmwtLSMDAwMDIy0tbD41aTU1aTU+bC0tIwMD/gA3MC9IFBUVFEgvMDc2MDBHFRUVFUcwMDYBERkkJBkaJAMCAgcEBQoFBgwCa2RHR2RkR0dkqzVpNT5sLS0jAwMDAyMtLWw+NWk1NWk1PmwtLSMDAwMDIy0tbD41aTX++RUVRzAvNzcvMEcVFRUVRzAvNzcvMEcVFQHbJBkaJCQaBgsGBgoEBAcCAwIAAQADAEoERwK7AGYAAAEWBgcOARceARcwFiMHBiYxLgEHMAYXFgYxMAYHIwYnLgEnJjEwJy4BJyYnJjYxMDYzNx4BMTAWFx4BMR4BNzA2Jy4BMS4BJyY2Nz4BMx4BFxYGFRQGFxY2NzA2Nz4BMTA2Fzc2FjEERwcqMlMRREIpAhI6khgyKUseKQEBCRAPQTcxMUsWFhgYSy8uLgYGDxKdCw4KAxQnKzsRGwUBDwofCAYRDhVHLCMdDigEARUJMzcpFAQKDQmlJRQCjhJTQ28sQD0+A0ECBRscaAkjQg4PDAEDExIxFBUbG2xRUWsPDQsBAQkJCTBKWS4JNWsmJQ0KAQEXBwoEAQQDCVRbHUUNBiRdTTQJCQQBAQUVAAABAAAAAQAAqe5mF18PPPUACwQAAAAAANxLAbsAAAAA3EsBuwAA/8AERwPAAAAACAACAAAAAAAAAAEAAAPA/8AAAARfAAAAAARHAAEAAAAAAAAAAAAAAAAAAAAGBAAAAAAAAAAAAAAAAgAAAAQAAAAEXwADAAAAAAAKABQAHgDAAU4AAAABAAAABgBwAAQAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEABAAAAAEAAAAAAAIABwBFAAEAAAAAAAMABAAtAAEAAAAAAAQABABaAAEAAAAAAAUACwAMAAEAAAAAAAYABAA5AAEAAAAAAAoAGgBmAAMAAQQJAAEACAAEAAMAAQQJAAIADgBMAAMAAQQJAAMACAAxAAMAAQQJAAQACABeAAMAAQQJAAUAFgAXAAMAAQQJAAYACAA9AAMAAQQJAAoANACAaWNvbgBpAGMAbwBuVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwaWNvbgBpAGMAbwBuaWNvbgBpAGMAbwBuUmVndWxhcgBSAGUAZwB1AGwAYQByaWNvbgBpAGMAbwBuRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff"), url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxkZWZzPjxmb250IGlkPSJpY29uIiBob3Jpei1hZHYteD0iMTAyNCI+PGZvbnQtZmFjZSB1bml0cy1wZXItZW09IjEwMjQiIGFzY2VudD0iOTYwIiBkZXNjZW50PSItNjQiLz48Z2x5cGggaG9yaXotYWR2LXg9IjUxMiIvPjxnbHlwaCB1bmljb2RlPSLupIAiIGdseXBoLW5hbWU9Imluc3RhZ3JhbSIgZD0iTTUxMS44NjMgNjE4LjczOWMtOTQuMDE1IDAtMTcwLjczNy03Ni43MjUtMTcwLjczNy0xNzAuNzM5czc2LjcyMy0xNzAuNzM5IDE3MC43MzctMTcwLjczOWM5NC4wMTEgMCAxNzAuNzM1IDc2LjcyNCAxNzAuNzM1IDE3MC43MzlzLTc2LjcyNCAxNzAuNzM5LTE3MC43MzUgMTcwLjczOXpNMTAyMy45NDMgNDQ4YzAgNzAuNzA1LjY0MSAxNDAuNzY3LTMuMzMgMjExLjM0My0zLjk3MSA4MS45NzUtMjIuNjcyIDE1NC43MjgtODIuNjE0IDIxNC42NzMtNjAuMDcxIDYwLjA3My0xMzIuNjk1IDc4LjY0NS0yMTQuNjY4IDgyLjYxNi03MC43MDUgMy45NzEtMTQwLjc2NiAzLjMzLTIxMS4zNDIgMy4zMy03MC43MDIgMC0xNDAuNzYyLjY0LTIxMS4zMzctMy4zMy04MS45NzQtMy45NzEtMTU0LjcyNi0yMi42NzEtMjE0LjY2OS04Mi42MTZDMjUuOTExIDgxMy45NDMgNy4zMzkgNzQxLjMxOCAzLjM2OSA2NTkuMzQzLS42MDIgNTg4LjYzOS4wMzkgNTE4LjU3Ni4wMzkgNDQ4cy0uNjQtMTQwLjc2NiAzLjMzLTIxMS4zNDJDNy4zNCAxNTQuNjgxIDI2LjA0IDgxLjkyOCA4NS45ODMgMjEuOTg2YzYwLjA3MS02MC4wNzUgMTMyLjY5NS03OC42NDcgMjE0LjY2OS04Mi42MTggNzAuNzAyLTMuOTcxIDE0MC43NjQtMy4zMyAyMTEuMzM3LTMuMzMgNzAuNzA1IDAgMTQwLjc2Ni0uNjQxIDIxMS4zNDIgMy4zMyA4MS45NzMgMy45NzEgMTU0LjcyMyAyMi42NzIgMjE0LjY2OCA4Mi42MTggNjAuMDcxIDYwLjA3MSA3OC42NDMgMTMyLjY5NSA4Mi42MTQgMjE0LjY3MiA0LjEgNzAuNTc2IDMuMzMgMTQwLjYzNyAzLjMzIDIxMS4zNDJ6bS01MTIuMDgtMjYyLjcwNWMtMTQ1LjM3NyAwLTI2Mi43MDIgMTE3LjMyOC0yNjIuNzAyIDI2Mi43MDVzMTE3LjMyNSAyNjIuNzA2IDI2Mi43MDIgMjYyLjcwNmMxNDUuMzc0IDAgMjYyLjY5OC0xMTcuMzI4IDI2Mi42OTgtMjYyLjcwNlM2NTcuMjM3IDE4NS4yOTUgNTExLjg2MyAxODUuMjk1em0yNzMuNDU4IDQ3NC44MTZjLTMzLjk0IDAtNjEuMzUzIDI3LjQxMS02MS4zNTMgNjEuMzU0czI3LjQxMyA2MS4zNTMgNjEuMzUzIDYxLjM1M2MzMy45NDQgMCA2MS4zNTMtMjcuNDEgNjEuMzUzLTYxLjM1M2E2MS4yNjcgNjEuMjY3IDAgMDAtMzcuODYyLTU2LjcwNCA2MS4yOCA2MS4yOCAwIDAwLTIzLjQ5MS00LjY1eiIvPjxnbHlwaCB1bmljb2RlPSLupIEiIGdseXBoLW5hbWU9InZrIiBob3Jpei1hZHYteD0iMTExOSIgZD0iTTEwOTUuNDI5IDY1My43MTRjOC41NzEtMjMuNDI5LTE4LjI4Ni03OC4yODYtODUuNzE0LTE2OEM4OTguODU4IDMzOC4yODUgODg2Ljg1OCAzNTIgOTc4LjI4NiAyNjYuODU3Yzg4LTgxLjcxNCAxMDYuMjg2LTEyMS4xNDMgMTA5LjE0My0xMjYuMjg2IDAgMCAzNi41NzEtNjQtNDAuNTcxLTY0LjU3MWwtMTQ2LjI4Ni0yLjI4NkM4NjkuMTQzIDY3LjQyOCA4MjcuNDI5IDk2IDgyNy40MjkgOTZjLTU0Ljg1NyAzNy43MTQtMTA2LjI4NiAxMzUuNDI5LTE0Ni4yODYgMTIyLjg1NyAwIDAtNDEuMTQzLTEzLjE0My00MC0xMDEuMTQzLjU3MS0xOC44NTctOC41NzEtMjkuMTQzLTguNTcxLTI5LjE0M1M2MjIuMjg2IDc3LjcxNCA2MDIuMjg2IDc2aC02NS43MTRjLTE0NC41NzEtOS4xNDMtMjcyIDEyNC0yNzIgMTI0UzEyNS4xNDMgMzQ0IDIuODU4IDYzMS40MjljLTggMTguODU3LjU3MSAyOCAuNTcxIDI4UzEyIDY3MC4yODYgMzYgNjcwLjI4NmwxNTYuNTcxIDEuMTQzYzE0Ljg1Ny0yLjI4NiAyNS4xNDMtMTAuMjg2IDI1LjE0My0xMC4yODZzOS4xNDMtNi4yODYgMTMuNzE0LTE4LjI4NmMyNS43MTQtNjQgNTguODU3LTEyMi4yODYgNTguODU3LTEyMi4yODYgNTcuMTQzLTExNy43MTQgOTYtMTM3LjcxNCAxMTguMjg2LTEyNS43MTQgMCAwIDI5LjE0MyAxNy43MTQgMjIuODU3IDE2MC0yLjI4NiA1MS40MjktMTYuNTcxIDc0Ljg1Ny0xNi41NzEgNzQuODU3LTEzLjE0MyAxNy43MTQtMzcuNzE0IDIyLjg1Ny00OC41NzEgMjQuNTcxLTguNTcxIDEuMTQzIDUuNzE0IDIxLjcxNCAyNC41NzEgMzAuODU3IDI4IDEzLjcxNCA3Ny43MTQgMTQuMjg2IDEzNi41NzEgMTMuNzE0IDQ2LjI4Ni0uNTcxIDU5LjQyOS0zLjQyOSA3Ny4xNDMtNy40MjkgNTQuMjg2LTEzLjE0MyAzNi02My40MjkgMzYtMTg0LjU3MSAwLTM4Ljg1Ny03LjQyOS05My4xNDMgMjAuNTcxLTExMC44NTcgMTItOCA0MS43MTQtMS4xNDMgMTE0Ljg1NyAxMjMuNDI5IDAgMCAzNC4yODYgNTkuNDI5IDYxLjE0MyAxMjguNTcxIDQuNTcxIDEyLjU3MSAxNC4yODYgMTcuNzE0IDE0LjI4NiAxNy43MTRzOS4xNDMgNS4xNDMgMjEuNzE0IDMuNDI5bDE2NC41NzEgMS4xNDNjNDkuNzE0IDYuMjg2IDU3LjcxNC0xNi41NzEgNTcuNzE0LTE2LjU3MXoiLz48L2ZvbnQ+PC9kZWZzPjwvc3ZnPg==) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=_icon-],
[class*=" _icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

._icon-vk:before {
  content: "";
}

._icon-instagram:before {
  content: "";
}

/**
 * Variables
*/
/* Typography */
/* Breakpoints */
/* Paths */
/* Grid setup */
/* Colour palette */
/* Components */
/* 
Header==================================================== */
#menu-toggle {
  display: none;
}

.header a {
  font-weight: 600;
  line-height: 16px;
  font-size: 16px;
  color: #242424;
}

/* Элементы меню============================================== */
.menu {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 41px;
  position: relative;
  width: 100%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.menu-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 635px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.menu-box__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.menu-box__item .menu-item {
  position: relative;
}
.menu-box__item .menu-item::after {
  content: "";
  position: absolute;
  background: #000;
  top: 100%;
  left: 0;
  width: 0;
  height: 2px;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.menu-box__item .menu-item:hover::after {
  width: 100%;
}
.menu-box__item li:nth-child(2) {
  margin-left: 32px;
}
.menu-box__item:nth-child(3) li {
  margin-left: 0;
}
.menu-box__item:nth-child(3) li:nth-child(2) {
  margin-right: 5vw;
}
.menu-box__item .icon {
  margin-right: 28px;
  color: #fff;
  border-color: #fff;
}

.social-list {
  margin-right: 71px;
}
.social-list li:nth-child(2) {
  margin-left: 0;
}

/* Картинка фона ======================================================*/
.header-background {
  position: absolute;
  padding-right: 100%;
  height: 100vw;
  z-index: -1;
  background: url(../images/design/dog_header.652b62.png) no-repeat 100% 0;
}

/**
 * Variables
*/
/* Typography */
/* Breakpoints */
/* Paths */
/* Grid setup */
/* Colour palette */
/* Components */
/* Кнопки ===============================================================*/
.btn {
  text-decoration: none;
  height: 42px;
  font-size: 20px;
  padding-left: 32px;
  padding-right: 32px;
  font-weight: 500;
  background: #fbc832;
  border-radius: 58px;
  border: none;
  -webkit-transition-duration: 0.4s;
          transition-duration: 0.4s;
  cursor: pointer;
}
.btn:hover {
  background-color: #ffdf86;
  outline: none;
}
.btn:active {
  background-color: #ffbb0c;
  outline: none;
}

.promo-btn {
  margin-top: 21px;
  width: 182px;
  color: #000;
}

.btn-secondary {
  height: 42px;
  font-weight: 500;
  font-size: 20px;
  border: 2px solid #ffc41e;
  border-radius: 58px;
  background-color: #f6f6f6;
  padding-right: 33px;
  padding-left: 32px;
  text-align: center;
  cursor: pointer;
}

.footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.footer p {
  margin-top: 24px;
  font-size: 12px;
  line-height: 140%;
  text-align: center;
}

.footer-menu,
.footer-menu:nth-child(2) {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-top: 40px;
  padding: 0;
  list-style-type: none;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.footer-menu:nth-child(2) {
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

.footer-items {
  font-weight: 600;
  font-size: 14px;
  padding: 0;
  border-bottom: 1px solid #474747;
}

.first-item {
  margin-left: 0;
}

.footer-about {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-flex: 1;
      -ms-flex: auto;
          flex: auto;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.footer-about li {
  border-bottom: 1px solid #474747;
  margin-left: 42px;
  font-weight: 400;
  line-height: 16px;
}
.footer-about .first-item {
  margin-left: 0;
}

/* рисуем разделительную линию */
.dividing-stripp {
  position: relative;
  text-align: center;
  overflow: hidden;
}

.dividing-stripp img {
  position: relative;
  width: 150px;
}

.dividing-stripp::before {
  content: "";
  display: block;
  width: 50%;
  position: absolute;
  border-bottom: 1px solid #ffc41e;
  top: 50%;
  right: 58%;
}

.dividing-stripp::after {
  display: block;
  width: 50%;
  content: "";
  position: absolute;
  border-bottom: 1px solid #ffc41e;
  top: 50%;
  left: 58%;
}

.home {
  margin-top: 63px;
}

.support {
  top: 47px;
  margin-top: 58px;
}

.support img {
  width: 130px;
}

.feed {
  margin-top: 47px;
}
.feed img {
  width: 130px;
}

.auto-help {
  margin-top: 85px;
}
.auto-help img {
  width: 118px;
}

.dividing-stripp {
  margin-top: 73px;
}
.dividing-stripp img {
  width: 85px;
}

.header-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.header-inner a {
  display: inline-block;
}

/*Подключаем общие стили==================================*/
body {
  font-family: Gilroy, serif;
  background-color: #f6f6f6;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  line-height: 140%;
  color: #242424;
}

a {
  text-decoration: none;
  color: #474747;
}

h3 {
  font-weight: 600;
  font-size: 1.75em;
  line-height: 24px;
  color: #242424;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}

/* Контейнер */
.container {
  position: relative;
  margin: 0 auto;
  max-width: 1146px;
}

.close {
  display: none;
}

/* Main==================================================================== */
.main {
  margin-top: 102px;
}

/* Section promo=========================================================== */
.promo {
  position: relative;
}

.promo-title {
  font-weight: 700;
  font-size: 72px;
  color: #242424;
}

.promo-h1 {
  margin-top: -41px;
  font-weight: 300;
  font-size: 16px;
  line-height: 18px;
  color: #6b6b6b;
}

.promo-text {
  margin-top: 0px;
  width: 659px;
  font-weight: 600;
  line-height: 140%;
  color: #474747;
}

.promo-text-info {
  margin-top: 44px;
  width: 428px;
  font-weight: 600;
  font-size: 24px;
  line-height: 29px;
  color: #c78100;
}

/* Надпись "Я буду лучшим другом" */
.container .promo-background-img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: url(../images/design/bestFriend.123b6d.png) no-repeat;
  top: 184px;
  left: -110px;
}

/* Кот на фоне */
.box-img {
  position: relative;
}

.promo-picture {
  position: absolute;
  top: 140px;
  left: 498px;
  z-index: 1;
}

/* подвал секции promo */
.promo-footer {
  margin-top: 273px;
  background-color: #ffffff;
}
.promo-footer .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

/* Декоративный элемент слева */
.image-wrapper {
  top: 54px;
  position: relative;
  width: 45%;
  left: -25px;
}

.image-wrapper::before {
  content: "";
  width: 50vw;
  position: absolute;
  right: 50%;
  top: 0;
  bottom: 0;
  background-color: #ffc41e;
}

.image-wrapper-main {
  position: relative;
}

.image-wrapper-main::after {
  background-image: url(../images/design/dogInPriason.85d3ae.png);
  background-size: 100% 100%;
}

.image-wrapper-secondary {
  position: absolute;
  top: auto;
  left: auto;
  bottom: -5%;
  right: -5%;
  width: 45%;
}

.image-wrapper-secondary::after {
  content: "";
  display: block;
  padding-bottom: 100%;
  background-image: url(../images/design/catInPriason.5df6c8.png);
  background-size: 100% 100%;
}

.circle-big {
  overflow: hidden;
  border: 28px solid;
  border-bottom: 29px solid;
  border-radius: 50%;
  color: #ffc41e;
}

.circle-small {
  border: 8px solid #ffc41e;
  border-bottom: 9px solid #ffc41e;
  border-radius: 50%;
}

.circle-big::after {
  content: "";
  display: block;
  padding-bottom: 100%;
  height: 0;
}

.promo-footer-info {
  margin-top: 101px;
  max-width: 476px;
  margin-right: 97px;
  padding-bottom: 124px;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.promo-h2 {
  padding-left: 11px;
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  color: #c78100;
}

.promo-footer-text {
  margin-left: 9px;
  padding-top: 3px;
  font-weight: 400;
  /* line-height: 140%; */
  color: #242424;
}

/* Section как помочь */
.title-help {
  margin-top: 77px;
  text-align: center;
  font-weight: 300;
  font-size: 28px;
  color: #242424;
}

.king-help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 49px;
  padding: 0;
}

.help-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  list-style-type: none;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}
.help-items:nth-child(1) > a {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODQiIGhlaWdodD0iODIiIHZpZXdCb3g9IjAgMCA4NCA4MiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTQwLjQzOCAyLjcxMWEyIDIgMCAwMTIuODEyLS4zMTJsNDAgMzIuMDE3YTIgMiAwIDExLTIuNSAzLjEyM2wtNDAtMzIuMDE3YTIgMiAwIDAxLS4zMTItMi44MTF6IiBmaWxsPSIjMjQyNDI0Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00My41NjEgMi43MTFhMiAyIDAgMDEtLjMxMSAyLjgxMWwtNDAgMzIuMDE3YTIgMiAwIDAxLTIuNS0zLjEyM2w0MC0zMi4wMTdhMiAyIDAgMDEyLjgxMS4zMTJ6IiBmaWxsPSIjMjQyNDI0Ii8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xNCAyNS45NzNhMiAyIDAgMDEyIDJWODBhMiAyIDAgMDEtNCAwVjI3Ljk3M2EyIDIgMCAwMTItMnptNTYgMGEyIDIgMCAwMTIgMlY4MGEyIDIgMCAwMS00IDBWMjcuOTczYTIgMiAwIDAxMi0yeiIgZmlsbD0iIzI0MjQyNCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTIgODBhMiAyIDAgMDEyLTJoNTZhMiAyIDAgMTEwIDRIMTRhMiAyIDAgMDEtMi0yeiIgZmlsbD0iIzI0MjQyNCIvPjxwYXRoIGQ9Ik00Mi4yODggNDUuNzQ5bDEwLjQzNCAzLjY0NXYxNC44N2MwIC4yOS0uMTE4LjU2Ni0uMzI3Ljc3YTEuMTI2IDEuMTI2IDAgMDEtLjc4Ny4zMmgtNC40NTNjLS4yOTYgMC0uNTc5LS4xMTUtLjc4OC0uMzJhMS4wNzcgMS4wNzcgMCAwMS0uMzI2LS43N1Y1Ni42NEgzNC45MDd2Ny42MjRjMCAuMjktLjExNy41NjYtLjMyNi43N2ExLjEyNiAxLjEyNiAwIDAxLS43ODcuMzJIMjkuMzRjLS4yOTUgMC0uNTc4LS4xMTUtLjc4Ny0uMzJhMS4wNzcgMS4wNzcgMCAwMS0uMzI2LS43N1Y0OS43MDNjLTIuNTg2LS45MDItNC40NTQtMy4yOTctNC40NTQtNi4xMzMgMC0uNTc4LjIzNS0xLjEzMi42NTItMS41NEEyLjI1MiAyLjI1MiAwIDAxMjYgNDEuMzkyYy41OSAwIDEuMTU3LjIzIDEuNTc1LjYzOC40MTcuNDA4LjY1Mi45NjIuNjUyIDEuNTQgMCAuNTc4LjIzNiAxLjEzMS42NTMgMS41NC40MTguNDA4Ljk4My42MzggMS41NzQuNjM5aDExLjgzNHptMTcuMTE0LTcuNjI1djIuMTc5YTQuMzEgNC4zMSAwIDAxLTEuMzA0IDMuMDggNC41MDQgNC41MDQgMCAwMS0zLjE1IDEuMjc2aC0yLjIyNnYyLjQyMmwtOC45MDgtMy4xMTFWMzMuNzY4YzAtLjk3IDEuMTk5LTEuNDU2IDEuOS0uNzdsMS45IDEuODU5aDMuNzMxYy43NiAwIDEuNjUzLjU0IDEuOTkyIDEuMjA0bC40OTguOTc0aDQuNDU0Yy4yOTUgMCAuNTc4LjExNS43ODcuMzIuMjA5LjIwNC4zMjYuNDguMzI2Ljc3em0tNy43OTQgMGMwLS4yMTUtLjA2NS0uNDI1LS4xODctLjYwNWExLjEwOSAxLjEwOSAwIDAwLS41LS40IDEuMTM2IDEuMTM2IDAgMDAtMS4yMTMuMjM1IDEuMDY3IDEuMDY3IDAgMDAtLjI0MSAxLjE4N2MuMDg0LjIuMjI2LjM3LjQxLjQ5YTEuMTMgMS4xMyAwIDAwMS40MDUtLjEzNmMuMjA5LS4yMDUuMzI2LS40ODIuMzI2LS43N3oiIGZpbGw9IiMyNDI0MjQiLz48cGF0aCBkPSJNMzYuNzY3IDYuNjk2QTEwLjk5IDEwLjk5IDAgMDAzNC40MiAzLjIgMTAuODg3IDEwLjg4NyAwIDAwMzAuOTU2Ljg1NyAxMC43MjMgMTAuNzIzIDAgMDAyNi43MzMgMGExMC44MjQgMTAuODI0IDAgMDAtNi45MTYgMi40OTVBMTAuODI0IDEwLjgyNCAwIDAwMTIuOSAwYy0xLjQ2NSAwLTIuODg0LjI4Ny00LjIyNC44NTdBMTAuODY0IDEwLjg2NCAwIDAwNS4yMTMgMy4yYTEwLjkyNCAxMC45MjQgMCAwMC0yLjM0NyAzLjQ5NkExMS4wNDggMTEuMDQ4IDAgMDAyIDExYzAgMS40MDYuMjggMi44Ny44MzcgNC4zNjEuNDY2IDEuMjQ2IDEuMTM0IDIuNTM4IDEuOTg4IDMuODQzIDEuMzUzIDIuMDY0IDMuMjEzIDQuMjE4IDUuNTIyIDYuNCAzLjgyOCAzLjYxOSA3LjYxOCA2LjExOCA3Ljc3OSA2LjIybC45NzcuNjQyYy40MzMuMjgyLjk5LjI4MiAxLjQyMyAwbC45NzctLjY0MmMuMTYxLS4xMDYgMy45NDctMi42MDEgNy43NzktNi4yMiAyLjMwOS0yLjE4MyA0LjE2OS00LjMzNiA1LjUyMi02LjQuODUzLTEuMzA1IDEuNTI2LTIuNTk3IDEuOTg4LTMuODQzLjU1Ni0xLjQ5LjgzNy0yLjk1NS44MzctNC4zNjFhMTAuOTcxIDEwLjk3MSAwIDAwLS44NjItNC4zMDN6IiBmaWxsPSIjRkZDNDFFIi8+PC9zdmc+) center/60% 60% no-repeat;
}
.help-items:nth-child(2) > a {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTMiIGhlaWdodD0iNjciIHZpZXdCb3g9IjAgMCA5MyA2NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTM2LjU2MSA1LjI3NmMwLTEuNC41NTYtMi43NDEgMS41NDQtMy43M0E1LjI2NyA1LjI2NyAwIDAxNDEuODMyIDBoMzEuNjJhNS4yNyA1LjI3IDAgMDEzLjcyNyAxLjU0NSA1LjI4IDUuMjggMCAwMTEuNTQzIDMuNzMxdjEzLjE5MWgtNDIuMTZWNS4yNzd6bTMwLjMwNCAyLjYzOGExLjMxNyAxLjMxNyAwIDAwLTEuMzE4IDEuMzJ2Mi42MzhhMS4zMiAxLjMyIDAgMDAxLjMxOCAxLjMxOWg1LjI3YTEuMzE3IDEuMzE3IDAgMDAxLjMxNy0xLjMyVjkuMjM1YTEuMzIgMS4zMiAwIDAwLTEuMzE3LTEuMzJoLTUuMjd6IiBmaWxsPSIjRkZDNDFFIi8+PHBhdGggZD0iTTM2LjU2MSAyMy43NDN2Mi42MzljMCAxLjM5OS41NTYgMi43NDEgMS41NDQgMy43M2E1LjI2NyA1LjI2NyAwIDAwMy43MjcgMS41NDZoMzEuNjJhNS4yNjcgNS4yNjcgMCAwMDMuNzI3LTEuNTQ2IDUuMjggNS4yOCAwIDAwMS41NDMtMy43M3YtMi42MzloLTQyLjE2eiIgZmlsbD0iI0ZGQzQxRSIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNCAyOC42MzRWNjJoNi4zMzVWMjguNjM0SDR6bS0yLTRhMiAyIDAgMDAtMiAyVjY0YTIgMiAwIDAwMiAyaDEwLjMzNWEyIDIgMCAwMDItMlYyNi42MzRhMiAyIDAgMDAtMi0ySDJ6bTE0Ljg1NCA3LjAyNGg0djI1LjQ4YzIuMjY4LjEwNSAzLjk4My4zOCA1LjY2OC42OGwuNjI5LjExM2MxLjg4Ni4zNCAzLjc4NC42OCA2LjU4NC44NTZsLjI0Mi4wMTUuMjMzLjA3M2MxMS4wMDcgMy40NTggMTcuMzcxIDQuNDg0IDIyLjIyIDQuMDE0IDQuNzgxLS40NjMgOC4yODQtMi4zODkgMTMuNjk0LTUuNTI1IDMuODAyLTIuMjAzIDEwLjEwNi03LjA2MyAxNC41ODUtMTAuNzMxIDIuOTU3LTIuOTM0IDMuOTY2LTQuNDk5IDQuMjMtNS4yOTZhLjkwNC45MDQgMCAwMC4wNi0uMjk3LjQ5LjQ5IDAgMDAtLjA1LS4wODIgMi41NzMgMi41NzMgMCAwMC0uMjU5LS4yODljLS41My0uNTMxLS45Ni0uNzM5LTEuMjk1LS44Mi0uMzM4LS4wOC0uNzQ2LS4wNzMtMS4yOTMuMDk0LTEuMjEuMzY3LTIuNjQzIDEuMzQzLTQuNTk4IDIuODExbC0uNzc0LjU4NWMtMy41OCAyLjcxMy04LjM2MiA2LjMzNi0xNC41MTQgNi43NzYtNC42ODMuMzM1LTEwLjkxLjExNi0xNi4zNTktLjE3NmE2NjkuNDE0IDY2OS40MTQgMCAwMS02LjA2Mi0uMzZjLTIuNzM4LS4xNy00Ljg2NS0uMzAzLTUuOTY5LS4zMDN2LTRjMS4yMTkgMCAzLjU4Mi4xNDcgNi40NzQuMzI3IDEuNzczLjExIDMuNzQ0LjIzMyA1Ljc3MS4zNDEgNS40NTQuMjkzIDExLjQ1NC40OTYgMTUuODYuMTggNC45MjItLjM1MSA4LjgwMy0zLjI3NyAxMi41NDEtNi4wOTRsLjYzLS40NzRjMS44NC0xLjM4MSAzLjgzMy0yLjgzMiA1LjgzNy0zLjQ0IDEuMDYtLjMyMyAyLjIwNy0uNDQgMy4zOTEtLjE1NSAxLjE4Ny4yODUgMi4yNDUuOTM1IDMuMTkgMS44ODEuNC40Ljk0NyAxLjAwOCAxLjI1MSAxLjg2NC4zMjYuOTE4LjI5NSAxLjg5LS4wMzUgMi44ODgtLjU5OCAxLjgwNi0yLjI3OSAzLjk4LTUuMjggNi45NDhsLS4wNjcuMDY1LS4wNzIuMDZjLTQuNDcgMy42NjQtMTEuMDUgOC43Ni0xNS4xODcgMTEuMTU4LTUuMzQ1IDMuMDk4LTkuNTUyIDUuNDg4LTE1LjMxNSA2LjA0Ni01LjY1OC41NDctMTIuNjE3LS42NzktMjMuNTc0LTQuMTA4LTIuOTA4LS4xOTQtNC45NDgtLjU2Mi02Ljc5Ni0uODk1bC0uNjI0LS4xMTJjLTIuMDMtLjM2MS0zLjk3LS42NjItNi45NjctLjY2MmgtMlYzMS42NTh6bTcyLjE0MiA5LjM2NGMuMDAxIDAgLjAwMy4wMDQuMDA0LjAxNy0uMDA0LS4wMS0uMDA0LS4wMTctLjAwNC0uMDE3eiIgZmlsbD0iIzI0MjQyNCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTkuNTEgMzMuNDU3Yy0uNzk2LjA3NS0xLjUzNC4xNDQtMi4xODkuMTk1bC0uMzA3LTMuOTg4YTEzNC4wMiAxMzQuMDIgMCAwMDEuOTYtLjE3NmMxLjYzMS0uMTUzIDMuNjU4LS4zNDMgNS42LS40MzQgMS40NDctLjA2NyAyLjkyOS0uMDg1IDQuMjg4LjAwNiAxLjMzLjA5IDIuNjg1LjI5MiAzLjgwNS43NDEgMi40OTIuOTk4IDQuMjE4IDIuNTgxIDUuNTE5IDMuODUzLjE2Ni4xNjIuMzIyLjMxNS40NjguNDYuNDU2LjQ1LjgzMS44MiAxLjIxIDEuMTQ1LjQ4OC40MTguODE3LjYxIDEuMDYuNjkgMi40NjMuODI1IDUuODM2IDEuMTk5IDkuMTU4IDEuMzg4IDEuNTg1LjA5IDMuMTEyLjEzOCA0LjQ3OC4xOGwuMTQuMDA0YzEuMzcyLjA0MiAyLjYzMS4wODIgMy41NDUuMTY1LjM0OC4wMzIuNzMuMDYxIDEuMTQuMDkzIDIuMDg3LjE2MiA0Ljg1Ny4zNzcgNy4xMzYgMS4xNyAxLjQxLjQ5MiAyLjg0NSAxLjI2NiAzLjg4OSAyLjU1OSAxLjA4MiAxLjM0IDEuNTg4IDMuMDQxIDEuNDU0IDUuMDU2LS4xMDggMS42MTctMS4zNTMgMi40NzItMi4yNDYgMi44NzQtLjk0LjQyMy0yLjExNy42NTYtMy4zMjYuNzk3LTIuNDU0LjI4Ny01LjcwNS4yNi05LjA5OS4xMTUtMi45NzgtLjEyNy02LjE2MS0uMzUtOS4xNDQtLjU1OWwtMS4zMDEtLjA5Yy0zLjM3Ny0uMjM0LTYuMzctLjQyNS04LjUtLjQyNXYtNGMyLjI5NiAwIDUuNDM2LjIwMiA4Ljc3Ny40MzQuNDMyLjAzLjg2OS4wNiAxLjMwOC4wOTIgMi45ODguMjA5IDYuMTExLjQyNyA5LjAzLjU1MiAzLjM3Mi4xNDMgNi4zNS4xNTUgOC40NjYtLjA5Mi45OTUtLjExNiAxLjY2My0uMjc1IDIuMDU1LS40MzItLjAxOC0uODcyLS4yNzItMS40Mi0uNTg2LTEuODA5LS40MDUtLjUwMi0xLjA3OS0uOTQtMi4wOTMtMS4yOTQtMS43MzktLjYwNS0zLjg1Ni0uNzc1LTUuOTUtLjk0My0uNDYtLjAzNi0uOTE5LS4wNzMtMS4zNzMtLjExNC0uNzY2LS4wNy0xLjg4NS0uMTA3LTMuMzA1LS4xNWwtLjE1My0uMDA2Yy0xLjM1OC0uMDQxLTIuOTMxLS4wOS00LjU3LS4xODMtMy4zNTctLjE5Mi03LjE5Mi0uNTgxLTEwLjItMS41ODgtLjk1NS0uMzItMS43NDUtLjg5MS0yLjM5Mi0xLjQ0NmEyOS43NzMgMjkuNzczIDAgMDEtMS40ODgtMS40MDVsLS4zODQtLjM3N2MtMS4yMjgtMS4yLTIuNDg2LTIuMzEtNC4yMS0zLS41NDMtLjIxOC0xLjQwOS0uMzg0LTIuNTg3LS40NjQtMS4xNDgtLjA3Ny0yLjQ2My0uMDY1LTMuODMyIDAtMS44NTcuMDg2LTMuNjcuMjU3LTUuMjUuNDA2ek02OC4xNDkgNDUuN2wtLjAxNi4wMWEuMDg1LjA4NSAwIDAxLjAxNi0uMDF6IiBmaWxsPSIjMjQyNDI0Ii8+PC9zdmc+) center/60% 60% no-repeat;
}
.help-items:nth-child(3) > a {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOTMiIGhlaWdodD0iNzMiIHZpZXdCb3g9IjAgMCA5MyA3MyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTEzLjg4MSAxMy44NDZIMHYxNC45MTFoMTMuODh2MTMuODQ2aDE0Ljk1VjI4Ljc1N2gxMy44OFYxMy44NDZIMjguODNWMEgxMy44OHYxMy44NDZ6bTQtOS44NDZ2MTMuODQ2SDR2Ni45MTFoMTMuODh2MTMuODQ2aDYuOTVWMjQuNzU3aDEzLjg4di02LjkxMUgyNC44M1Y0aC02Ljk1eiIgZmlsbD0iI0ZGQzQxRSIvPjxwYXRoIGQ9Ik00My43NDUgMzcuOTU4bDE4LjgyOSA2LjUxNXYyNi41OGExLjkyIDEuOTIgMCAwMS0uNTg4IDEuMzc3Yy0uMzc3LjM2NS0uODg4LjU3LTEuNDIxLjU3aC04LjAzN2EyLjA0MiAyLjA0MiAwIDAxLTEuNDIxLS41NyAxLjkxNyAxLjkxNyAwIDAxLS41ODktMS4zNzdWNTcuNDI2SDMwLjQyNnYxMy42MjdjMCAuNTE2LS4yMTIgMS4wMTItLjU4OSAxLjM3N3MtLjg4Ny41Ny0xLjQyLjU3aC04LjAzOGEyLjA0MiAyLjA0MiAwIDAxLTEuNDItLjU3IDEuOTE3IDEuOTE3IDAgMDEtLjU4OS0xLjM3N1Y0NS4wMjZjLTQuNjY2LTEuNjEzLTguMDM3LTUuODkzLTguMDM3LTEwLjk2MiAwLTEuMDMzLjQyNC0yLjAyMyAxLjE3Ny0yLjc1M2E0LjA4NSA0LjA4NSAwIDAxMi44NDItMS4xNGMxLjA2NiAwIDIuMDg4LjQxIDIuODQxIDEuMTRhMy44MzMgMy44MzMgMCAwMTEuMTc3IDIuNzUzIDMuODQgMy44NCAwIDAwMS4xOCAyLjc1MSA0LjA5MiA0LjA5MiAwIDAwMi44MzkgMS4xNDNoMjEuMzU2ek03NC42MjkgMjQuMzN2My44OTRhNy42NjcgNy42NjcgMCAwMS0yLjM1MyA1LjUwNiA4LjE3IDguMTcgMCAwMS01LjY4MyAyLjI4aC00LjAxOXY0LjMzTDQ2LjUgMzQuNzc4VjE2LjU0M2MwLTEuNzM0IDIuMTYyLTIuNjAzIDMuNDMtMS4zNzZsMy40MjUgMy4zMjNoNi43MzVjMS4zNyAwIDIuOTgyLjk2MyAzLjU5NCAyLjE1MmwuOSAxLjc0MWg4LjAzNmMuNTMzIDAgMS4wNDQuMjA1IDEuNDIxLjU3LjM3Ny4zNjYuNTg4Ljg2LjU4OCAxLjM3N3ptLTE0LjA2NCAwYzAtLjM4NS0uMTE4LS43NjEtLjMzOS0xLjA4Mi0uMjItLjMyLS41MzUtLjU3LS45MDItLjcxN2EyLjA2OSAyLjA2OSAwIDAwLTEuMTYtLjExIDIuMDMgMi4wMyAwIDAwLTEuMDMuNTMyYy0uMjguMjczLS40NzIuNjItLjU1Ljk5N2ExLjg5IDEuODkgMCAwMC4xMTUgMS4xMjVjLjE1Mi4zNTYuNDEuNjYuNzQuODc0YTIuMDU2IDIuMDU2IDAgMDAyLjUzNy0uMjQyYy4zNzctLjM2Ni41ODktLjg2LjU4OS0xLjM3N3oiIGZpbGw9IiMyNDI0MjQiLz48cGF0aCBkPSJNOTMgNjAuOTc1QzkzIDY3LjY3NSA4Ny40ODMgNzMgODAuNTQzIDczSDY5Ljg2NWMtNi45NCAwLTEyLjQ1Ny01LjMyNS0xMi40NTctMTIuMDI1VjU1LjgySDkzdjUuMTU0eiIgZmlsbD0iI0ZGQzQxRSIvPjwvc3ZnPg==) center/60% 60% no-repeat;
}
.help-items:nth-child(4) > a {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMiIGhlaWdodD0iODEiIHZpZXdCb3g9IjAgMCA4MyA4MSIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMzEuNjg1IDE5Ljc2NGwxNS45NDggNS41MTJWNDcuNzZjMCAuNDM2LS4xOC44NTUtLjQ5OSAxLjE2NGExLjczIDEuNzMgMCAwMS0xLjIwMy40ODJoLTYuODA3YTEuNzMgMS43MyAwIDAxLTEuMjAzLS40ODIgMS42MiAxLjYyIDAgMDEtLjQ5OS0xLjE2NFYzNi4yMzJIMjAuNDA1VjQ3Ljc2YzAgLjQzNi0uMTguODU1LS40OTggMS4xNjRhMS43MyAxLjczIDAgMDEtMS4yMDQuNDgyaC02LjgwN2ExLjczIDEuNzMgMCAwMS0xLjIwMy0uNDgyIDEuNjIgMS42MiAwIDAxLS40OTgtMS4xNjRWMjUuNzQzYy0zLjk1My0xLjM2NC02LjgwNy00Ljk4NC02LjgwNy05LjI3MiAwLS44NzQuMzU4LTEuNzEyLjk5Ny0yLjMzYTMuNDYyIDMuNDYyIDAgMDEyLjQwNi0uOTY0IDMuNDYgMy40NiAwIDAxMi40MDcuOTY1IDMuMjQgMy4yNCAwIDAxLjk5NyAyLjMyOWMuMDAxLjg3My4zNiAxLjcxLjk5OCAyLjMyN2EzLjQ2OSAzLjQ2OSAwIDAwMi40MDUuOTY2aDE4LjA4N3pNNTcuODQzIDguMjM3djMuMjkzYTYuNDgxIDYuNDgxIDAgMDEtMS45OTQgNC42NTggNi45MjQgNi45MjQgMCAwMS00LjgxMyAxLjkzaC0zLjQwNHYzLjY2MkwzNC4wMiAxNy4wNzVWMS42NWMwLTEuNDY3IDEuODMxLTIuMjAyIDIuOTA0LTEuMTY0bDIuOTAyIDIuODFoNS43MDRjMS4xNiAwIDIuNTI2LjgxNiAzLjA0NCAxLjgyMWwuNzYxIDEuNDczaDYuODA3Yy40NTEgMCAuODg0LjE3NCAxLjIwMy40ODIuMzIuMzEuNDk5LjcyOC40OTkgMS4xNjV6bS0xMS45MTIgMGMwLS4zMjYtLjEtLjY0NC0uMjg3LS45MTVhMS42OTEgMS42OTEgMCAwMC0uNzY0LS42MDcgMS43NTQgMS43NTQgMCAwMC0uOTgzLS4wOTMgMS43MiAxLjcyIDAgMDAtLjg3MS40NWMtLjIzOC4yMy0uNC41MjQtLjQ2Ni44NDQtLjA2Ni4zMTktLjAzMi42NS4wOTcuOTUxLjEyOS4zLjM0Ny41NTguNjI3Ljc0YTEuNzQyIDEuNzQyIDAgMDAyLjE0OC0uMjA2IDEuNjIgMS42MiAwIDAwLjQ5OS0xLjE2NHoiIGZpbGw9IiMyNDI0MjQiLz48cGF0aCBkPSJNMTcuMTAzIDI5LjUzMWMtMy40NjUgMC02LjY2NiAxLjcyLTguNTkzIDQuNTg0TDEuMjk3IDQ0LjgxMUE3LjYgNy42IDAgMDAwIDQ5LjA3NHYxNy4wNDlhNS4wOTYgNS4wOTYgMCAwMDEuMDggMy4xNTcgNS4xNjUgNS4xNjUgMCAwMDIuODEgMS44MjhsNi43MjkgMS42OWExMC4yOCAxMC4yOCAwIDAwMy42IDUuODg0QTEwLjQyNSAxMC40MjUgMCAwMDIwLjc1IDgxYzQuODA0IDAgOC44MTQtMy4yOTcgOS45Ny03LjcyaDI0LjE1M0M1Ni4wMyA3Ny43MDMgNjAuMDQgODEgNjQuODQzIDgxYzQuODA0IDAgOC44MTQtMy4yOTcgOS45NzEtNy43MmgyLjk5OWMyLjgzNyAwIDUuMTg3LTIuMzMyIDUuMTg3LTUuMTQ3di05LjQwOWExMC4yMzggMTAuMjM4IDAgMDAtMi4yMDItNi4zMjcgMTAuMzc3IDEwLjM3NyAwIDAwLTUuNjYtMy42NDVsLTE0LjAyNC0zLjUzOC0xMC4xMzEtMTEuOTgyYTEwLjMyNiAxMC4zMjYgMCAwMC0zLjU1Ni0yLjcyOCAxMC40MDYgMTAuNDA2IDAgMDAtNC4zODYtLjk3M0gxNy4xMDN6bTAgNS4xNDdoMTEuNDI4djEwLjI5NEg3LjQ1N2w1LjM1MS03Ljk2MnYtLjA4YTUuMDc3IDUuMDc3IDAgMDExLjg1OC0xLjY2NiA1LjEyNSA1LjEyNSAwIDAxMi40MzUtLjU4NmguMDAyem0xNi42MTYgMGg5LjMyMmE1LjE2IDUuMTYgMCAwMTMuOTcgMS44NWw3LjEzMyA4LjQ0NEgzMy43MlYzNC42Nzh6TTUuMTg4IDUwLjExOGg1NC4xNDRsMTQuNTkgMy42MTlhNS4xMjkgNS4xMjkgMCAwMTIuODE5IDEuODIzIDUuMDU5IDUuMDU5IDAgMDExLjA3MiAzLjE2NHY5LjQwOWgtMi45OTljLTEuMTU3LTQuNDI0LTUuMTY3LTcuNzItOS45Ny03LjcyLTQuODA0IDAtOC44MTQgMy4yOTYtOS45NyA3LjcySDMwLjcyYy0xLjE1Ni00LjQyNC01LjE2Ni03LjcyLTkuOTctNy43Mi00LjU5OSAwLTguNDYgMy4wMTYtOS44MDcgNy4xNTZsLTUuNzU1LTEuNDQ0VjUwLjEyek0yMC43NSA2NS41NmMyLjg5NyAwIDUuMTg4IDIuMjczIDUuMTg4IDUuMTQ3IDAgMi44NzUtMi4yOSA1LjE0Ny01LjE4OCA1LjE0Ny0yLjg5NyAwLTUuMTg4LTIuMjcyLTUuMTg4LTUuMTQ3IDAtMi44NzQgMi4yOS01LjE0NyA1LjE4OC01LjE0N3ptNDQuMDk0IDBjMi44OTcgMCA1LjE4NyAyLjI3MyA1LjE4NyA1LjE0NyAwIDIuODc1LTIuMjkgNS4xNDctNS4xODcgNS4xNDctMi44OTcgMC01LjE4OC0yLjI3Mi01LjE4OC01LjE0NyAwLTIuODc0IDIuMjktNS4xNDcgNS4xODgtNS4xNDd6IiBmaWxsPSIjRkZDNDFFIi8+PC9zdmc+) center/60% 60% no-repeat;
}
.help-items:nth-child(5) > a {
  background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjUiIGhlaWdodD0iODciIHZpZXdCb3g9IjAgMCA2NSA4NyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcuNDM4IDIwLjUwNmEzLjQgMy40IDAgMDAtMi40MjEgMS4wMTlBMy41NTMgMy41NTMgMCAwMDQgMjQuMDJ2MzAuMzI2YTIgMiAwIDExLTQgMFYyNC4wMmMwLTEuOTg0Ljc3Ny0zLjg5MiAyLjE2OS01LjMwNGE3LjQgNy40IDAgMDE1LjI2OS0yLjIxIDcuNCA3LjQgMCAwMTUuMjcgMi4yMSA3LjU1MyA3LjU1MyAwIDAxMi4xNjggNS4zMDR2MTkuMjk5YTIgMiAwIDAxLTQgMHYtMTkuM2MwLS45NC0uMzY5LTEuODM3LTEuMDE3LTIuNDk0YTMuNCAzLjQgMCAwMC0yLjQyMS0xLjAyeiIgZmlsbD0iIzAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMTguNTUgOS42NmEzLjc2IDMuNzYgMCAwMC0yLjYxOCAxLjA0OSAzLjQzNiAzLjQzNiAwIDAwLTEuMDU2IDIuNDY0VjQzLjVhMiAyIDAgMDEtNCAwVjEzLjE3M2MwLTIuMDExLjgyMy0zLjkyOSAyLjI2OC01LjMzM2E3Ljc1OSA3Ljc1OSAwIDAxNS40MDYtMi4xOGMyLjAxOCAwIDMuOTYzLjc3NyA1LjQwNyAyLjE4YTcuNDM2IDcuNDM2IDAgMDEyLjI2OCA1LjMzM3YyNy41N2EyIDIgMCAxMS00IDB2LTI3LjU3YzAtLjkxMy0uMzczLTEuOC0xLjA1Ni0yLjQ2NGEzLjc2IDMuNzYgMCAwMC0yLjYxOS0xLjA1em0yMi4yMjUgMi44MjljLS45OTYgMC0xLjkzOC4zODMtMi42MjIgMS4wNDRBMy4zOSAzLjM5IDAgMDAzNy4xIDE1Ljk3djI0Ljg0MWEyIDIgMCAxMS00IDB2LTI0Ljg0YTcuMzkgNy4zOSAwIDAxMi4yNzItNS4zMTUgNy43NzcgNy43NzcgMCAwMTUuNDAyLTIuMTY3YzIuMDE0IDAgMy45NTguNzcyIDUuNDAyIDIuMTY3YTcuMzkgNy4zOSAwIDAxMi4yNzMgNS4zMTV2MzguMzc1YTIgMiAwIDAxLTQgMFYxNS45NzFjMC0uOTAxLS4zNy0xLjc4LTEuMDUyLTIuNDM4YTMuNzc3IDMuNzc3IDAgMDAtMi42MjMtMS4wNDR6IiBmaWxsPSIjMDAwIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yOS42NjMgNGMtLjkwMiAwLTEuNzczLjM2NC0yLjQyIDEuMDIxYTMuNTcgMy41NyAwIDAwLTEuMDE4IDIuNTAzVjQwLjY3YTIgMiAwIDAxLTQgMFY3LjUyNGE3LjU3IDcuNTcgMCAwMTIuMTY3LTUuMzA5QTcuMzk1IDcuMzk1IDAgMDEyOS42NjIgMGMxLjk4NCAwIDMuODc5LjggNS4yNzEgMi4yMTVhNy41NyA3LjU3IDAgMDEyLjE2OCA1LjMxVjQwLjY3YTIgMiAwIDAxLTQgMFY3LjUyNGMwLS45NDQtLjM3LTEuODQ0LTEuMDE4LTIuNTAzQTMuMzk1IDMuMzk1IDAgMDAyOS42NjMgNHoiIGZpbGw9IiMwMDAiLz48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTUwLjkxOCAzOC4yOTFjMi4wNS0zLjg5OCA2Ljg5Ny00Ljg0NyAxMC40MzctMi44MzMgMS44MSAxLjAzIDIuOTY1IDIuNTg3IDMuNDIyIDQuNDQuNDQzIDEuNzk4LjE5NiAzLjcyNC0uNDc2IDUuNTVsLS4wMDEuMDAyLTkuMTMyIDI0Ljk3M2MtLjAxLjAyOS0uMDIyLjA1Ny0uMDM0LjA4Ni0xLjg0MiA0LjQtNC40NiA4LjU4LTguNzYyIDExLjYzN0M0Mi4wNjIgODUuMjEgMzYuMjY4IDg3IDI4LjMzOCA4N2MtOC4wODIgMC0xNS4yMzgtMi43MDYtMjAuMzYtOC4yNzRDMi44NzMgNzMuMTc0IDAgNjUuMDA3IDAgNTQuNDcyYTIgMiAwIDExNCAwYzAgOS44MjggMi42NzIgMTYuOTI1IDYuOTIzIDIxLjU0NkMxNS4xNTkgODAuNjI0IDIxLjE3IDgzIDI4LjMzOCA4M2M3LjMxOCAwIDEyLjI0Mi0xLjY0NCAxNS43MTctNC4xMTQgMy40Ny0yLjQ2NyA1LjcwMS01LjkwMyA3LjM3Mi05Ljg4bDkuMTE4LTI0LjkzNC4wMDEtLjAwNWMuNDgxLTEuMzA0LjU0OS0yLjM5NC4zNDctMy4yMTItLjE4OC0uNzY0LS42MzktMS40MjItMS41MTUtMS45Mi0xLjgxMy0xLjAzMS0zLjk5NS0uNDM4LTQuODgyIDEuMTQ4bC02LjI5IDE1LjE1NmEyIDIgMCAwMS0zLjY5NS0xLjUzNGw2LjMzLTE1LjI1YTIuMjEgMi4yMSAwIDAxLjA3Ny0uMTY0eiIgZmlsbD0iIzAwMCIvPjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNMzEuMzQ2IDU3LjEzOWMuMTQ4LjAyMi4yOTguMDMzLjQ0OC4wMzMgMS4xIDAgMi4xNjctLjU4IDMuMDEtMS42MzQuNzQ5LS45MzggMS4yNy0yLjIgMS40NjgtMy41NTcuNDY4LTMuMjI3LS45Ni02LjAxNS0zLjI1LTYuMzUyYTMuMDUzIDMuMDUzIDAgMDAtLjQ0OC0uMDMzYy0xLjA5OCAwLTIuMTY4LjU4LTMuMDA4IDEuNjMyLS43NS45MzctMS4yNzQgMi4yMDEtMS40NyAzLjU2LS40NjggMy4yMjcuOTYgNi4wMTUgMy4yNSA2LjM1MXptLTguNTM4LjAzM2MtMS4wOTggMC0yLjE2Ny0uNTgtMy4wMDktMS42MzQtLjc1LS45MzgtMS4yNzQtMi4yLTEuNDY5LTMuNTU2LS40NjgtMy4yMjguOTU5LTYuMDE2IDMuMjUtNi4zNTJhMy4wNSAzLjA1IDAgMDEuNDQ4LS4wMzNjMS4wOTggMCAyLjE2OC41OCAzLjAwOCAxLjYzMS43NS45MzcgMS4yNzQgMi4yMDEgMS40NyAzLjU1OS40NjkgMy4yMjgtLjk1OSA2LjAxNi0zLjI1IDYuMzUyYTMuMDQgMy4wNCAwIDAxLS40NDguMDMzem0yMS4wODEtMi4wNjRjLS4zOTMtLjkzMS0xLjA0NS0xLjYwMi0xLjg4Ny0xLjk0bC0uMDEyLS4wMDVhMy4yOTQgMy4yOTQgMCAwMC0xLjIwMy0uMjI2aC0uMDQ1Yy0xLjkyOC4wMy0zLjg5NiAxLjY2My00Ljg5NyA0LjA2Ny0uNzM0IDEuNzU3LS44MTggMy42NDctLjIyNSA1LjA1Ni4zOTIuOTMxIDEuMDQ2IDEuNjAzIDEuODkyIDEuOTRsLjAwOS4wMDRjLjM4My4xNS43OTEuMjI3IDEuMjAzLjIyNiAxLjk0NiAwIDMuOTM1LTEuNjM0IDQuOTU0LTQuMDY5LjcyNS0xLjc1NS44MDUtMy42NDQuMjExLTUuMDUzem0tNy43MDMgMTAuMzY1Yy0xLjExMS0uNjY2LTIuMTYyLTEuMjk2LTIuODQ5LTIuNDI5LTEuODk0LTMuMTMzLTMuMDM3LTUuMDI1LTYuMDM2LTUuMDI1LTIuOTk5IDAtNC4xNDUgMS44OTItNi4wNDMgNS4wMjUtLjY4NyAxLjEzMy0xLjczOSAxLjc2NC0yLjg1MyAyLjQzMmwtLjAwNC4wMDJjLTEuMjc5Ljc2Ny0yLjYgMS41NTktMy4xNyAzLjExN2E0LjcxNSA0LjcxNSAwIDAwLS4zMyAxLjc2NGMwIDIuNTM4IDEuOTgyIDQuNjAyIDQuNDE3IDQuNjAyIDEuMjU2IDAgMi41OTMtLjQzNCA0LjAwOC0uODkzIDEuMzYtLjQ0MiAyLjc2Ni0uODk5IDMuOTgyLS44OTkgMS4yMTYgMCAyLjYxOS40NTcgMy45NzQuODk5bC4wMzguMDEyYzEuMzk4LjQ1MiAyLjcxNi44NzkgMy45NjQuODc5IDIuNDMxIDAgNC40MS0yLjA2NSA0LjQxLTQuNjAyYTQuNzE3IDQuNzE3IDAgMDAtLjMzNy0xLjc2NWMtLjU3LTEuNTYtMS44OTItMi4zNTItMy4xNy0zLjExOHptLTE5LjA5NS0xLjQ3MmwtLjAxLjAwM2EzLjI3IDMuMjcgMCAwMS0xLjIwMS4yMjZjLTEuOTQ0IDAtMy45MzItMS42MzQtNC45NDctNC4wNjctLjczMi0xLjc1Ny0uODE2LTMuNjQ1LS4yMjItNS4wNTcuMzkxLS45MyAxLjA0NC0xLjYwNCAxLjg4Ni0xLjk0bC4wMS0uMDAzYTMuMjkgMy4yOSAwIDAxMS4yMDMtLjIyNmMxLjk0NCAwIDMuOTMyIDEuNjM1IDQuOTQ3IDQuMDY3LjczMiAxLjc1OC44MTYgMy42NDYuMjIzIDUuMDU3LS4zOTIuOTMxLTEuMDQ1IDEuNjAyLTEuODkgMS45NHoiIGZpbGw9IiNGRkM0MUUiLz48L3N2Zz4=) center/60% 60% no-repeat;
}
.help-items .help-items-img {
  display: block;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  border: 2px solid #ffc41e;
}
.help-items .help-items-img:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 2px 4px #cccccc;
          box-shadow: 0px 2px 4px #cccccc;
}
.help-items p {
  width: 166px;
}

/*=================================================== */
.home-for {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 67px;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.home-for-info {
  padding-right: 97px;
  width: 389px;
  -webkit-box-flex: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
}

.home-for h3 {
  margin: 0;
}
.home-for h3 p {
  margin-top: 21px;
  font-weight: 400;
  font-size: 16px;
}

/* Section photo__card============================================== */
.photo__card h3 {
  text-align: center;
  margin-top: 56px;
  margin-bottom: 0;
  font-weight: 300;
  font-size: 28px;
}

/* Делаем карточки на гридах */
.photo__card-box {
  position: relative;
  height: 656px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  grid-gap: 16px;
  justify-items: center;
}

.card-animal {
  display: grid;
  border: 1px solid #d6d6d6;
  border-radius: 5px;
  height: 600px;
  margin-top: 34px;
  margin-bottom: 8px;
  margin-right: 19px;
  max-width: 368px;
  background-color: #ffffff;
}
.card-animal img {
  padding: 10px;
}
.card-animal figure {
  margin: 0 auto;
  margin-top: 12px;
  margin-bottom: -24px;
}
.card-animal figcaption {
  padding-top: 2px;
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 22px;
  text-align: center;
  color: #242424;
  border-bottom: 1px solid #d6d6d6;
}
.card-animal button {
  margin: 0 auto;
}
.card-animal span {
  display: inline-block;
  margin-top: 5px;
  padding: 8px 16px;
  font-weight: 500;
  font-size: 14px;
  color: #6b6b6b;
  line-height: 20px;
}
.card-animal p {
  margin: 0px;
  padding-left: 16px;
  padding-right: 16px;
  height: 95px;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

.card-text {
  margin-top: 23px;
}

.card-animal {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.card-animal .btn,
.card-animal .btn-secondary {
  display: none;
  -webkit-transition: all 2s ease;
  transition: all 2s ease;
  /* padding-top:10px; */
}

.card-animal:hover {
  height: 695px;
}
.card-animal:hover .btn,
.card-animal:hover .btn-secondary {
  display: block;
  position: relative;
  top: 11px;
}

.card-animal .btn-secondary {
  position: relative;
  top: 3px;
}

.new-page {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 9px;
  margin-left: -38px;
  color: #ad7f00;
}

.new-page-link {
  display: inline-block;
  height: 30px;
  border-bottom: 2px solid;
  font-weight: 500;
  font-size: 20px;
  line-height: 40px;
  color: #ad7f00;
}

.arrow::after {
  content: "";
  display: inline-block;
  margin-top: 13px;
  margin-left: 13px;
  width: 7px;
  height: 7px;
  border: solid;
  border-bottom: 2px;
  border-left: 2px;
  position: absolute;
  padding: 2px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  z-index: -1;
}

.photo-card-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 55px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.photo-card-footer p {
  max-width: 583px;
  font-size: 18px;
  line-height: 24px;
  color: #242424;
}

.icon-photo-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.icon-photo-card .social-list {
  margin-top: -7px;
  margin-left: 38px;
}

.requisites {
  padding-bottom: 56px;
  background-color: #ffffff;
}
.requisites h3 {
  margin-top: 99px;
  text-align: center;
}

.requisites-intro {
  text-align: center;
  margin: 0 auto;
  padding-top: 5px;
  max-width: 758px;
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  color: #6b6b6b;
}

.requisites-article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-left: -18px;
}
.requisites-article h4 {
  margin-top: 42px;
  font-weight: 300;
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 0;
}
.requisites-article ul {
  font-weight: normal;
  font-size: 16px;
  line-height: 140%;
  list-style: none;
  margin-top: 25px;
  padding: 0;
}
.requisites-article li {
  margin-top: 6px;
}
.requisites-article .btn {
  margin-top: 10px;
}
.requisites-article ol {
  padding-left: 16px;
}

.requisites-article-item {
  max-width: 389px;
}

.other-help h4 {
  margin-top: 40px;
  margin-bottom: 26px;
  font-weight: 600;
  font-size: 28px;
  line-height: 24px;
}
.other-help .container {
  margin-top: 54px;
  padding-left: 120px;
  width: 678px;
  -ms-flex-line-pack: center;
      align-content: center;
}
.other-help .list {
  list-style-type: none;
}
.other-help ul {
  margin: 0;
  padding: 0;
}
.other-help ul li {
  padding-left: 0;
  padding-top: 4px;
  list-style-type: none;
  list-style-position: inside;
}
.other-help ul li:before {
  content: "•";
  margin-right: 5px;
}
.other-help p {
  margin-top: 10px;
}
.other-help p span {
  font-weight: 300;
}
.other-help .new-page {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-left: 0px;
  margin-top: 20px;
}

.auto-help .container {
  width: 680px;
  -ms-flex-line-pack: center;
      align-content: center;
  padding-left: 120px;
  padding-top: 10px;
}
.auto-help .btn {
  margin-top: 6px;
}

.volunteering {
  padding-bottom: 162px;
}
.volunteering .container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.volunteering .promo-box {
  top: -7px;
  position: relative;
}
.volunteering .promo-box::before {
  content: "";
  width: 50vw;
  height: 521px;
  position: absolute;
  right: 76%;
  top: 0px;
  bottom: 0;
  background-color: #ffc41e;
}
.volunteering .promo-box-circle::after {
  content: "";
  display: block;
  padding-bottom: 100%;
  height: 0;
  background: url(../images/design/Ellipse_3.9f0b22.png) no-repeat;
  background-size: 100% 100%;
}
.volunteering article {
  padding-top: 73px;
  padding-left: 10px;
  max-width: 466px;
}
.volunteering h3 {
  margin-bottom: 0;
}
.volunteering p {
  padding-top: 12px;
  margin-bottom: -11px;
}
.volunteering .btn {
  margin-top: 10px;
}

.news {
  padding-bottom: 53px;
  background-color: #ffffff;
}
.news .container {
  max-width: 778px;
}
.news h3 {
  padding-top: 54px;
  text-align: center;
}
.news .new-page-link {
  margin-top: 3px;
  margin-left: 10px;
}

.news-blog {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 28px;
}
.news-blog img {
  width: 140px;
  height: 140px;
  padding-top: 20px;
  padding-bottom: 20px;
}
.news-blog .news-blog-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 603px;
}
.news-blog .news-blog-text p {
  margin: 0;
}

.about {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.about .container {
  max-width: 680px;
}
.about .container p {
  font-weight: 500;
  font-size: 18px;
  line-height: 24px;
  margin-top: 32px;
}
.about h3 {
  margin-top: 56px;
  text-align: center;
}
.about .contacts h4 {
  font-size: 22px;
  font-weight: 400;
}
.about .contacts p {
  font-size: 16px;
  font-weight: 400;
  line-height: 140%;
  margin-top: 0px;
  line-height: 140%;
}
.about .contacts ul {
  list-style-type: none;
  padding: 0;
}
.about .contacts ul li {
  margin-bottom: 5px;
}

.about-web {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 43px;
}
.about-web p {
  font-size: 16px;
  color: #6b6b6b;
}
.about-web svg {
  fill: #000;
  width: 1%;
  height: 1%;
}

.social-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.social-list a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #e8a700;
  width: 44px;
  height: 44px;
  border: 2px solid #ffc41e;
  border-radius: 50%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-right: 32px;
  font-size: 28px;
  font-weight: 400;
}

.thank {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 54px;
  height: 741px;
  background-image: url(../images/design/footer-bg.e71544.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.box-left {
  position: relative;
  width: 45.0219619327%;
  margin-top: 8.7115666179%;
  margin-bottom: 7.3938506589%;
}
.box-left::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: soft-light;
  background-color: #322d1e;
  border-top-right-radius: 35vw;
  border-bottom-right-radius: 34vw;
}
.box-left .img-foot {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNjgiIGhlaWdodD0iNjgiIHZpZXdCb3g9IjAgMCA2OCA2OCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMjcuNjE5IDI2LjM4NWE1LjM3OCA1LjM3OCAwIDEwLTEwLjE4My0zLjQ2MyA1LjM3OCA1LjM3OCAwIDAwMTAuMTgzIDMuNDYzem0yMS42OTQgMi44MTJBNS4zNzcgNS4zNzcgMCAxMDQ1Ljg1IDM5LjM4YTUuMzc3IDUuMzc3IDAgMDAzLjQ2My0xMC4xODJ6TTQxLjAzIDM4LjM4Yy0uMjA2LS41NTYtLjUzNS0xLjIzMi0uOTMtMS45NTdhOC44NDMgOC44NDMgMCAwMC0xMi41MzItNC45NjljLTEuMTI3LjQ2MS0yLjE1LjkzNi0yLjg1IDEuMzc2bC0uNDY2LjI5Yy0yLjE3MyAxLjM1LTQuODc3IDMuMDMtNi4yMDkgNi45ODgtMS4yMzYgMy42NzcuNzM3IDcuNjgzIDQuMzk4IDguOTI5YTYuOTY4IDYuOTY4IDAgMDA2LjEzNS0uODAyIDYuOTY2IDYuOTY2IDAgMDA0LjM3NCA0LjM3OGMzLjY2IDEuMjQ1IDcuNjY2LS43MjYgOC45My00LjM5MyAxLjM2LTMuOTUuMjQtNi45My0uNjU4LTkuMzI1bC0uMTkzLS41MTV6bS01LTEwLjYyYTUuOTI1IDUuOTI1IDAgMTAzLjgxOC0xMS4yMTggNS45MjUgNS45MjUgMCAwMC0zLjgxNyAxMS4yMTh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+);
  position: absolute;
  height: 100%;
  background-repeat: no-repeat;
  background-position: 91% 59%;
  background-size: 88px;
}
.box-left .thanks {
  padding-right: 22%;
  margin-top: 29.918699187%;
  margin-left: 21.7886178862%;
  font-weight: 700;
  font-size: 64px;
  line-height: 77px;
  color: #ffffff;
}

@media screen and (min-width: 1024px) and (max-width: 1269px) {
  .container {
    max-width: 78.515625%;
    margin: 0 auto;
  }

  h3 {
    font-size: 24px;
  }

  .header-background {
    background-image: url(../images/design/dog_header_1024.1f0175.png);
  }

  .menu-box {
    max-width: 493px;
  }

  .social-list {
    margin-right: 40px;
  }

  .main {
    margin-top: 0;
  }

  .promo {
    margin-top: -6px;
  }

  .promo-title {
    font-size: 64px;
    margin-bottom: 69px;
  }

  .promo-h1 {
    font-size: 14px;
  }

  .promo-text {
    margin-top: 14px;
    width: 461px;
    font-size: 14px;
  }

  .promo-text-info {
    font-size: 20px;
    line-height: 24px;
    width: 300px;
  }

  .promo-btn {
    margin-top: 24px;
  }

  .promo-picture {
    top: 74px;
    left: 44.23828125%;
  }

  /* Надпись "Я буду лучшим другом" */
  .container .promo-background-img {
    top: 167px;
    left: -101px;
    background-size: 69.5% auto;
  }

  .promo-footer {
    margin-top: 106px;
    height: 100%;
    padding-bottom: 4.5%;
  }

  /* Декоративный элемент слева */
  .image-wrapper {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    top: 38px;
    position: relative;
    width: 45%;
    left: -20px;
  }

  .circle-big {
    overflow: hidden;
    border: 21px solid;
    border-bottom: 18px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .circle-small {
    border: 5px solid #ffc41e;
    border-bottom: 6px solid #ffc41e;
    border-radius: 50%;
  }

  .promo-footer-info {
    margin-top: 54px;
    margin-left: 53px;
    margin-right: 0.74%;
    padding-bottom: 0.29%;
  }
  .promo-footer-info .promo-h2 {
    font-size: 24px;
  }
  .promo-footer-info .promo-footer-text {
    font-size: 16px;
    padding-top: 8px;
    margin-bottom: -8px;
  }

  /* Section как помочь */
  .title-help {
    font-size: 24px;
    margin-top: 63px;
  }

  .card_box {
    width: 100px;
    height: 100px;
  }

  .card_info {
    margin-top: 9px;
    margin-right: -22px;
    margin-left: 20px;
  }

  .king-help {
    margin-top: 28px;
    padding-right: 17px;
    padding-left: 10px;
  }

  .help-items p {
    width: 140px;
    font-size: 14px;
  }
  .help-items .help-items-img {
    width: 110px;
    height: 110px;
  }

  .home {
    margin-top: 58px;
  }

  .dividing-stripp img {
    width: 100px;
  }

  .home-for h3 {
    height: 17%;
  }
  .home-for p {
    margin-top: 13px;
    width: 275px;
  }

  .home-for-info {
    padding-right: 74px;
  }

  .photo__card-box {
    grid-gap: 69px;
  }

  .photo__card h3 {
    margin-top: 52px;
    font-size: 24px;
  }

  .card-animal figure {
    margin: 0 auto;
    margin-bottom: -21px;
    padding: 17px;
  }

  .volunteering {
    padding-bottom: 41px;
  }
  .volunteering .promo-box::before {
    content: "";
    width: 50vw;
    height: 521px;
  }
  .volunteering .promo-box::after {
    content: "";
    width: 464px;
    height: 464px;
  }
  .volunteering article {
    padding-top: 0;
  }

  .requisites-article {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .news {
    padding-bottom: 36px;
  }

  .thank {
    height: 555px;
  }

  .box-left .thanks {
    margin-top: 21.7886178862%;
    font-size: 48px;
  }
  .box-left .img-foot {
    background-size: 64px;
  }

  .footer .container {
    max-width: 90%;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer-about {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px;
    margin-left: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }

  .footer-menu:nth-child(2) {
    margin-right: 10px;
  }
}
/* Стили от 768px до 1023px */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .container {
    max-width: 71.3541666667%;
  }

  .header-background {
    background-image: url(../images/design/dog_header_768.2e4861.png);
  }

  h3 {
    font-size: 20px;
  }

  .menu {
    margin-top: 0;
    top: -10px;
  }

  .menu-box {
    display: none;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .menu-box__item .icon {
    width: 36px;
    height: 36px;
    font-size: 22px;
    margin-right: 27px;
  }

  .main {
    margin-top: 0;
  }

  .social-list {
    margin-left: auto;
    margin-right: 21px;
  }

  .overflow {
    overflow: hidden;
  }
  .overflow::before {
    content: "";
    position: absolute;
    opacity: 0.5;
    z-index: 10;
    background-color: #000;
    width: 100%;
    height: 100%;
  }

  .menu-burger {
    position: relative;
    /* задаем относительное позиционирование */
    width: 40px;
    /* определяем размеры блока */
    height: 35px;
    display: block;
    margin-left: 10px;
    z-index: 100;
    top: 22px;
  }

  .menu-burger span,
.menu-burger:after,
.menu-burger:before {
    height: 3px;
    width: 30px;
    position: absolute;
    background: #515758;
    margin: 0 auto;
  }

  .menu-burger span {
    top: 21px;
  }

  .menu-burger:after,
.menu-burger:before {
    content: "";
  }

  .menu-burger:after {
    bottom: 5px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger:before {
    top: 14px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: fixed;
    background-color: #fff;
    padding-top: 35px;
    z-index: 99;
    top: -100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu-box::before {
    content: "";
    position: absolute;
    background: #ffc41e;
    width: 100%;
    height: 80px;
    top: -80px;
  }
  .menu-box .menu-box__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu-box .menu-box__item li {
    padding-bottom: 24px;
  }
  .menu-box .menu-box__item li::after {
    content: "";
    position: absolute;
    margin-top: 33px;
    left: 10vw;
    background-color: #eebf3a;
    width: 81vw;
    height: 1px;
  }
  .menu-box .menu-box__item .last-li::after {
    content: none;
  }
  .menu-box .menu-box__item li:nth-child(2) {
    margin-left: 0;
  }

  .open {
    visibility: visible;
    top: 73px;
  }

  .social-list {
    z-index: -1;
  }

  .menu-burger.open-menu span {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  .menu-burger.open-menu:before {
    -webkit-transform: rotate(38deg);
            transform: rotate(38deg);
    top: 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger.open-menu:after {
    -webkit-transform: rotate(-38deg);
            transform: rotate(-38deg);
    bottom: 14px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }

  .menu-list {
    display: block;
    position: fixed;
    height: 383px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
            box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
  }

  .menu-box {
    margin-top: -7px;
  }

  .hidden {
    display: inline;
    top: 100%;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-weight: 700;
    text-align: center;
    z-index: 99;
  }

  .promo {
    margin-top: -6px;
  }

  .promo-title {
    font-size: 42px;
    margin-top: 25px;
    margin-bottom: 61px;
  }

  .promo-h1 {
    font-size: 14px;
    width: 311px;
    line-height: 16px;
  }

  .promo-h2 {
    padding-left: 0;
    font-size: 20px;
  }

  .promo-text {
    font-size: 14px;
    width: 311px;
  }

  .promo-text-info {
    font-size: 16px;
    line-height: 19px;
    width: 204px;
  }

  .promo-btn {
    margin-top: 26px;
  }

  .promo-picture {
    top: -8px;
    left: 44.23828125%;
  }

  /* Надпись "Я буду лучшим другом" */
  .container .promo-background-img {
    top: 104px;
    background-size: 79.5% auto;
  }

  .promo-footer {
    margin-top: 43px;
  }

  .image-wrapper {
    top: 25px;
    width: 49%;
    left: -42px;
  }

  .circle-big {
    overflow: hidden;
    border: 16px solid;
    border-right: 11.34px solid;
    border-bottom: 13px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .circle-small {
    border: 4.5px solid;
    border-right: 4.2px solid;
    border-bottom: 4.7px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .promo-footer-info {
    margin-top: 24px;
    width: 264px;
    margin-right: 0px;
    margin-left: 39px;
    padding-bottom: 24px;
  }
  .promo-footer-info .promo__h2 {
    font-size: 20px;
    padding-left: 0;
  }
  .promo-footer-info .promo-footer-text {
    font-size: 14px;
    margin-left: 0px;
    padding-top: 15px;
    margin-bottom: -8px;
    line-height: 144%;
  }

  /* Section как помочь */
  .title-help {
    font-size: 24px;
    margin-top: 65px;
  }

  .king-help {
    margin-top: 28px;
    padding-right: 17px;
    padding-left: 23px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .help-items p {
    width: 140px;
    font-size: 14px;
  }
  .help-items .help-items-img {
    width: 110px;
    height: 110px;
  }

  .home {
    margin-top: 51px;
  }

  .dividing-stripp img {
    position: relative;
    width: 64px;
  }

  .dividing-stripp::before {
    right: 56%;
  }

  .dividing-stripp::after {
    left: 56%;
  }

  .home-for {
    padding-left: 76px;
    margin-top: 38px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }

  .home-for-info {
    padding-right: 47px;
  }
  .home-for-info h3 {
    height: 10%;
  }
  .home-for-info p {
    font-size: 14px;
    margin-top: 34px;
    line-height: 141%;
  }

  .card-animal figure {
    margin: 0 auto;
    margin-bottom: -21px;
    padding: 17px;
  }

  .photo__card h3 {
    margin-top: 0;
  }

  .requisites {
    padding-bottom: 16px;
  }

  .requisites-article {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .requisites-article-item {
    max-width: 237px;
  }

  .volunteering {
    padding-bottom: 41px;
  }
  .volunteering .container {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .volunteering .container article {
    padding-top: 0;
    padding-left: 10px;
    max-width: 264px;
  }

  .news {
    padding-bottom: 24px;
  }
  .news .container {
    max-width: 80%;
  }

  .news-blog-text {
    padding-left: 18px;
  }

  .about-web .social-list {
    margin-left: 0;
  }

  .thank {
    height: 416px;
  }

  .box-left .thanks {
    margin-top: 34.788618%;
    font-size: 36px;
    line-height: 100%;
  }
  .box-left .img-foot {
    background-size: 54px;
  }

  .footer .container {
    margin-top: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .footer-menu,
.footer-menu:nth-child(2),
.footer-about {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .footer-items {
    margin-left: 0;
  }

  .footer-about {
    margin-left: 0;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (min-width: 640px) and (max-width: 767px) {
  .container {
    max-width: 59.6875%;
  }

  h3 {
    font-size: 18px;
  }

  .menu-box {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .menu-btn {
    top: 32px;
    left: 10.5%;
    width: 24px;
    height: 16px;
  }

  .overflow {
    overflow: hidden;
  }
  .overflow::before {
    content: "";
    position: absolute;
    opacity: 0.5;
    z-index: 10;
    background-color: #000;
    width: 100%;
    height: 100%;
  }

  .menu-burger {
    position: relative;
    /* задаем относительное позиционирование */
    width: 40px;
    /* определяем размеры блока */
    height: 35px;
    display: block;
    margin-left: 10px;
    z-index: 100;
    top: 22px;
  }

  .menu-burger span,
.menu-burger:after,
.menu-burger:before {
    height: 3px;
    width: 30px;
    position: absolute;
    background: #515758;
    margin: 0 auto;
  }

  .menu-burger span {
    top: 21px;
  }

  .menu-burger:after,
.menu-burger:before {
    content: "";
  }

  .menu-burger:after {
    bottom: 5px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger:before {
    top: 14px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: fixed;
    background-color: #fff;
    padding-top: 35px;
    z-index: 99;
    top: -100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu-box::before {
    content: "";
    position: absolute;
    background: #ffc41e;
    width: 100%;
    height: 80px;
    top: -80px;
  }
  .menu-box .menu-box__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu-box .menu-box__item li {
    padding-bottom: 24px;
  }
  .menu-box .menu-box__item li::after {
    content: "";
    position: absolute;
    margin-top: 33px;
    left: 10vw;
    background-color: #eebf3a;
    width: 81vw;
    height: 1px;
  }
  .menu-box .menu-box__item .last-li::after {
    content: none;
  }
  .menu-box .menu-box__item li:nth-child(2) {
    margin-left: 0;
  }

  .open {
    visibility: visible;
    top: 73px;
  }

  .social-list {
    z-index: -1;
  }

  .menu-burger.open-menu span {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  .menu-burger.open-menu:before {
    -webkit-transform: rotate(38deg);
            transform: rotate(38deg);
    top: 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger.open-menu:after {
    -webkit-transform: rotate(-38deg);
            transform: rotate(-38deg);
    bottom: 14px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }

  .menu-list {
    display: block;
    position: fixed;
    height: 383px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
            box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
  }

  .menu-box {
    margin-top: -7px;
  }

  .hidden {
    display: inline;
    top: 100%;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-weight: 700;
    text-align: center;
    z-index: 99;
  }

  .header-background {
    right: -34%;
    background-image: url(../images/design/dog_header_640.e15ccb.png);
  }

  .menu {
    margin-top: 0;
  }

  .menu-box__item.social-list {
    margin-top: -11px;
    margin-left: auto;
    margin-right: -3px;
  }

  .promo {
    margin-top: -6px;
  }

  .promo-title {
    font-size: 30px;
    margin-top: 33px;
    margin-bottom: 48px;
  }

  .promo-h1 {
    font-size: 12px;
    width: 282px;
    line-height: 14px;
  }

  .promo-text {
    padding-top: 14px;
    font-size: 14px;
    width: 282px;
  }

  .promo-text-info {
    margin-top: 155px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
  }

  .promo-btn {
    margin-top: 3px;
    margin-left: 93px;
    font-size: 18px;
    padding: 0 17.54px;
    height: 30px;
    width: 194px;
  }

  .promo-picture {
    top: -22px;
    left: 65.5%;
  }

  /* Надпись "Я буду лучшим другом" */
  .container .promo-background-img {
    top: 98px;
    background-size: 101.5% auto;
  }

  .promo-footer {
    margin-top: 49px;
    height: 100%;
  }
  .promo-footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .image-wrapper {
    top: 14px;
    width: 51%;
    left: 79px;
  }

  .circle-big {
    overflow: hidden;
    border: 11px solid;
    border-right: 8px solid;
    border-bottom: 9px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .circle-small {
    border: 3.25px solid;
    border-right: 2.97px solid;
    border-bottom: 3.34px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .promo-footer-info {
    width: 100%;
    margin-right: 0px;
    margin-top: 24px;
    padding-bottom: 16px;
  }
  .promo-footer-info .promo-h2 {
    padding-top: 33px;
    font-size: 16px;
    padding-left: 0;
  }
  .promo-footer-info .promo-footer-text {
    font-size: 14px;
    margin-left: 0px;
    padding-top: 0px;
    margin-bottom: 19px;
    line-height: 144%;
  }

  /* Section как помочь */
  .help .container {
    max-width: 78%;
  }

  .title-help {
    font-size: 18px;
    margin-top: 32px;
  }

  .king-help {
    margin-top: 28px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .help-items p {
    width: 142px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 9px;
  }
  .help-items .help-items-img {
    width: 80px;
    height: 80px;
  }

  .home {
    margin-top: 31px;
  }

  .dividing-stripp img {
    position: relative;
    width: 54px;
  }
  .dividing-stripp::after {
    left: 56%;
  }

  .dividing-stripp::before {
    right: 56%;
  }

  .home-for {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    margin-top: 16px;
  }

  .home-for-info {
    width: 100%;
    padding-right: 0px;
  }
  .home-for-info h3 {
    height: 10%;
    text-align: center;
    font-size: 16px;
  }
  .home-for-info p {
    font-size: 14px;
    margin-top: 28px;
    line-height: 141%;
    margin-bottom: 23px;
  }

  .card-animal figure {
    margin: 0 auto;
    margin-bottom: -21px;
    padding: 17px;
  }

  .photo__card h3 {
    margin-top: 0;
  }

  .requisites {
    padding-bottom: 16px;
  }

  .requisites-article {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .volunteering {
    padding-bottom: 32px;
  }
  .volunteering .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .news {
    padding-bottom: 16px;
  }
  .news h3 {
    padding-top: 16px;
  }
  .news .container {
    padding: 0 129px;
  }

  .news-blog-text {
    padding-left: 18px;
  }

  .about .container {
    padding: 0 129px;
  }
  .about .container p {
    font-size: 16px;
  }

  .social-list {
    margin-left: 0;
  }
  .social-list .icon {
    width: 32px;
    height: 32px;
    font-size: 1em;
    margin-left: 28px;
    margin-right: 0;
  }

  .about-web {
    margin-top: 24px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .thank {
    height: 360px;
  }

  .box-left .thanks {
    margin-top: 34.788618%;
    font-size: 30px;
    line-height: 100%;
  }
  .box-left .img-foot {
    background-size: 44px;
  }

  .footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .footer .container {
    margin-top: 20px;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 382px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer-menu,
.footer-menu:nth-child(2),
.footer-about {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .footer-menu:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .footer-items {
    margin-left: 0;
  }

  .footer-about {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
@media screen and (max-width: 639px) {
  .overflow {
    overflow: hidden;
  }
  .overflow::before {
    content: "";
    position: absolute;
    opacity: 0.5;
    z-index: 10;
    background-color: #000;
    width: 100%;
    height: 100%;
  }

  .menu-burger {
    position: relative;
    /* задаем относительное позиционирование */
    width: 40px;
    /* определяем размеры блока */
    height: 35px;
    display: block;
    margin-left: 10px;
    z-index: 100;
    top: 22px;
  }

  .menu-burger span,
.menu-burger:after,
.menu-burger:before {
    height: 3px;
    width: 30px;
    position: absolute;
    background: #515758;
    margin: 0 auto;
  }

  .menu-burger span {
    top: 21px;
  }

  .menu-burger:after,
.menu-burger:before {
    content: "";
  }

  .menu-burger:after {
    bottom: 5px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger:before {
    top: 14px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: fixed;
    background-color: #fff;
    padding-top: 35px;
    z-index: 99;
    top: -100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu-box::before {
    content: "";
    position: absolute;
    background: #ffc41e;
    width: 100%;
    height: 80px;
    top: -80px;
  }
  .menu-box .menu-box__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu-box .menu-box__item li {
    padding-bottom: 24px;
  }
  .menu-box .menu-box__item li::after {
    content: "";
    position: absolute;
    margin-top: 33px;
    left: 10vw;
    background-color: #eebf3a;
    width: 81vw;
    height: 1px;
  }
  .menu-box .menu-box__item .last-li::after {
    content: none;
  }
  .menu-box .menu-box__item li:nth-child(2) {
    margin-left: 0;
  }

  .open {
    visibility: visible;
    top: 73px;
  }

  .social-list {
    z-index: -1;
  }

  .menu-burger.open-menu span {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  .menu-burger.open-menu:before {
    -webkit-transform: rotate(38deg);
            transform: rotate(38deg);
    top: 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger.open-menu:after {
    -webkit-transform: rotate(-38deg);
            transform: rotate(-38deg);
    bottom: 14px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }

  .menu-list {
    display: block;
    position: fixed;
    height: 383px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
            box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
  }

  .menu-box {
    margin-top: -7px;
  }

  .hidden {
    display: inline;
    top: 100%;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-weight: 700;
    text-align: center;
    z-index: 99;
  }

  .container {
    max-width: 83.3333333333%;
  }

  h3 {
    font-size: 18px;
  }

  .menu-box {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }

  .menu-btn {
    top: 32px;
    left: 3%;
    width: 24px;
    height: 16px;
  }

  .overflow {
    overflow: hidden;
  }
  .overflow::before {
    content: "";
    position: absolute;
    opacity: 0.5;
    z-index: 10;
    background-color: #000;
    width: 100%;
    height: 100%;
  }

  .menu-burger {
    position: relative;
    /* задаем относительное позиционирование */
    width: 40px;
    /* определяем размеры блока */
    height: 35px;
    display: block;
    margin-left: 10px;
    z-index: 100;
    top: 22px;
  }

  .menu-burger span,
.menu-burger:after,
.menu-burger:before {
    height: 3px;
    width: 30px;
    position: absolute;
    background: #515758;
    margin: 0 auto;
  }

  .menu-burger span {
    top: 21px;
  }

  .menu-burger:after,
.menu-burger:before {
    content: "";
  }

  .menu-burger:after {
    bottom: 5px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger:before {
    top: 14px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
    position: fixed;
    background-color: #fff;
    padding-top: 35px;
    z-index: 99;
    top: -100%;
    left: 0;
    width: 100%;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .menu-box::before {
    content: "";
    position: absolute;
    background: #ffc41e;
    width: 100%;
    height: 80px;
    top: -80px;
  }
  .menu-box .menu-box__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .menu-box .menu-box__item li {
    padding-bottom: 24px;
  }
  .menu-box .menu-box__item li::after {
    content: "";
    position: absolute;
    margin-top: 33px;
    left: 10vw;
    background-color: #eebf3a;
    width: 81vw;
    height: 1px;
  }
  .menu-box .menu-box__item .last-li::after {
    content: none;
  }
  .menu-box .menu-box__item li:nth-child(2) {
    margin-left: 0;
  }

  .open {
    visibility: visible;
    top: 73px;
  }

  .social-list {
    z-index: -1;
  }

  .menu-burger.open-menu span {
    opacity: 0;
    -webkit-transition: 0.2s;
    transition: 0.2s;
  }

  .menu-burger.open-menu:before {
    -webkit-transform: rotate(38deg);
            transform: rotate(38deg);
    top: 18px;
    -webkit-transition: 0.4s;
    transition: 0.4s;
  }

  .menu-burger.open-menu:after {
    -webkit-transform: rotate(-38deg);
            transform: rotate(-38deg);
    bottom: 14px;
    -webkit-transition-duration: 0.4s;
            transition-duration: 0.4s;
  }

  .menu-list {
    display: block;
    position: fixed;
    height: 383px;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    -webkit-box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
            box-shadow: 0 4px 2px -2px rgba(36, 36, 36, 0.17);
  }

  .menu-box {
    margin-top: -7px;
  }

  .hidden {
    display: inline;
    top: 100%;
    position: absolute;
    display: block;
    height: 100%;
    width: 100%;
    font-weight: 700;
    text-align: center;
    z-index: 99;
  }

  .menu {
    margin-top: 0;
  }

  .menu-box__item.social-list {
    margin-top: -11px;
    margin-left: auto;
    margin-right: -3px;
  }

  .menu-box::before {
    height: -40px;
  }

  .header-background {
    right: -10%;
    background-image: url(../images/design/dog_header_360.83085b.png);
  }

  .main {
    margin-top: 0;
  }

  .promo {
    margin-top: -12px;
  }

  .promo-h1 {
    font-size: 12px;
    margin-top: -31px;
    width: 211px;
    line-height: 14px;
  }

  .promo-text {
    margin-top: 21px;
    width: 158px;
    font-size: 14px;
    line-height: 144%;
  }

  .promo-title {
    margin-top: 30px;
    font-size: 30px;
    line-height: 36px;
  }

  .promo-text-info {
    margin-top: 92px;
    text-align: center;
    font-size: 16px;
    line-height: 19px;
    width: 100%;
  }

  .promo-btn {
    margin-top: 4px;
    margin-left: 18%;
    font-size: 18px;
    padding: 0 17.54px;
    height: 30px;
    width: 194px;
  }

  .promo-picture {
    top: -83px;
    left: 38.5%;
  }

  /* Надпись "Я буду лучшим другом" */
  .container .promo-background-img {
    top: 194px;
    left: -30px;
    background-size: 75.5% auto;
  }

  .promo-footer {
    margin-top: 28px;
    height: 100%;
    padding-bottom: 5%;
  }
  .promo-footer .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .image-wrapper {
    top: 16px;
    width: 64%;
    left: 19px;
  }

  .circle-big {
    border: 11px solid;
    border-right: 8px solid;
    border-bottom: 9px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .circle-small {
    border: 3.25px solid;
    border-right: 2.97px solid;
    border-bottom: 3.34px solid;
    border-radius: 50%;
    color: #ffc41e;
  }

  .promo-footer-info {
    width: 300px;
    margin-top: 24px;
    margin-right: 30px;
    padding-bottom: 16.2px;
  }
  .promo-footer-info .promo-h2 {
    padding-top: 36px;
    font-size: 16px;
    padding-left: 0;
  }
  .promo-footer-info .promo-footer-text {
    font-size: 14px;
    margin-left: 0px;
    margin-bottom: 0px;
    line-height: 144%;
  }

  /* Section как помочь */
  .title-help {
    font-size: 18px;
    margin-top: 32px;
  }

  .king-help {
    margin-top: 22px;
    padding-right: 0px;
    padding-left: 0px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }

  .help-items p {
    width: 142px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 7px;
  }
  .help-items .help-items-img {
    width: 80px;
    height: 80px;
  }

  .dividing-stripp img {
    width: 54px;
  }
  .dividing-stripp::before {
    right: 70%;
  }
  .dividing-stripp::after {
    left: 70%;
  }

  .home-for {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    padding-left: 0;
    margin-top: 16px;
  }

  .home-for-info {
    width: 100%;
    padding-right: 0px;
  }
  .home-for-info h3 {
    height: 10%;
    text-align: center;
    font-size: 16px;
  }
  .home-for-info p {
    font-size: 14px;
    margin-top: 21px;
    line-height: 145%;
    margin-bottom: 28px;
  }

  .photo__card h3 {
    margin-top: 8px;
    font-size: 20px;
  }

  .card-animal {
    margin-top: 15px;
    margin-bottom: 8px;
  }
  .card-animal figure {
    margin: 0 auto;
    margin-bottom: -21px;
    padding: 17px;
  }
  .card-animal span {
    margin-top: -26px;
  }
  .card-animal .btn {
    height: 30px;
    font-size: 18px;
  }
  .card-animal .btn-secondary {
    font-size: 18px;
    height: 30px;
  }

  .photo-card h3 {
    margin-top: 0;
  }

  .other-help .container,
.auto-help .container {
    padding-left: 0;
  }

  .footer ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .requisites {
    padding-bottom: 16px;
  }

  .requisites-article {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }

  .volunteering {
    padding-bottom: 32px;
  }
  .volunteering .container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }

  .news {
    padding-bottom: 16px;
  }
  .news h3 {
    padding-top: 16px;
  }
  .news .container {
    padding: 0 30px;
  }

  .news-blog img {
    width: 80px;
    height: 80px;
  }

  .news-blog-text {
    font-size: 14px;
    padding-left: 18px;
  }

  .social-list {
    margin-left: 0;
  }
  .social-list .icon {
    width: 32px;
    height: 32px;
    font-size: 1em;
    margin-left: 18px;
    margin-right: 0;
  }

  .about {
    padding: 0 30px;
  }
  .about .container p {
    margin-top: 24px;
    font-size: 16px;
  }
  .about h3 {
    margin-top: 32px;
  }

  .about-web {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 0;
  }

  .thank {
    height: 267px;
    margin-top: 24px;
  }

  .box-left {
    width: 68.021962%;
  }
  .box-left .thanks {
    margin-left: 10.788618%;
    margin-top: 75px;
    font-size: 30px;
    line-height: 100%;
  }
  .box-left .img-foot {
    background-size: 44px;
  }

  .footer .container {
    margin-top: 24px;
    -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;
    max-width: 300px;
    -ms-flex-direction: row;
        flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }

  .footer-menu,
.footer-menu:nth-child(2) {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }

  .footer-menu,
.footer-menu:nth-child(2),
.footer-about {
    margin-top: 0;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 13px;
  }

  .footer-menu:nth-child(2) {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }

  .footer-items {
    font-size: 12px;
    margin-left: 0;
  }

  .footer-about {
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
}
.hidden {
  display: none;
}