/*
Theme Name: Zero
Theme URI: https://13am.pro
Author: 13 am project
Author URI: https://13am.pro
Description: Официальный информационный сайт адвоката Андрея Викторовича Грязнова
Version: 2025.0815.1
Tested up to: 6.8.2

Zero Theme, Copyright 2023-2025 Thirteen Ante Meridiem Project

*/


/*
---------------------------------------------------------------------------------------------------
  Содержание
---------------------------------------------------------------------------------------------------

  I.    Цвета
  II.   Шрифты
  III.  Переменные и основные элементы
  IV.   Разметка WordPress
  V.    Верхняя панель
  VI.   Меню
  VII.  Подвал
  VIII. Составные элементы
  IX.   Контент
  X.    Анимация при прокрутке
  XI.   Политика конфиденциальности
  XII.  Плагины
  XIII. Адаптивность и отображение

---------------------------------------------------------------------------------------------------
*/


/*
---------------------------------------------------------------------------------------------------
  I. Цвета
---------------------------------------------------------------------------------------------------
*/



/*
---------------------------------------------------------------------------------------------------
  II. Шрифты
---------------------------------------------------------------------------------------------------
*/


@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: local('Material Icons'),
       local('MaterialIcons-Regular'),
       url('font/MaterialIcons-Regular.ttf') format('truetype');
}

.material-icons {
  direction: ltr;
  display: inline-block;
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  text-transform: none;
  white-space: nowrap;
  word-wrap: normal;
}

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
.material-icons.md-64 { font-size: 64px; }

.material-icons.accent { color: var(--accent); }

.material-icons.navigation { color: var(--navigation); }

@font-face {
  font-family: 'Font Awesome 5 Regular';
  font-style: normal;
  font-weight: 400;
  src: url('font/fa-regular-400.eot');
  src: url('font/fa-regular-400.eot?#iefix') format('embedded-opentype'),
       url('font/fa-regular-400.woff2') format('woff2'),
       url('font/fa-regular-400.woff') format('woff'),
       url('font/fa-regular-400.ttf') format('truetype'),
       url('font/fa-regular-400.svg#fontawesome') format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Solid';
  font-style: normal;
  font-weight: 900;
  src: url('font/fa-solid-900.eot');
  src: url('font/fa-solid-900.eot?#iefix') format('embedded-opentype'),
       url('font/fa-solid-900.woff2') format('woff2'),
       url('font/fa-solid-900.woff') format('woff'),
       url('font/fa-solid-900.ttf') format('truetype'),
       url('font/fa-solid-900.svg#fontawesome') format('svg');
}

@font-face {
  font-family: 'Font Awesome 5 Brands';
  font-style: normal;
  font-weight: normal;
  src: url('font/fa-brands-400.eot');
  src: url('font/fa-brands-400.eot?#iefix') format('embedded-opentype'),
       url('font/fa-brands-400.woff2') format('woff2'),
       url('font/fa-brands-400.woff') format('woff'),
       url('font/fa-brands-400.ttf') format('truetype'),
       url('font/fa-brands-400.svg#fontawesome') format('svg');
}

.awesome-icons.accent { color: var(--accent); }

.awesome-icons.navigation { color: var(--navigation); }

body {
  font-family: 'Podkova', serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
}

a.zero-button,
input[class*="zero-button"],
input[class*="zero-search-submit"],
input[class*="zero-text"],
input[class*="zero-search-field"],
textarea[class*="zero-text"],
.zero-label {
  font-family: 'Podkova', sans-serif;
  font-style: normal;
}

a.zero-button,
input[class*="zero-button"],
input[class*="zero-search-submit"] {
  font-weight: 500;
}


/*
---------------------------------------------------------------------------------------------------
  III. Переменные и основные элементы
---------------------------------------------------------------------------------------------------
*/


:root {
  --font-h1: 4rem;
  --font-h2: 3rem;
  --font-h3: 2rem;

  --font-header-1: 1.6rem;
  --font-header-2: 1.4rem;
  --font-footer-1: 1rem;
  --font-footer-2: 2rem;
  --font-footer-info: 0.9rem;

  --font-content-1: 1.2rem;

  --font-nothing-1: 1.6rem;
  --font-nothing-2: 1rem;

  --font-policy-1: 2rem;
  --font-policy-2: 1rem;

  --font-cookie: 1rem;

  --size-header: 6rem;
  --size-container: 1300px;

  --space-quarter: 0.5rem;
  --space-half: 1rem;
  --space-basic: 2rem;
  --space-double: 4rem;
}

* {
  margin: 0;
  padding: 0;
}

html {
  background-color: var(--night);
}

body {
  background-color: var(--day);
  color: var(--night);
  overflow-x: hidden;
}

h1 {
  font-size: var(--font-h1);
  font-weight: 400;
}

h2 {
  font-size: var(--font-h2);
  font-weight: 400;
}

h3 {
  font-size: var(--font-h3);
  font-weight: 300;
}

h1,
h2,
h3 {
  margin-bottom: var(--space-half);
}

a {
  text-decoration: none;
  transition: color 300ms ease-in-out;
}

a:link,
a:visited {
  color: var(--navigation);
}

a:hover {
  color: var(--night);
}

p,
li {
  font-size: var(--font-content-1);
}

p,
ul {
  margin-bottom: var(--space-half);
}

li {
  margin: 0 0 0.5rem 1rem;
}


/*
---------------------------------------------------------------------------------------------------
  IV. Разметка WordPress
---------------------------------------------------------------------------------------------------
*/


body .zero-container {
  max-width: var(--size-container);
}

#page {
  margin: 0 auto;
}

body:not([class*="home"]) #content {
  padding-top: var(--size-header);
}

body.error404 #main,
body.search-no-results #main,
body.search-results #main,
body.privacy-policy #main {
  padding-bottom: var(--space-double);
  padding-top: var(--space-basic);
}

.inside-article {
  padding: 0 var(--space-basic);
}

body:not([class*="error404"],[class*="search"],[class*="privacy-policy"]) .entry-header {
  display: none;
}

.entry-header,
.page-header {
  padding-bottom: var(--space-basic);
}

h1.entry-title,
h1.page-title {
  color: var(--accent);
  margin-bottom: var(--space-half);
}

:where(.wp-block-columns.is-layout-flex) {
  gap: 0;
}

.wp-block-group__inner-container {
  padding: var(--space-basic);
}

.entry-content .alignwide {
  margin-left: -2rem;
  max-width: calc(100% + 4rem);
  width: calc(100% + 4rem);
}

.entry-content .alignfull {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto;
}

.zero-search-result .inside-article {
  padding: 0;
}

.zero-search-result .entry-header {
  padding-bottom: 0;
}

.zero-search-result i {
  margin-left: 1rem;
}

.zero-pagination {
  text-align: center;
}

.zero-side-stub {
  flex-basis: 10% !important;
}


/*
---------------------------------------------------------------------------------------------------
  V. Верхняя панель
---------------------------------------------------------------------------------------------------
*/


.site-header {
  background-color: var(--color-2);
  height: var(--size-header);
  position: fixed;
  width: 100%;
  z-index: 100;
}

body[class*="admin-bar"] .site-header {
  top: var(--wp-admin--admin-bar--height);
}

.inside-header {
  margin: 0 auto;
  padding: var(--space-half) var(--space-basic) 0 var(--space-basic);
}

.header-widgets-container {
  display: flex;
  flex-flow: row nowrap;
}

.header-widget:nth-child(1),
.header-widget:nth-child(2) {
  flex: 1 1 50%;
}

.header-widget .widget {
  align-items: center;
  display: flex;
}

.header-widget:nth-child(1) .widget {
  justify-content: flex-start;
}

.header-widget:nth-child(2) .widget {
  justify-content: flex-end;
}

.header-widget:nth-child(1) .widget p {
  color: var(--day);
  font-size: var(--font-header-1);
  margin: 0;
}

.header-widget:nth-child(2) .widget p {
  font-size: var(--font-header-2);
  margin: 0;
  text-align: right;
}

.header-widget:nth-child(1) .widget p span {
  font-size: var(--font-header-2);
}

.header-widget:nth-child(2) .widget p span {
  font-size: var(--font-header-1);
  line-height: 1.5;
}

.header-widget .widget a:link,
.header-widget .widget a:visited {
  color: var(--day);
}

.header-widget .widget a:hover {
  color: var(--accent);
}


/*
---------------------------------------------------------------------------------------------------
  VI. Меню
---------------------------------------------------------------------------------------------------
*/


#zero-menu__toggle {
  color: var(--day);
  height: 2rem;
  padding: 0 0.5rem;
  text-align: center;
}

#zero-menu__show,
#zero-menu__сlose {
  height: 2rem;
  width: 2rem;
}

#zero-menu__сlose {
  display: none;
}

#zero-menu {
  background-color: var(--daybreak);
  display: none;
  height: calc( 100vh - var(--size-header) );
  position: absolute;
  right: 100vw;
  top: var(--size-header);
  z-index: 101;
}

#zero-menu__content {
  height: 100%;
  padding: 5% 5vw;
  position: relative;
  text-align: center;
  width: 90vw;
}

#zero-menu__content p {
  color: var(--accent);
  margin: var(--space-basic) 0;
}

#zero-menu__content p.content-name {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.5;
}

#zero-menu__content p.content-phone {
  font-size: 2.2rem;
  font-weight: 600;
}

#zero-menu__content p.content-email {
  font-size: 1.4rem;
  font-weight: 500;
}

#zero-menu__content p.content-icons a {
  font-size: 1rem;
  margin: var(--space-basic) var(--space-quarter);
}

#zero-menu__content p.content-slogan {
  font-size: 1.6rem;
}

#zero-menu__content a:link,
#zero-menu__content a:visited {
  color: var(--navigation);
}

#zero-menu__content a:hover {
  color: var(--accent);
}

@keyframes show-menu { 0% { right: 100vw; } 100% { right: 0; }}
@keyframes close-menu { 0% { right: 0; } 100% { right: 100vw; } }


/*
---------------------------------------------------------------------------------------------------
  VII. Подвал
---------------------------------------------------------------------------------------------------
*/

.site-footer {
  background-color: var(--color-2);
  font-weight: 300;
}

.inside-footer,
.inside-site-info {
  margin: 0 auto;
  padding: var(--space-basic);
}

.inside-footer {
  padding-top: var(--space-double);
}

.inside-site-info {
  color: var(--night);
  padding-top: 0;
  text-align: left;
}

.footer-widgets-container {
  display: flex;
  flex-flow: row wrap;
}

.footer-widget {
  flex: 1 1 50%;
}

.footer-widget:nth-child(1) .widget {
  padding: 0 var(--space-half) var(--space-half) 0;
}

.footer-widget:nth-child(2) .widget {
  border-right: 4px solid var(--navigation);
  padding: 0 var(--space-half) 0 0;
}

.footer-widget:nth-child(1) .widget p {
  color: var(--night);
  font-size: var(--font-footer-1);
  margin-bottom: var(--space-quarter);
}

.footer-widget:nth-child(2) .widget p {
  color: var(--accent);
  font-size: var(--font-footer-2);
  margin-bottom: 0;
  text-align: right;
}

.footer-widget .widget p i {
  color: var(--night);
}

.footer-widget:nth-child(1) .widget a:link,
.footer-widget:nth-child(1) .widget a:visited {
  color: var(--day);
}

.footer-widget:nth-child(1) .widget a:hover {
  color: var(--night);
}

.footer-widget:nth-child(2) .widget a:link,
.footer-widget:nth-child(2) .widget a:visited {
  color: var(--accent);
}

.footer-widget:nth-child(2) .widget a:hover {
  color: var(--night);
}

.site-info {
  color: var(--day);
  font-size: var(--font-footer-info);
}

.site-info a:link,
.site-info a:visited {
  color: var(--night);
}

.site-info a:hover {
  color: var(--navigation);
}


/*
---------------------------------------------------------------------------------------------------
  VIII. Составные элементы
---------------------------------------------------------------------------------------------------
*/


.zero-banner {
  padding: 0;
  z-index: 10;
}

.zero-banner h1 {
  font-size: 1.8rem;
  line-height: 1.1em;
  margin: 0;
  padding: var(--space-half);
}

.zero-banner h1 span {
  font-size: 1.4rem;
}

.zero-banner .wp-block-cover__image-background {
  height: calc(100vh - var(--size-header));
  top: var(--size-header);
}

.zero-section-header {
  display: flex;
  flex-flow: row nowrap;
  margin: var(--space-basic) 0 var(--space-double) 0;
}

.zero-section-header h2 {
  color: var(--accent);
  margin: var(--space-quarter) 0;
  text-align: center;
}

.zero-section-header__left,
.zero-section-header__right {
  border-bottom: 4px solid var(--navigation);
  border-top: 4px solid var(--navigation);
  display: flex;
  width: var(--space-quarter);
}

.zero-section-header__left {
  border-left: 4px solid var(--navigation);
  margin-right: var(--space-quarter);
}

.zero-section-header__right {
  border-right: 4px solid var(--navigation);
  margin-left: var(--space-quarter);
}

.zero-nothing {
  padding: var(--space-basic) 20%;
}

.zero-nothing__message p {
  font-size: var(--font-nothing-1);
  line-height: 1.8;
  padding: 1rem 2rem;
}

.zero-search-form {
  display: flex;
  flex-flow: row nowrap;
  padding: 0 2rem;
}

.zero-search-field {
  align-self: center;
  flex: 1 0 auto;
  margin-right: 0.25rem;
}

input[class*="zero-search-field"] {
  border: 1px solid var(--accent);
  font-size: var(--font-nothing-2);
  padding: 0.5rem;
}

.zero-search-submit {
  flex: 0 0 auto;
}

input[class*="zero-search-submit"] {
  background-color: var(--accent);
  border: 1px solid transparent;
  color: var(--day);
  display: inline-block;
  font-size: var(--font-nothing-2);
  margin: 1rem 0;
  padding: 0.5rem;
  transition-property: background-color;
  transition-duration: 300ms;
  transition-timing-function: ease-in-out;
}

input[class*="zero-search-submit"]:hover {
  background-color: var(--night);
}


/*
---------------------------------------------------------------------------------------------------
  IX. Контент
---------------------------------------------------------------------------------------------------
*/


.zero-block-front {
  background-color: var(--color-1);
}

.zero-block-front h1.zero-header {
  color: var(--accent);
  margin: 0;
  padding: calc( 1.5 * var(--size-header) ) 0 var(--space-basic) 0;
}

.zero-block-front h1.zero-header span {
  font-size: 3rem;
}

.zero-block-front .zero-group-cta {
  min-height: 12vh;
  padding-top: 3vh;
}

.zero-block-front .zero-group-cta .wp-block-group__inner-container {
  padding: 0;
}

.zero-group-cta {
  text-align: center;
}

.zero-group-cta .wp-block-group__inner-container {
  padding-top: 0;
}

.zero-block-front p.zero-slogan {
  font-size: 2.2rem;
  line-height: 1.2;
  margin: 0;
}

.zero-block-front p.zero-info {
  font-size: 1.4rem;
  line-height: 1.4;
  margin: 0;
}

.zero-block-front .zero-desktop-line {
  border-top: 4px solid var(--navigation);
  left: -110%;
  margin: var(--space-basic) 0;
  position: relative;
  width: 210%;
}

.zero-block-front .zero-mobile-line {
  border-top: 4px solid var(--navigation);
  position: relative;
  top: 55vh;
}

.zero-block-help-type {
  margin: var(--space-basic) !important;
  position: relative;
}

.zero-block-help-type p:nth-child(1) {
  font-size: var(--font-h3);
  border-left: 4px solid var(--navigation);
  margin-bottom: var(--space-basic);
  padding-left: var(--space-quarter);
}

.zero-block-help-type p:nth-child(2) {
  line-height: 1.3;
  position: relative;
  z-index: 10;
}

.zero-block-help-type p:last-child {
  bottom: -2rem;
  color: var(--day);
  font-size: 15rem;
  font-weight: 600;
  position: absolute;
  right: 2rem;
  z-index: 9;
}

.zero-block-about {  background-image: url('image/paper.jpg');
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.zero-group-about p {
  border-left: 4px solid var(--navigation);
  margin-bottom: var(--space-basic);
  padding: var(--space-quarter) 0 var(--space-quarter) var(--space-half);
}

.zero-block-contacts .zero-contact-line {
  border-top: 4px solid var(--navigation);
  margin-bottom: var(--space-double);
}

.zero-block-contacts .zero-contacts p:nth-child(1) {
  font-size: 1.4rem;
  line-height: 1.4;
  margin-bottom: var(--space-basic);
}

.zero-block-contacts .zero-contacts p:nth-child(2) {
  font-size: 2.6rem;
  padding-right: 0;
}

.zero-block-contacts .zero-contacts p:nth-child(3) {
  font-size: 1.6rem;
  padding-left: 0;
}

.zero-social-links .wp-block-group__inner-container {
  padding-bottom: var(--space-double);
  padding-top: var(--space-half);
  text-align: center;
}

.zero-geo-links {
  color: var(--navigation);
  text-align: right;
}

div[class*="zero-group-"] p:last-child {
  margin-bottom: 0;
}


/*
---------------------------------------------------------------------------------------------------
  X. Анимация при прокрутке
---------------------------------------------------------------------------------------------------
*/


.zero-line_move-fwd {
  animation: line-fwd ease-in-out 1s;
  border-color: var(--navigation);
}

.zero-line_move-bk {
  animation: line-bk ease-in-out 0.25s;
  border-color: var(--accent);
}

@keyframes line-fwd { 0% { border-color: var(--accent); } 100% { border-color: var(--navigation); } }
@keyframes line-bk { 0% { border-color: var(--navigation); } 100% { border-color: var(--accent); } }

.zero-section-header_move-fwd {
  animation: section-header-fwd ease-in-out 1.25s;
  border-color: var(--navigation);
}

.zero-section-header_move-bk {
  animation: section-header-bk ease-in-out 0.25s;
  border-color: var(--day);
}

@keyframes section-header-fwd { 0% { border-color: var(--day); } 100% { border-color: var(--navigation); } }
@keyframes section-header-bk { 0% { border-color: var(--navigation); } 100% { border-color: var(--day); } }

.zero-block-help-type_move-fwd {
  animation: block-help-type-fwd ease-in-out 2s;
  opacity: 1;
}

.zero-block-help-type_move-bk {
  animation: block-help-type-bk ease-in-out 0.25s;
  opacity: 0;
}

@keyframes block-help-type-fwd { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes block-help-type-bk { 0% { opacity: 1; } 100% { opacity: 0; } }

.zero-phone_move-fwd {
  animation: phone-fwd ease-in-out 1s;
  padding-right: 2rem;
}

.zero-phone_move-bk {
  animation: phone-bk ease-in-out 0.25s;
  padding-right: 0;
}

@keyframes phone-fwd { 0% { padding-right: 2rem; } 100% { padding-right: 0; } }
@keyframes phone-bk { 0% { padding-right: 0; } 100% { padding-right: 2rem; } }

.zero-email_move-fwd {
  animation: email-fwd ease-in-out 1s;
  padding-left: 2rem;
}

.zero-email_move-bk {
  animation: email-bk ease-in-out 0.25s;
  padding-left: 0;
}

@keyframes email-fwd { 0% { padding-left: 2rem; } 100% { padding-left: 0; } }
@keyframes email-bk { 0% { padding-left: 0; } 100% { padding-left: 2rem; } }


/*
---------------------------------------------------------------------------------------------------
  XI. Политика конфиденциальности
---------------------------------------------------------------------------------------------------
*/


body.privacy-policy h1.entry-title {
  font-size: var(--font-policy-1);
}

body.privacy-policy .entry-content ul {
  margin: 0;
}

body.privacy-policy .entry-content li {
  margin: 0 0 0.5rem 1rem;
}

body.privacy-policy .entry-content p,
body.privacy-policy .entry-content li {
  color: var(--night);
  font-size: var(--font-policy-2);
}


/*
---------------------------------------------------------------------------------------------------
  XII. Плагины
---------------------------------------------------------------------------------------------------
*/


#cookie-notice {
  font-family: inherit;
  font-size: var(--font-cookie);
  margin: 1rem 2%;
  min-width: 96%;
}

.cookie-notice-container {
  padding: 1rem 2%;
  text-align: left;
  width: 96%;
}

#cn-notice-text {
  font-weight: 300;
  margin: 1rem 0 1rem 0.5rem;
}

#cookie-notice .cn-button:not(.cn-button-custom) {
  border-radius: 0;
  color: var(--day);
  font-family: inherit;
  font-size: var(--font-cookie);
  margin: 0 0 0 0.5rem;
  padding: 1rem;
}

.zero-refrences .testimonial-content {
  padding-bottom: 1rem;
}

.zero-refrences p {
  line-height: 1.4;
}

.zero-refrences a {
  color: var(--navigation) !important;
}

.zero-refrences .strong-rating-wrapper .star svg path {
  fill: var(--navigation);
}


/*
---------------------------------------------------------------------------------------------------
  XIII. Адаптивность и отображение
---------------------------------------------------------------------------------------------------
*/


.zero-desktop {
  display: block;
}

.zero-mobile {
  display: none;
}

@media screen and (max-width: 1600px) {

  .zero-side-stub { flex-basis: 0 !important; }

}

@media screen and (max-width: 1440px) {

  :root {
    --font-h1: 3rem; 
    --font-h2: 2.5rem;
    --font-h3: 1.5rem;

    --font-header-1: 1.4rem;
    --font-header-2: 1.2rem;

    --font-footer-1: 1rem;
    --font-footer-2: 1.6rem;
    --font-footer-info: 0.8rem;

    --font-content-1: 1.1rem;

    --size-header: 5rem;
  }

  .zero-block-front h1.zero-header span { font-size: 2rem; }
  .zero-block-front p.zero-slogan { font-size: 1.8rem; line-height: 1.2; }
  .zero-block-front p.zero-info,
  .zero-block-contacts .zero-contacts p:nth-child(1) { font-size: 1.2rem; line-height: 1.4; }

}

@media screen and (max-width: 1024px) {

  .zero-desktop { display: none; }
  .zero-mobile { display: block; }

  :root {
    --font-policy-1: 1.4rem;
    --font-policy-2: 0.9rem;
  }

  .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column { flex-basis: 100% !important; }
  .wp-block-columns { flex-wrap: wrap !important; }

  .zero-nothing { padding: var(--space-basic) 10%; }
  .zero-banner { min-height: 85vh !important; }
  .zero-banner .wp-block-cover__image-background { height: calc(85vh - var(--size-header)); }
  .zero-block-front p.zero-slogan { font-size: 1.6rem; line-height: 1.2; }
  .zero-block-front p.zero-info,
  .zero-block-contacts .zero-contacts p:nth-child(1) { font-size: 1.1rem; line-height: 1.2; }
  .zero-block-front .zero-desktop-line { left: 0; margin: var(--space-half) 0; width: 100%; }
  .zero-block-help-type { margin: var(--space-half) 0 !important; }

}

@media screen and (max-width: 781px) {

  :root {
    --font-h1: 2rem; 
    --font-h2: 1.6rem;
    --font-h3: 1.3rem;

    --font-header-1: 1rem;

    --font-footer-1: 0.9rem;
    --font-footer-2: 1.4rem;
    --font-footer-info: 0.8rem;

    --font-content-1: 1rem;

    --font-nothing-1: 1.2rem;

    --size-header: 4rem;
  }

  .inside-article { padding: 0 var(--space-half); }
  .entry-content .alignwide { margin-left: -1rem; max-width: calc(100% + 2rem); width: calc(100% + 2rem); }
  .wp-block-group__inner-container { padding: var(--space-half); }

  .inside-header { padding: var(--space-half); padding-bottom: 0; }

  .inside-footer,
  .inside-site-info { padding: var(--space-half); }
  .inside-footer { padding-top: var(--space-basic); }
  .inside-site-info { padding-top: 0; }
  .footer-widget { flex: 1 1 100%; }
  .footer-widget:nth-child(1) .widget { padding: 0 0 var(--space-half) 0; }
  .footer-widget:nth-child(2) .widget { padding: 0 var(--space-half) 0 0; }

  .zero-search-form { padding: 0; }
  .zero-nothing__message p { line-height: 1.5; padding: 0; }
  .zero-nothing { padding: var(--space-basic) 0; }
  .zero-section-header { margin: var(--space-basic) 0; }
  .zero-section-header h2 { flex: auto; }
  .zero-block-contacts .zero-contacts p:nth-child(2) { font-size: 2rem; }
  .zero-block-contacts .zero-contacts p:nth-child(3) { font-size: 1.2rem; }
  .zero-refrences { font-size: 0.85rem; }

}

@media screen and (min-width: 782px) and (max-width: 1024px) {

  #zero-menu__content { padding: 5% 20vw; width: 60vw; }

  .footer-widgets-container { justify-content: flex-end; }
  .footer-widget { flex: 1 1 100%; }

}