/*
Theme Name: GP Agency
Theme URI:  https://goodwinpress.ru/wp-tema-gp-agency
Author: Алексей Goodwin
Author URI: https://goodwinpress.ru/
Description: Адаптивность, приятный внешний вид, готовые блоки на Главной, высокая скорость загрузки, дополнительные страницы для витрины и карточек проектов, услуг, контактов. Получение заявок через поп-ап и формы Contact Form 7. Встроенная кнопка для чатов под популярные мессенджеры. Микроразметка. Отложенная загрузка изображений и видео. Блог. 
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Tested up to: 5.8
Requires PHP: 7.4
Text Domain: gp-agency
Domain Path: /languages
Tags: goodwin, goodwinpress, services, agency, interior, design
*/

/*
===============================
= Содержание файла стилей =
============================================
01 Переменные
02 Очистка и базовые селекторы
03 Шрифты
04 Отложенная загрузка изображений
05 Основные контейнеры
06 Шапка
07 Логотип / Текстовый заголовок
08 Иконка бургер для открытия моб меню
09 Мобильное меню
10 Короткое одноуровневое меню в шапке на внутренних страницах
11 Кнопка с телефоном в шапке 
12 Главная страница - раздел Постер
13 Главная страница - раздел с формой для получения контактов
14 Главная страница - раздел Команда 
15 Главная страница - раздел Проекты, портфолио
16 Главная страница - раздел Услуги
17 Основа для поп-апа в услугих и других частях темы
18 Элементы страницы Контакты
19 Главная страница - раздел с видео
20 Главная страница - раздел Отзывы
21 Главная страница - раздел Произвольный контент
22 Заголовки сайта
23 Кнопки сайта
24 Подвал
25 Основа для разметки внутренних страниц
26 Внутренняя страница Проекты, портфолио
27 Раздел с формой для получения контактов на внутренних страницах
28 Атрибуты проекта в карточке
29 Табы на странице Услуги
30 Пошаговый процесс на странице Услуги
31 Кнопка для чата
32 Хлебные крошки
33 Блог
34 Кнопка Показать больше записей
35 Виджеты в сайдбаре
36 Маркированный список
37 Нумерованный список
38 Внутренняя навигация в записях
39 Элементы записей (цитаты, дата, метки и др)
40 Таблицы
41 Кнопки Поделиться
42 Изображения, галереи и их элементы внутри записей
43 Список комментариев
44 Форма отправки комментариев
45 Поп-ап в Постере для заказов
46 Навигация в поиске
47 Блок 3 свежие записи из блога
48 Адаптивность 
===============================
= Все стили валидны по стандарту W3C =
============================================
*/


/* 01 Переменные */
:root {
    --support-color: #999;
    /* доп. цвет шрифта для подписей и мелких элементов  */
    --decor-color: #fff;
    /* цвет фонов и полей ввода  */
    --effect-value: all 0.3s ease-in;
    /* анимация при наведении мыши */
    --font-fancy: 'Alice', serif;
    /* декоративный шрифт Alice*/
    --font-bold: 800;
    /* жирное начертание */
    --font-regular: 500;
    /* обычное начертание */
    --half-width: 48%;
    /* половина ширины контейнера */
    --full-width: 100%;
    /* половина ширины контейнера */
}

/* 02 Очистка и базовые селекторы */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

body {
    line-height: 1
}

strong {
    font-weight: var(--font-bold)
}

em,
i {
    font-style: italic
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

figure {
    display: block;
    margin: 0
}

iframe {
    display: block;
    max-width: var(--full-width)
}

svg,
img,
embed,
object,
video {
    display: block;
    height: auto;
    max-width: var(--full-width)
}

p {
    margin-bottom: 30px
}

p:last-child {
    margin-bottom: 0
}

img {
    border: 0
}

.aligncenter {
    margin: 0 auto 20px;
    display: block
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

html {
    font-size: var(--full-width);
    -webkit-text-size-adjust: var(--full-width);
    -ms-text-size-adjust: var(--full-width);
    overflow-x: hidden
}

dl {
    margin: 0 0 24px
}

dt {
    font-weight: bold
}

dd {
    margin-bottom: 18px
}

big {
    font-size: 131.25%
}

ins {
    text-decoration: none
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

sup,
sub {
    height: 0;
    line-height: 1;
    position: relative;
    vertical-align: baseline
}

sup {
    bottom: 1ex
}

sub {
    top: .5ex
}

input,
textarea {
    vertical-align: middle;
    background: var(--decor-color)
}

input:focus,
button:focus {
    outline: 0
}

pre {
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 24px;
    max-width: var(--full-width);
    overflow: auto;
    padding: 12px;
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word
}

hr {
    display: block;
    width: var(--full-width);
    height: 1px;
    border-top: 0 !important;
    border-bottom: 1px solid #e6e6e6 !important;
    margin: 30px auto 40px;
    clear: both
}

input:focus {
    border: 1px solid #9ab3f5
}

.red {
    color: red
}

.gp-clearfix:after {
    content: "\00A0";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

input::placeholder,
input:placeholder-shown {
    color: #777
}

p {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -ms-hyphens: auto
}

button {
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    cursor: pointer;
    border-radius: 0
}

.screen-reader-text {
    display: none
}

.wp-caption,
.wp-caption-text,
.gallery-caption {
    color: var(--support-color);
    font-size: .85rem
}

.gp-block-num {
  color: #2b3846
}

a.gpress {
    text-decoration: none
}

::-moz-selection {
    background: #035397;
    color: var(--decor-color)
}

::selection {
    background: #035397;
    color: var(--decor-color)
}

::-webkit-selection {
    background: #035397;
    color: var(--decor-color)
}

a {
    text-decoration: underline
}

a:hover {
    text-decoration: underline
}

/* 03 Шрифты */
@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: local(''), url('files/font/raleway/raleway-v22-latin_cyrillic-500.woff2') format('woff2'), url('files/font/raleway/raleway-v22-latin_cyrillic-500.woff') format('woff')
}

@font-face {
    font-family: 'Raleway';
    font-style: normal;
    font-weight: 800;
    font-display: swap;
    src: local(''), url('files/font/raleway/raleway-v22-latin_cyrillic-800.woff2') format('woff2'), url('files/font/raleway/raleway-v22-latin_cyrillic-800.woff') format('woff')
}

@font-face {
    font-family: 'Alice';
    font-style: normal;
    font-display: swap;
    font-weight: 400;
    src: local(''), url('files/font/alice/alice-v12-latin_cyrillic-regular.woff2') format('woff2'), url('files/font/alice/alice-v12-latin_cyrillic-regular.woff') format('woff')
}

/* 04 Отложенная загрузка изображений */
.lazy-hidden {
    opacity: 0
}

.lazy-loaded {
    transition: opacity .3s;
    opacity: 1
}

/* 05 Основные контейнеры */
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-size: 18px
}

body {
    font-weight: var(--font-regular);
    word-wrap: break-word;
    font-family: 'Raleway', sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    background-color: var(--decor-color)
}

.wrap {
    width: var(--full-width);
    max-width: 1920px;
    margin: 0 auto;
    position: relative
}

.port {
    width: var(--full-width);
    max-width: 1200px;
    margin: 0 auto
}

.flex-port {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

main {
    width: 100%;
    float: left
}


#sidebar {
    width: 100%;
    float: left;
    margin-top: 4rem
}

/* поместим повыше фикс для разводки ячеек внутри флексбокса */
.flex-align-fix {
    visibility: hidden;
    padding: 0 !important;
    margin: 0 !important
}

/* 06 Шапка */
header {
    width: var(--full-width);
    max-width: 1920px;
    margin: 0 auto;
    line-height: 70px;
    position: relative;
    height: 120px;
    background: var(--decor-color)
}

.home header {
    height: 0;
    background: transparent
}

/* 07 Логотип / Текстовый заголовок */
.site-title,
.text-title {
    position: absolute;
    top: 2rem;
    left: 5rem;
    z-index: 1
}

.text-title {
    top: 1.3rem;
}

.text-title span {
    font-size: 1.7rem;
    display: block;
    font-family: var(--font-fancy)
}

.text-title span a {
    text-decoration: none
}

.text-title span a:hover {
    text-decoration: none
}

/* 08 Иконка бургер для открытия моб меню */
.hamburger {
    border-radius: 50%;
    width: 54px;
    height: 54px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    position: absolute;
    top: 2rem;
    right: 4rem;
    z-index: 1000;
    background: var(--decor-color)
}

.hamburger:hover {
    color: var(--decor-color);
    text-decoration: none;
    transition: var(--effect-value)
}

.hamburger:hover .hamburger-inner,
.hamburger:hover .hamburger-inner::before,
.hamburger:hover .hamburger-inner::after,
.hamburger:hover.is-active .hamburger-inner,
.hamburger:hover.is-active .hamburger-inner::before,
.hamburger:hover.is-active .hamburger-inner::after {
    background-color: var(--decor-color)
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #293b5f
}

.hamburger-box {
    width: 40px;
    height: 24px;
    display: inline-block;
    position: relative;
    transform: scale(0.75, 0.75)
}

.hamburger-inner {
    display: block;
    top: 50%
}

.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 40px;
    height: 4px;
    background-color: #000;
    border-radius: 4px;
    position: absolute;
    transition-property: transform;
    transition-duration: .15s;
    transition-timing-function: ease
}

.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block
}

.hamburger-inner::before {
    top: -10px
}

.hamburger-inner::after {
    bottom: -10px
}

.hamburger--spin .hamburger-inner {
    transition-duration: .22s;
    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin .hamburger-inner::before {
    transition: top .1s .25s ease-in, opacity .1s ease-in
}

.hamburger--spin .hamburger-inner::after {
    transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(0.55, 0.055, 0.675, 0.19)
}

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: .12s;
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
}

.hamburger--spin.is-active .hamburger-inner::before {
    top: 0;
    opacity: 0;
    transition: top .1s ease-out, opacity .1s .12s ease-out
}

.hamburger--spin.is-active .hamburger-inner::after {
    bottom: 0;
    transform: rotate(-90deg);
    transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(0.215, 0.61, 0.355, 1)
}

/* 09 Мобильное меню */
.mob-menu {
    width: var(--full-width);
    font-family: var(--font-fancy);
    z-index: 999;
    line-height: 1;
    display: none
}

.mob-menu__wrapper {
    width: var(--full-width);
    max-width: 1024px;
    margin: 0 auto;
    padding: 7rem 3rem 2rem
}

ul.top-mob-menu {
    margin: 0;
    border-bottom: 1px dotted rgba(51, 51, 51, .3)
}

.mob-menu li {
    display: block;
    text-align: left;
    font-size: 1.4rem;
    position: relative;
    z-index: 1;
    font-weight: var(--font-regular);
    margin: 0;
    padding: 0
}

.top-mob-menu li {
    border-top: 1px dotted rgba(51, 51, 51, .3)
}

.top-mob-menu li:first-child {
    border: 0;
    margin: 0
}

.mob-menu li a {
    display: inline-block;
    text-decoration: none;
    padding: 29px 0
}

.top-mob-menu li:first-child a {
    padding-top: 0
}

.mob-menu li a:hover,
.mob-menu li ul li a:hover {
    text-decoration: underline
}

.sub-menu {
    padding: 40px 40px 20px;
    display: none;
    margin: 0
}

.sub-menu li {
    font-size: 1.1rem
}

.sub-menu li a {
    padding: 18px 0
}

.menu-trigger {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 35px;
    right: 0;
    z-index: 10;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23111' viewBox='0 0 284.929 284.929'%3E%3Cg%3E%3Cpath d='M282.082,76.511l-14.274-14.273c-1.902-1.906-4.093-2.856-6.57-2.856c-2.471,0-4.661,0.95-6.563,2.856L142.466,174.441 L30.262,62.241c-1.903-1.906-4.093-2.856-6.567-2.856c-2.475,0-4.665,0.95-6.567,2.856L2.856,76.515C0.95,78.417,0,80.607,0,83.082 c0,2.473,0.953,4.663,2.856,6.565l133.043,133.046c1.902,1.903,4.093,2.854,6.567,2.854s4.661-0.951,6.562-2.854L282.082,89.647 c1.902-1.903,2.847-4.093,2.847-6.565C284.929,80.607,283.984,78.417,282.082,76.511z'/%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 16px 16px;
    background-position: center center
}

.sub-menu .menu-trigger {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 3px;
    right: 0;
    z-index: 10;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='%23111' viewBox='0 0 284.929 284.929'%3E%3Cg%3E%3Cpath d='M282.082,76.511l-14.274-14.273c-1.902-1.906-4.093-2.856-6.57-2.856c-2.471,0-4.661,0.95-6.563,2.856L142.466,174.441 L30.262,62.241c-1.903-1.906-4.093-2.856-6.567-2.856c-2.475,0-4.665,0.95-6.567,2.856L2.856,76.515C0.95,78.417,0,80.607,0,83.082 c0,2.473,0.953,4.663,2.856,6.565l133.043,133.046c1.902,1.903,4.093,2.854,6.567,2.854s4.661-0.951,6.562-2.854L282.082,89.647 c1.902-1.903,2.847-4.093,2.847-6.565C284.929,80.607,283.984,78.417,282.082,76.511z' /%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-size: 12px 12px;
    background-position: center center
}

.mob-menu__contacts {
    display: block;
    padding: 4rem 0;
    text-align: center;
    line-height: 1.8;
    font-family: 'Raleway', sans-serif;
    font-size: 1rem
}

/* 10 Короткое одноуровневое меню в шапке на внутренних страницах */
.header__inner-nav {
    position: absolute;
    top: 2rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    line-height: 54px
}

.header__inner-nav li {
    display: inline-block;
    margin: 0 10px;
    font-size: 1.2rem;
    font-family: var(--font-fancy)
}

.header__inner-nav li a {
    text-decoration: none
}

.header__inner-nav li a:hover {
    text-decoration: underline
}

/* 11 Кнопка с телефоном в шапке */
a.header-contact {
    position: absolute;
    top: 2rem;
    right: 9rem;
    z-index: 10;
    background: var(--decor-color);
    border-radius: 30px;
    line-height: 54px;
    padding: 0 30px;
    text-decoration: none;
    font-family: var(--font-fancy);
    font-size: 1.2rem
}

a.header-contact:hover {
    color: var(--decor-color);
    text-decoration: none;
    transition: var(--effect-value)
}

/* 12 Главная страница - раздел Постер */
.home-top-section {
    float: left;
    width: var(--full-width)
}

.home-top-section__text {
    flex-basis: 50%;
    height: 100vh;
    position: relative
}

.home-top-section__image {
    flex-basis: 50%;
    position: relative;
    background-position: center left;
    background-repeat: no-repeat;
    background-size: cover
}

.home-top-section__wrapper {
    width: 78%;
    position: absolute;
    top: 49%;
    left: 50%;
    transform: translate(-52%, -49%)
}

h1.home-top-section__title {
    font-size: 3.1rem;
    font-family: var(--font-fancy);
    line-height: 1.2;
    margin-bottom: 5rem
}

.home-top-socials {
    width: 78%;
    position: absolute;
    bottom: 2rem;
    left: 6rem
}

.socials__links a {
    display: inline-block;
    margin-left: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .65rem;
    font-weight: var(--font-bold);
    text-decoration: none
}

.socials__links a:hover {
    text-decoration: underline
}

.socials__links a:nth-of-type(1) {
    margin-left: 0
}

/* 13 Главная страница - раздел с формой для получения контактов */
.home-action-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 6rem;
    background-color: #f7f6fb;
    text-align: center;
    position: relative
}

.home-action__wrapper {
    width: var(--full-width);
    max-width: 800px;
    margin: 0 auto;
    padding: 4rem 0
}

.home-action__title {
    font-size: .85rem;
    display: block;
    margin-bottom: 40px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.home-action__desc {
    font-size: .75rem;
    display: inline-flex;
    max-width: 500px;
    margin-bottom: 4rem
}

.personal-data-warning {
    width: var(--full-width);
    max-width: 500px;
    padding: 20px;
    display: block;
    opacity: 0;
    position: absolute;
    bottom: 1px;
    left: 50%;
    transform: translate(-50%, 0);
    transition: var(--effect-value);
    text-align: left;
    color: var(--decor-color);
    background-color: rgba(51, 51, 51, .85);
    border-radius: 6px;
    z-index: 10
}

.home-action-section:hover .personal-data-warning {
    display: block;
    opacity: 1;
    transform: translate(-50%, 50%)
}

.personal-data-warning a,
.personal-data-warning a:hover {
    color: var(--decor-color)
}

.home-action__wrapper .wpcf7-form-control-wrap {
    flex-basis: 30%
}

.home-action__wrapper .wpcf7-text,
.home-action__wrapper .wpcf7-email {
    width: var(--full-width);
    padding: 17px 5px;
    margin: 0;
    background-color: #f7f6fb;
    border: 1px solid #f7f6fb;
    border-bottom-color: #111;
    font-size: 17px
}

button.wpcf7-submit {
    font-size: .85rem;
    letter-spacing: 1px;
    height: 54px;
    padding: 0;
    width: var(--full-width);
    border: 1px solid #111;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 27px
}

button.wpcf7-submit:hover {
    color: var(--decor-color);
    text-decoration: none;
    transition: var(--effect-value)
}

.wpcf7-text:focus,
.wpcf7-email:focus,
.wpcf7-tel:focus {
    outline: thin solid rgba(0, 115, 170, 0.15)
}

.custom-checkbox {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox+label {
    display: block;
    user-select: none;
    font-size: .85rem;
    position: relative;
    padding-left: 42px
}

.custom-checkbox+label::before {
    content: '';
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 5px;
    left: 0;
    border: 1px solid #adb5bd;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 50% 50%
}

.custom-checkbox:checked+label::before {
    border-color: #111;
    background-color: #111;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e")
}

/* 14  Главная страница - раздел Команда */
.home-team-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 5rem
}

.home-team-section__item {
    flex-basis: 31%;
    margin-bottom: 4rem;
    position: relative
}

.team-img {
    border-radius: 50%;
    transition: var(--effect-value)
}

.team-img:hover {
    transform: scale(1.1)
}

.person-name {
    position: absolute;
    bottom: -65px;
    left: 35%;
    padding: 15px 20px 0;
    background: var(--decor-color);
    font-family: var(--font-fancy);
    font-size: 1.3rem
}

.person-name {
    display: block    
}

.alma-mater {
    margin-top: 20px;
    width: 180px
}

.home-team-section__description {
    margin-top: 40px
}

.description__left,
.description__right {
    flex-basis: 47.5%
}

/* 15  Главная страница - раздел Проекты, портфолио */
.home-project-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 4rem;
    padding: 0 4rem
}

.project-item {
    flex-basis: 31%;
    margin-bottom: 2.5rem;
    position: relative;
    overflow: hidden
}

.project-item:hover {
    background: #f0f0fe
}

.project-item__caption {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 22px 30px;
    background: rgba(44, 57, 75, .65);
    color: var(--decor-color);
    text-align: center;
    transition: var(--effect-value)
}

.project-item__caption:before {
    content: '';
    background: var(--decor-color);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: var(--effect-value)
}

.project-item:hover h2.project-item__title {
    color: #111
}

.project-item:hover .project-item__caption {
    background: rgba(0, 0, 0, .0)
}

h2.project-item__title {
    font-size: 1.4rem;
    position: relative;
    z-index: 1;
    transition: all .55s ease-in
}

h2.project-item__title a {
    text-decoration: none
}

.project-thumbnail {
    position: relative
}

.project-thumbnail:before {
    content: '';
    background: #f1f1f7;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 0;
    transition: var(--effect-value)
}

.project-item:hover .project-thumbnail:before {
    bottom: 0;
    height: 100%
}

.project-thumbnail:after {
    content: '';
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='98.48px' height='98.48px' fill='%23111' viewBox='0 0 98.48 98.48' style='enable-background:new 0 0 98.48 98.48;' xml:space='preserve'%3e%3cg%3e%3cpath d='M97.204,45.788c-0.865-1.02-21.537-24.945-47.963-24.945c-26.427,0-47.098,23.925-47.965,24.946 c-1.701,2-1.701,4.902,0.001,6.904c0.866,1.02,21.537,24.944,47.964,24.944c26.426,0,47.098-23.926,47.964-24.946 C98.906,50.691,98.906,47.789,97.204,45.788z M57.313,35.215c1.777-0.97,4.255,0.143,5.534,2.485 c1.279,2.343,0.875,5.029-0.902,5.999c-1.776,0.971-4.255-0.143-5.535-2.485C55.132,38.871,55.535,36.185,57.313,35.215z M49.241,68.969c-18.46,0-33.995-14.177-39.372-19.729c3.631-3.75,11.898-11.429,22.567-16.021 c-2.081,3.166-3.301,6.949-3.301,11.021c0,11.104,9.001,20.105,20.105,20.105s20.106-9.001,20.106-20.105 c0-4.072-1.219-7.855-3.3-11.021C76.715,37.812,84.981,45.49,88.612,49.24C83.235,54.795,67.7,68.969,49.241,68.969z'/%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    background-size: 50px 50px;
    background-position: center center;
    position: absolute;
    top: -50px;
    left: 50%;
    bottom: 0;
    z-index: 10;
    transform: translate(-50%, 0);
    transition: var(--effect-value);
    opacity: .8
}

.project-item:hover .project-thumbnail:after {
    top: 40%
}

.home-projects-btn {
    display: table !important;
    margin: 1rem auto 2rem
}

/* 16 Главная страница - раздел Услуги */
.home-service-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 3rem;
    position: relative
}

.service-item {
    flex-basis: 48%;
    margin-bottom: 4rem;
    text-align: center;
    padding: 40px 0;
    border: 1px solid rgba(29, 43, 100, .25);
    position: relative;
    background: var(--decor-color)
}

.service-item__title {
    font-size: 1.4rem;
    line-height: 1.2;
    display: block;
    margin-bottom: 25px;
    padding: 0 40px;
    font-weight: var(--font-bold)
}

.service-item p {
    padding: 0 40px
}

.service-item__subtitle {
    text-transform: uppercase;
    letter-spacing: .5px;
    font-size: .9rem;
    text-align: center;
    display: block;
    border-top: 1px solid rgba(29, 43, 100, .25);
    border-bottom: 1px solid rgba(29, 43, 100, .25);
    padding: 18px 30px;
    margin-bottom: 25px
}

.service-item:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(41, 64, 211, 0.1);
    position: absolute;
    bottom: -15px;
    left: 15px;
    z-index: -1;
    transition: var(--effect-value)
}

.service-item:hover:before {
    transform: translateY(-30px)
}

/* 17 Основа для поп-апа */
.popup {
    display: none;
    z-index: 1001;
    width: var(--full-width);
    max-width: 600px;
    background: var(--decor-color);
    padding: 40px 40px 20px 40px;
    position: fixed;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    border-radius: 4px
}

.pop-title {
    flex-basis: var(--full-width);
    margin-bottom: 20px;
    display: block;
    font-size: 1rem;
    line-height: 1.3;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px
}

.popup .close {
    cursor: pointer;
    position: absolute;
    top: -15px;
    right: -15px;
    width: 40px;
    height: 40px;
    z-index: 100;
    transition: var(--effect-value);
    z-index: 10;
    border-radius: 50%;
    background: #5089C6
}

.popup .close:before {
    content: '';
    width: 40px;
    height: 40px;
    background-size: 14px 14px;
    position: absolute;
    top: 0px;
    right: 0px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 47.971 47.971'   fill='%23fff' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M28.228,23.986L47.092,5.122c1.172-1.171,1.172-3.071,0-4.242c-1.172-1.172-3.07-1.172-4.242,0L23.986,19.744L5.121,0.88 c-1.172-1.172-3.07-1.172-4.242,0c-1.172,1.171-1.172,3.071,0,4.242l18.865,18.864L0.879,42.85c-1.172,1.171-1.172,3.071,0,4.242 C1.465,47.677,2.233,47.97,3,47.97s1.535-0.293,2.121-0.879l18.865-18.864L42.85,47.091c0.586,0.586,1.354,0.879,2.121,0.879 s1.535-0.293,2.121-0.879c1.172-1.171,1.172-3.071,0-4.242L28.228,23.986z' /%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3Cg%3E%3C/g%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center
}

.overlay_popup {
    display: none;
    position: fixed;
    background: rgba(0, 0, 0, .86);
    z-index: 1000;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}


/* 18 Элементы страницы Контакты  */
.contact-page__map,
.contact-page__info {
    flex-basis: 47%
}

.contact-page__map {
    padding: 20px;
    border: 1px solid rgba(29, 43, 100, .4)
}

.contact-page__info span {
    display: block;
    margin-bottom: 1.9rem;
    font-size: 1.15rem;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(29, 43, 100, .4)
}

.contact-page__info em {
    display: block;
    color: var(--support-color);
    font-size: .6rem;
    line-height: 1;
    font-style: normal;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 5px
}

.contact-page__info span a{
  text-decoration: none
}

.contact-page__info .socials__links {
    margin-top: 10px
}

/* 19 Главная страница - раздел с видео */
.home-video-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 4rem;
    position: relative
}

.home-video-section .lazy-hidden {
    opacity: 1
}

.home-video-section figure {
    border: 20px solid var(--decor-color);
    border-top-width: 10px;
    border-bottom-width: 10px;
    box-shadow: 1px 12px 15px -5px rgba(41, 64, 211, 0.15);
    background: var(--decor-color);
    margin-bottom: 4rem
}

.home-video-section h2.home-section__title {
    font-size: 2.2rem;
    margin-bottom: 2.6rem
}

.home-video-section:before {
    content: '';
    width: 100%;
    height: 100%;
    background: #f7f6fb;
    position: absolute;
    top: 150px;
    left: 0;
    z-index: -1
}

/* 20 Главная страница - раздел Отзывы */
.home-feedback-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 1rem;
    background: var(--decor-color);
    padding: 4rem 3rem 0
}

.feedback-item {
    flex-basis: var(--half-width);
    margin-bottom: 4rem;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    padding: 2rem;
}

.feedback-content {
  padding: 3rem 2.5rem;
  width: 65%;
  background: rgba(44, 57, 75, .91);
  margin-left: auto;
  color: #fff;
  font-size: .95rem;
  line-height: 1.75
}

.feedback-item__name {
  font-size: 1.2rem;
  display: block;
  margin-bottom: 8px;
  text-transform: uppercase;
  letter-spacing: 1px
}

a.feedback-item__url {
  color: #f9f9f9;
  font-size: .95rem;
}

.feedback-item__type {
    margin-bottom: 25px;
    font-size: .85rem;
    display: block
}

 
/* 21 Главная страница - раздел Произвольный контент */
.home-custom-section {
    float: left;
    width: var(--full-width);
    margin-bottom: 5rem
}

.home-custom-section h2.home-section__title {
    margin-bottom: 3rem
}

.last-section {
    margin-bottom: 0 !important
}

/* 22 Заголовки сайта */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-fancy);
    font-weight: var(--font-regular);
    display: block
}

h2.home-section__title {
    font-size: 2.35rem;
    font-family: var(--font-fancy);
    line-height: 1.2;
    margin-bottom: 4rem;
    text-align: center
}

h2.inner-page__title {
    font-size: 2.3rem;
    font-family: var(--font-fancy);
    line-height: 1.2;
    margin-bottom: 5rem;
    text-align: center
}

h1.single__title {
    font-size: 2.4rem
}

h2.post-title {
    font-size: 2rem;
    margin-bottom: 2rem;
    line-height: 1.25;
    font-family: var(--font-fancy);
    font-weight: var(--font-regular);
    text-align: center
}

h2.post-title a {
    text-decoration: none
}

h2.post-title a:hover {
    text-decoration: underline
}

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6,
.gp-custom-content h1,
.gp-custom-content h2,
.gp-custom-content h3,
.gp-custom-content h4,
.gp-custom-content h5,
.gp-custom-content h6 {
    margin-bottom: 25px;
    text-align: center
}

.post-content h1 {
    font-size: 2.2rem
}

.post-content h2 {
    font-size: 2.0rem
}

.post-content h3 {
    font-size: 1.8rem
}

.post-content h4 {
    font-size: 1.6rem
}

.post-content h5 {
    font-size: 1.4rem
}

.post-content h6 {
    font-size: 1.2rem
}

/* 23 Кнопки сайта */
a.gp-button,
.comment-form input[type="submit"],
button.gp-button {
    display: inline-block;
    height: 54px;
    padding: 0 30px;
    border: 1px solid #111;
    margin-top: 15px;
    color: #111;
    text-transform: uppercase;
    text-decoration: none;
    font-size: .85rem;
    letter-spacing: 1px;
    text-align: center;
    line-height: 54px;
    border-radius: 27px
}

a.gp-button:hover,
.comment-form input[type="submit"]:hover,
button.gp-button:hover,
.widget_search .search-form input[type="submit"]:hover,
.wp-block-search__button:hover {
    text-decoration: none;
    transition: var(--effect-value);
    cursor: pointer
}

/* 24 Подвал */
footer {
    float: left;
    width: var(--full-width);
    text-align: center;
    position: relative;
    padding-top: 5rem
}

.footer__logo {
    filter: invert(100%);
    margin: 0 auto 0
}
.footer__title {
  text-align: center;
  font-family: var(--font-fancy);
  font-size: 2rem
}

.footer__menu {
    padding: 2rem 0
}

.footer__list li {
    display: inline-block;
    margin: 0 10px;
    list-style: none;
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: var(--font-bold)
}

.footer__list li a {
    text-decoration: none
}

.footer__list li a:hover {
    text-decoration: underline
}

.footer__contacts {
    width: var(--full-width);
    max-width: 700px;
    margin: 2rem auto;
    padding: 0 1rem
}

.footer__contacts span {
    display: block
}

.footer__phones {
    margin-top: 2rem
}

a.footer-button {
    margin: 0 15px;
    font-size: 1rem
}

.credits {
    padding: 2rem 2rem 2rem;
    color: var(--decor-color);
    font-size: .7rem;
    line-height: 1.75
}

.footer__adress {
    font-size: 1rem
}

.anycode {
    margin-top: 30px;
    text-align: center
}

.anycode span {
    display: inline-block
}

.backtop {
    width: 50px;
    height: 50px;
    position: fixed;
    cursor: pointer;
    transition: var(--effect-value);
    text-decoration: none;
    bottom: 30px;
    z-index: 100;
    display: none;
    border: 1px solid var(--decor-color);
    border-radius: 50%
}

.backtop:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px'  viewBox='0 0 268.832 268.832' style='enable-background:new 0 0 268.832 268.832;' xml:space='preserve'%3e%3cg%3e%3cpath d='M265.171,125.577l-80-80c-4.881-4.881-12.797-4.881-17.678,0c-4.882,4.882-4.882,12.796,0,17.678l58.661,58.661H12.5 c-6.903,0-12.5,5.597-12.5,12.5c0,6.902,5.597,12.5,12.5,12.5h213.654l-58.659,58.661c-4.882,4.882-4.882,12.796,0,17.678 c2.44,2.439,5.64,3.661,8.839,3.661s6.398-1.222,8.839-3.661l79.998-80C270.053,138.373,270.053,130.459,265.171,125.577z'/%3e%3c/g%3e%3c/svg%3e ");
    background-size: 20px 20px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    transform: rotate(-90deg)
}

/* 25 Основа для описания внутренних страниц */
.gp-inner-page,
.blog-page {
    width: var(--full-width);
    float: left;
    margin-bottom: 2rem
}

.gp-inner-page__header {
    width: var(--full-width);
    float: left;
    position: relative;
    margin-bottom: 3rem;
    text-align: center
}

.gp-inner-page__header-wrapper {
    width: var(--full-width);
    max-width: 800px;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    background: rgba(0, 0, 0, .55);
    color: var(--decor-color);
    padding: 3rem 2rem;
    border-top-left-radius: 18px;
    border-top-right-radius: 18px
}

.gp-inner-page__title {
    font-family: var(--font-fancy);
    font-weight: var(--font-regular);
    font-size: 2.6rem;
    line-height: 1.1
}

.gp-inner-page__content {
    width: var(--full-width);
    float: left;
    margin-bottom: 3rem
}

/* 26 Внутренняя страница Проекты, портфолио */
.project-archive__item {
    flex-basis: 47.5%;
    margin-bottom: 4rem
}

.project-archive-item__thumb {
    position: relative;
    margin-bottom: 25px;
    overflow: hidden;
    max-width: 600px;
    max-height: 380px
}

.project-archive-item__thumb img {
    transition: var(--effect-value)
}

.project-archive-item__thumb:hover img {
    transform: scale(1.1);
    transition: var(--effect-value)
}

h2.project-archive-item__title {
    font-family: var(--font-fancy);
    font-weight: var(--font-regular);
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 2rem 3rem 0 0;
    background-color: var(--decor-color);
    position: absolute;
    bottom: 0;
    left: 0
}

h2.project-archive-item__title a {
    text-decoration: none
}

h2.project-archive-item__title a:hover {
    text-decoration: underline
}

.project-archive-item__estimate {
    display: block;
    padding-bottom: 23px;
    border-bottom: 1px solid #e6e6e6;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: .8rem;
    color: var(--support-color);
    margin-bottom: 20px
}

/* 27 Раздел с формой для получения контактов на внутренних страницах */
.single-action .home-action__title {
    font-size: 1.55rem;
    font-family: var(--font-fancy)
}

.single-action .home-action__desc {
    font-size: 1rem;
    max-width: 650px
}

/* 28 Атрибуты проекта в карточке */
ul.project-item__details {
    float: right;
    margin: 0 0 1rem 4rem !important;
    font-size: .95rem
}

ul.project-item__details li {
    padding: 11px 50px;
    background: var(--decor-color);
    margin: 0;
    list-style: none
}

ul.project-item__details li:nth-of-type(odd) {
    background: rgba(241, 241, 247, .6)
}

/* 29 Табы на странице Услуги */
.tabs ul {
    width: var(--full-width);
    list-style: none;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.tabs ul li {
    font-size: 1.1rem;
    text-transform: uppercase;
    letter-spacing: .6px;
    line-height: 1.5;
    flex-basis: 22%;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0
}

.tabs ul li a {
    padding-left: 60px;
    text-decoration: none
}

.tabs ul li a:hover {
    text-decoration: underline
}

.tabs ul li a {
    text-decoration: none;
    display: inline-block;
    color: #111;
    padding: 17px 0 17px 80px
}

.tab-content {
    flex-basis: 100%;
    margin-bottom: 1rem
}

.tabs-post {
    padding: 40px 0;
    background: 0
}

.tab-content>.tabs-post {
    display: none
}

.tab-content>.active {
    display: block
}

.tabs-post.in {
    opacity: 1
}

.tabs .tab1:before,
.tabs .tab2:before,
.tabs .tab3:before,
.tabs .tab4:before {
    content: '';
    background-size: 32px 32px;
    background-repeat: no-repeat;
    background-position: center center;
    width: 60px;
    height: 60px;
    position: absolute;
    top: 16px;
    left: 0;
    border-radius: 4px
}

.tabs .tab1:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg enable-background='new 0 0 512.01 512.01' height='512' viewBox='0 0 512.01 512.01' width='512'  fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cg%3e%3cpath d='m447.183 66.584h-6.075c11.58-18.853 7.304-44.164-11.281-57.953-20.025-14.856-48.482-10.074-62.457 10.81l-31.546 47.144h-270.997c-22.275 0-40.397 18.122-40.397 40.397v258.274c0 22.275 18.122 40.397 40.397 40.397h156.914l-11.856 49.797h-25.589c-16.677 0-30.245 13.567-30.245 30.244v6.315h-31.545c-5.523 0-10 4.478-10 10s4.477 10 10 10h266.999c5.523 0 10-4.478 10-10s-4.477-10-10-10h-31.545v-6.315c0-16.677-13.568-30.244-30.245-30.244h-25.589l-11.856-49.797h156.914c22.275 0 40.397-18.122 40.397-40.397v-56.83-201.445c0-22.275-18.122-40.397-40.398-40.397zm-143.282 175.799c-15.635 10.945-44.926-3.932-72.898 10.994-6.825-35.455-2.522-68.8 33.003-76.16 4.591-.957 9.534-1.39 13.742-1.306 12.024 8.921 24.186 17.944 36.176 26.841 5.249 15.268 3.279 30.32-10.023 39.631zm10.078-107.188 28.307 21.002-21.769 26.541c-8.962-6.649-16.666-12.365-25.628-19.015 1.861-2.781 17.389-25.987 19.09-28.528zm70.014-104.631c7.574-11.321 23.021-13.955 33.917-5.87 10.9 8.086 12.852 23.632 4.215 34.163-15.325 18.683-51.759 63.104-67.142 81.859l-29.87-22.162zm-46.034 455.13v6.315h-163.908v-6.315c0-5.648 4.596-10.244 10.245-10.244h143.418c5.649 0 10.245 4.596 10.245 10.244zm-56.393-30.244h-51.122l11.856-49.797h27.41zm186.015-90.194c0 11.247-9.15 20.397-20.397 20.397-15.874 0-364.508 0-382.356 0-11.247 0-20.397-9.15-20.397-20.397v-46.83h28.576c5.523 0 10-4.478 10-10s-4.477-10-10-10h-28.578v-191.445c0-11.247 9.15-20.397 20.397-20.397h257.615c-9.58 14.317-37.529 56.085-46.382 69.314-19.597.177-39.162 7.004-51.97 21.956-17.429 20.345-20.491 52.313-9.101 95.015 1.947 7.302 11.058 9.918 16.571 4.652 25.857-24.707 58.061 2.243 86.9-21.099 17.604-14.25 21.77-36.904 15.132-58.088 8.973-10.94 82.664-100.784 91.658-111.75h21.933c11.247 0 20.397 9.15 20.397 20.397v191.444h-314.574c-5.523 0-10 4.478-10 10s4.477 10 10 10h314.576z'/%3e%3cpath d='m111.075 298.619c-4.814.984-8.04 5.145-8.04 9.811 0 6.255 5.719 11.045 11.95 9.8 5.537-1.124 8.91-6.46 7.85-11.76-1.113-5.47-6.419-8.926-11.76-7.851z'/%3e%3c/g%3e%3c/svg%3e")
}

.tabs .tab2:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 297 297'   fill='%23fff' xmlns:xlink='http://www.w3.org/1999/xlink' enable-background='new 0 0 297 297'%3e%3cg%3e%3cpath d='M148.5,62.024c17.1,0,31.012-13.912,31.012-31.012S165.6,0,148.5,0s-31.012,13.912-31.012,31.012 S131.4,62.024,148.5,62.024z'/%3e%3cpath d='m201.361,157.156v-54.163c0-11.801-7.584-22.266-18.799-25.94l-.052-.017-8.851-2.716c-1.396-0.429-2.888,0.31-3.39,1.687l-18.612,51.067c-1.074,2.946-5.24,2.946-6.314,0l-18.612-51.067c-0.405-1.112-1.455-1.81-2.58-1.81-0.267,0-9.651,2.835-9.651,2.835-11.307,3.768-18.861,14.25-18.861,26.102v54.021c0,0.536 0.157,1.061 0.451,1.509l19.42,29.553v74.777c0,1.518 1.231,2.749 2.749,2.749h60.48c1.518,0 2.749-1.231 2.749-2.749v-74.777l19.42-29.553c0.296-0.448 0.453-0.972 0.453-1.508z'/%3e%3cpath d='m52.175,243.045c1.957-4.455-0.069-9.652-4.523-11.609-4.46-1.961-9.653,0.069-11.609,4.523l-13.754,31.317c-1.957,4.455 0.069,9.652 4.523,11.609l31.317,13.754c1.153,0.506 2.355,0.746 3.538,0.746 3.39,0 6.621-1.967 8.071-5.27 1.957-4.455-0.069-9.652-4.523-11.609l-11.844-5.201 52.374-20.408v-18.91l-58.771,22.901 5.201-11.843z'/%3e%3cpath d='m67.474,169.584c4.534-1.766 6.777-6.874 5.01-11.407-1.767-4.535-6.876-6.782-11.407-5.01l-31.87,12.419c-4.534,1.766-6.777,6.874-5.01,11.407l12.419,31.87c1.357,3.483 4.685,5.614 8.211,5.614 1.064,0 2.146-0.193 3.196-0.603 4.534-1.766 6.777-6.874 5.01-11.407l-4.697-12.052 57.409,25.213v-19.244l-50.323-22.101 12.052-4.699z'/%3e%3cpath d='m260.385,240.701c-1.767-4.535-6.875-6.782-11.407-5.01-4.534,1.766-6.777,6.874-5.01,11.407l4.697,12.053-57.409-25.213v19.244l50.323,22.101-12.052,4.696c-4.534,1.766-6.777,6.874-5.01,11.407 1.357,3.483 4.685,5.615 8.211,5.614 1.064,0 2.146-0.193 3.196-0.603l31.87-12.419c4.534-1.766 6.777-6.874 5.01-11.407l-12.419-31.87z'/%3e%3cpath d='m270.188,170.677l-31.317-13.754c-4.46-1.959-9.652,0.069-11.609,4.523s0.069,9.652 4.523,11.609l11.844,5.201-52.374,20.408v18.911l58.771-22.902-5.201,11.843c-1.957,4.455 0.069,9.652 4.523,11.609 1.153,0.506 2.355,0.746 3.538,0.746 3.39,0 6.621-1.967 8.071-5.27l13.754-31.317c1.957-4.452-0.069-9.65-4.523-11.607z'/%3e%3cpath d='m155.568,75.322c-0.747-0.814-1.84-1.224-2.946-1.224h-8.245c-1.105,0-2.198,0.41-2.946,1.224-1.157,1.261-1.325,3.082-0.504,4.506l4.407,6.644-2.063,17.405 4.063,10.808c0.396,1.087 1.933,1.087 2.33,0l4.063-10.808-2.063-17.405 4.407-6.644c0.822-1.424 0.654-3.245-0.503-4.506z'/%3e%3c/g%3e%3c/svg%3e ")
}

.tabs .tab3:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 491.444 491.444' style='enable-background:new 0 0 491.444 491.444;' fill='%23fff' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M477.349,179.429c-9.813-9.813-21.12-12.373-26.56-13.547c-6.613-1.493-13.547-1.813-20.267-0.96 c-27.2-63.147-99.947-105.92-184.747-105.92c-80,0-150.72,43.093-179.52,106.88c-8.427-1.813-17.067-1.813-25.493,0.107 c-5.44,1.173-16.747,3.733-26.56,13.547c-1.813,1.813-17.28,18.027-13.653,41.173c3.52,22.933,23.36,37.227,40.32,40.853 c5.867,1.28,11.84,1.173,17.707-0.107c0.533-0.107,1.067-0.213,1.493-0.32c1.707,2.88,7.147,18.133-6.08,83.84 c-0.32,1.707-0.213,3.52,0.32,5.227c7.787,24.96,20.373,37.12,40.96,39.467c0.427,0,0.747,0.107,1.173,0.107v32 c0,5.867,4.8,10.667,10.667,10.667c5.867,0,10.667-4.8,10.667-10.667v-32h256v32c0,5.867,4.8,10.667,10.667,10.667 s10.667-4.8,10.667-10.667v-32c0.427,0,0.747,0,1.173-0.107c20.587-2.347,33.28-14.507,40.96-39.467 c0.533-1.707,0.64-3.52,0.32-5.227c-13.227-65.813-7.787-81.067-6.08-83.84c0.427,0.107,0.96,0.213,1.493,0.32 c5.76,1.28,11.84,1.387,17.6,0.107c16.96-3.627,36.8-17.92,40.32-40.853C494.522,197.456,479.056,181.242,477.349,179.429z M245.775,80.336c75.307,0,139.84,36.693,164.373,91.2c-3.627,2.027-7.147,4.267-10.453,6.72c-9.28,6.507-17.493,14.613-24,24 c-5.013,7.36-8.96,15.36-11.947,23.787c-8.107,22.4-10.453,49.067-11.093,67.627h-213.76c-0.64-18.56-3.093-45.227-11.093-67.627 c-2.987-8.427-6.933-16.427-11.947-23.787c-6.507-9.28-14.613-17.493-24-24c-1.92-1.387-3.947-2.773-5.973-4.053 C111.376,118.202,174.416,80.336,245.775,80.336z M469.989,217.402c-2.133,13.76-15.36,21.44-23.68,23.147 c-3.093,0.64-6.187,0.533-9.173-0.213c-3.627-0.747-8.64-1.707-14.293,0.96c-17.813,8-19.733,38.507-6.613,105.067 c-6.72,19.733-15.147,21.227-21.547,21.973H96.976c-6.4-0.747-14.933-2.24-21.547-21.973c13.12-66.56,11.2-97.067-6.613-105.067 c-5.653-2.56-10.667-1.6-14.293-0.96c-2.987,0.747-6.187,0.853-9.173,0.213c-8.32-1.813-21.547-9.387-23.68-23.147 c-2.027-12.907,7.573-22.827,7.573-22.933c5.44-5.44,12.053-6.933,16.107-7.787c5.44-1.28,11.2-1.28,16.64,0 c7.04,1.6,11.413,4.693,17.6,8.96c7.253,5.12,13.653,11.413,18.667,18.667c3.947,5.867,7.04,12.267,9.387,18.88 c8.64,24.213,10.027,54.933,10.027,71.04c0,5.867,4.8,10.667,10.667,10.667h234.667c5.867,0,10.667-4.8,10.667-10.667 c0-16.213,1.387-46.933,10.027-71.147c2.347-6.613,5.44-13.013,9.387-18.88c5.12-7.253,11.413-13.653,18.667-18.667 c6.08-4.267,10.56-7.36,17.493-8.96c5.547-1.173,11.2-1.173,16.747,0c4.053,0.853,10.667,2.347,16.107,7.787 C462.309,194.576,471.909,204.496,469.989,217.402z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ")
}

.tabs .tab4:before {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' fill='%23fff' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M477.221,332.185C498.572,297.61,512,252.153,512,211c0-51.864-21.606-93.992-69.863-111.732l8.28-16.56 c2.325-4.65,2.076-10.172-0.657-14.594S442.199,61,437,61h-90c-5.199,0-10.027,2.692-12.76,7.114 c-2.733,4.422-2.981,9.944-0.657,14.594l8.28,16.56C294.011,116.859,272,158.598,272,211c0,40.684,13.122,85.576,34.05,120 h-88.895c0.127-0.318,16.596-41.491,16.538-41.346c21.41-53.525-4.627-111.696-53.694-133.872V87.426 c0-23.353,9.094-45.307,25.606-61.82c4.29-4.29,5.573-10.742,3.252-16.347C206.537,3.655,201.067,0,195,0H75 c-6.067,0-11.537,3.655-13.858,9.26c-2.321,5.605-1.038,12.057,3.252,16.347C80.906,42.119,90,64.074,90,87.426v68.355 c-49.236,22.252-75.945,81.298-52.814,136.073L52.844,331H45c-24.813,0-45,20.187-45,45s20.187,45,45,45h15v76 c0,8.284,6.716,15,15,15h362c8.284,0,15-6.716,15-15v-76h15c24.813,0,45-20.187,45-45 C512,354.703,497.124,336.828,477.221,332.185z M366.362,123.442c4.573-0.93,8.452-3.936,10.495-8.131 c2.043-4.195,2.018-9.103-0.069-13.276L371.271,91h41.459l-5.518,11.036c-2.087,4.173-2.112,9.081-0.069,13.276 c2.043,4.195,5.922,7.201,10.495,8.131c32.376,6.587,53.001,26.024,60.811,56.794c-3.555,2.095-7.708,3.107-12.035,2.845 c-6.602-0.409-12.501-3.811-16.183-9.334c-9.491-14.236-25.371-22.735-42.481-22.735c-17.108,0-32.991,8.5-42.481,22.735 c-3.972,5.958-10.358,9.376-17.519,9.376c-7.162,0-13.547-3.417-17.519-9.375c-4.228-6.341-9.657-11.518-15.927-15.333 C324.973,140.166,342.467,128.304,366.362,123.442z M302,211c0-8.021,0.616-15.531,1.812-22.538 c0.514,0.611,1.005,1.248,1.456,1.925c9.491,14.236,25.372,22.735,42.481,22.735c17.11,0,32.99-8.499,42.481-22.735 c3.972-5.958,10.357-9.375,17.519-9.375c7.161,0,13.547,3.417,17.519,9.376c8.929,13.393,23.25,21.643,39.292,22.636 c5.973,0.37,11.819-0.278,17.438-1.892c-0.033,42.237-16.11,89.428-40.469,119.868h-99.06C318.086,300.528,302,253.271,302,211z M109.744,180.23C115.869,178.188,120,172.457,120,166V87.426c0-20.44-5.188-40.184-14.939-57.526h59.879 C155.188,47.242,150,66.986,150,87.426V166c0,6.457,4.131,12.188,10.256,14.23c16.544,5.515,30.214,16.292,39.331,30.77H70.412 C79.53,196.523,93.2,185.745,109.744,180.23z M59.445,241h151.11c1.353,9.98,0.641,20.142-2.158,30H61.603 C58.804,261.142,58.091,250.98,59.445,241z M196.844,301l-12,30H85.156l-12-30H196.844z M422,482H90v-61h332V482z M467,391 c-11.139,0-409.275,0-422,0c-8.271,0-15-6.729-15-15s6.729-15,15-15c69.683,0,375.106,0,422,0c8.271,0,15,6.729,15,15 S475.271,391,467,391z'/%3e%3c/g%3e%3c/g%3e%3c/svg%3e ")
}

/* 30 Пошаговый процесс на странице Услуги */
ul.steps-item__list {
    counter-reset: myCounter
}

ul.steps-item__list li {
    flex-basis: 48%;
    margin-bottom: 3.5rem;
    position: relative;
    list-style: none;
    padding: 58px 40px 40px;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    font-size: 1rem;
    transition: var(--effect-value);
    line-height: 1.75
}

ul.steps-item__list li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    width: 60px;
    height: 60px;
    position: absolute;
    top: -30px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--decor-color);
    border-radius: 50%;
    text-align: center;
    line-height: 56px;
    font-size: 1.6rem;
    font-weight: var(--font-bold);
    transition: var(--effect-value)
}

.steps-item__title {
    font-size: 1.2rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: .6px;
    margin-bottom: 15px;
    text-align: center
}

ul.steps-item__list li:hover {
    transform: translateY(-5px);
    box-shadow: 0 18px 25px 0 rgba(44, 57, 75, .1)
}

ul.steps-item__list li:hover:before {
    box-shadow: none
}

/* 31 Кнопка для чата */
a.chat-button {
    width: 290px;
    display: block;
    position: fixed;
    bottom: 35px;
    right: 20px;
    z-index: 100;
    color: var(--decor-color);
    padding: 14px 18px;
    border-radius: 62px;
    box-shadow: 1px 12px 15px -5px rgba(0, 0, 0, 0.25);
    transition: var(--effect-value)
}

#WhatsApp {
    background: #26c281
}

#Viber {
  background: #7360f2
}

#Telegram {
  background: #0088CC
}
.chat-button__img {
    width: 62px;
    height: 62px;
    border-radius: 50%;
    float: left;
    margin: 0 20px 0 0;
    border: 4px solid rgba(255, 255, 255, .65)
}

.chat-button__name {
    font-size: 12px;
    display: block
}

.chat-button__offer {
    font-size: 16px;
    display: block;
    font-weight: var(--font-bold);
    line-height: 1.35
}

a.chat-button,
a.chat-button:hover {
    text-decoration: none;
    color: var(--decor-color)
}

.chat-button:hover {
    bottom: 40px
}

/* 32 Хлебные крошки  */
.breadcrumbs {
    font-size: .75rem;
    color: var(--decor-color);
    margin-bottom: 20px
}

.breadcrumbs a {
    text-decoration: none;
    color: var(--decor-color)
}

.breadcrumbs a:hover {
    text-decoration: underline
}

.breadcrumbs__separator .dashicons-arrow-right-alt {
    font-size: 11px !important;
    font-weight: var(--font-regular);
    padding-top: 5px
}

/* 33 Блог */
.blog-page .port {
    max-width: 1024px
}

.blog-page__header {
    float: left;
    width: var(--full-width);
    padding: 4rem 0;
    margin-bottom: 2.5rem
}

.blog-page__header-wrapper {
    width: var(--full-width);
    max-width: 800px;
    margin: 0 auto
}

.blog-page__header .breadcrumbs {
    text-align: center;
    color: var(--decor-color)
}

.blog-page__header .breadcrumbs a {
    color: var(--decor-color)
}

.blog-page__title,
.single__title {
    font-family: var(--font-fancy);
    font-weight: var(--font-regular);
    font-size: 2.6rem;
    line-height: 1.1;
    text-align: center;
    color: var(--decor-color)
}

.blog-page .post-content {
    margin-bottom: 2.6rem
}

.single-thumbnail {
    display: table;
    margin-bottom: 2rem
}

.single-thumbnail img {
    margin: 0 auto
}

.gp-entry {
    float: left;
    width: var(--full-width);
    margin-bottom: 6rem;
    padding-bottom: 25px;
    border-bottom: 1px solid #e6e6e6;
    position: relative
}

a.gp-entry__button {
    position: absolute;
    bottom: -25px;
    left: 50%;
    transform: translateX(-50%);
    border-color: #e6e6e6;
    background-color: var(--decor-color);
    font-size: .8rem
}

.archive-description,
.search-desc {
    color: var(--decor-color);
    font-size: .95rem;
    text-align: center;
    margin: 0 auto;
    max-width: 800px;
    padding-top: 2rem;
    display: block
}

/* 34 Кнопка Показать больше записей */
.loadmore-section {
    display: table;
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    cursor: pointer;
    transition: var(--effect-value);
    letter-spacing: 1px;
    font-weight: var(--font-bold);
    margin: 0 auto 4rem;
    border-bottom: 1px;
    border-style: dashed
}

/* 35 Виджеты в сайдбаре */
.widget-title,
.widgettitle {
    margin-bottom: 25px;
    font-size: .75rem;
    display: block;
    text-transform: uppercase;
    letter-spacing: 1px;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--support-color)
}

.widget {
    margin-bottom: 3rem
}

.widget p a {
    text-decoration: underline
}

.widget p a:hover {
    text-decoration: underline
}

.widget li a {
    text-decoration: none
}

.widget li a:hover {
    text-decoration: underline
}

.widget .tagcloud {
    width: var(--full-width);
    display: inline-block
}

.widget .tagcloud a {
    font-size: .85rem !important;
    text-decoration: none;
    margin: 0 6px 12px;
    padding: 7px 12px;
    display: inline-block;
    position: relative;
    background: #f7f6fb
}

.widget .tagcloud a:hover {
    text-decoration: none
}

.widget #calendar_wrap {
    width: var(--full-width);
    font-size: 13px
}

.widget #wp-calendar th {
    text-align: center;
    padding: 5px 4px;
    font-size: 13px;
    font-weight: var(--font-bold);
    border: 1px solid rgba(29, 43, 100, .06)
}

.widget #wp-calendar td {
    padding: 5px 3px;
    border: 1px solid rgba(29, 43, 100, .06);
    text-align: center
}

.widget #wp-calendar caption {
    font-size: 16px;
    margin-bottom: 10px
}

.widget_search .search-form {
    display: flex;
    width: var(--full-width);
    max-width: 1024px
}

.widget_search .search-form label {
    flex-basis: 78%;
    margin-right: auto
}

.widget_search .search-form input[type="search"],
.wp-block-search input[type="search"] {
    -webkit-backface-visibility: hidden;
    background: var(--decor-color);
    border: solid 1px rgba(29, 43, 100, .4);
    outline: 0;
    padding: 0 10px;
    -webkit-appearance: none;
    outline-offset: 0;
    border-radius: 0;
    font-size: 17px;
    width: var(--full-width);
    height: 60px;
    line-height: 60px
}

.widget_search .search-form input[type="submit"],
.wp-block-search__button {
    flex-basis: 20%;
    padding: 0 30px !important;
    line-height: 60px;
    text-align: center;
    font-size: 15px;
    cursor: pointer;
    border: 1px solid #111;
    font-weight: normal;
    transition: .3s ease;
    font-family: inherit;
    color: #111;
    text-transform: uppercase;
    height: 60px;
    border-radius: 30px;
    background: var(--decor-color) !important
}

.wp-block-search__button {
    border: 1px solid #111 !important
}

.wp-block-search label,
.widget_search .widget-title {
    display: none
}

.widget_nav_menu .sub-menu {
  padding: .9rem 1rem;
  margin-top: 10px;
  background: #f7f6fb
}

.widget_nav_menu .sub-menu a {
  color: inherit;
  font-size: .95rem
}

.widget_nav_menu .menu-trigger {
  top:5px;
}

/* 36 Маркированный список */
ul li {
    position: relative;
    padding: 0;
    margin-bottom: 10px;
    list-style-type: square;
    list-style-position: inside
}

ul li ul {
    margin: 15px 0 15px 20px
}

ul li ul li ul {
    margin: 10px 0 14px 20px
}

.widget ul li:last-child {
    margin-bottom: 0
}

.post-content ul,
.post-content ol {
    margin: 10px 0 25px 30px
}

/* 37 Нумерованный список */
ol {
    list-style: decimal;
    list-style-position: inside;
    margin: 25px 0 25px 0
}

ol li {
    margin: 0;
    padding: 0 0 10px 0
}

ol ol {
    list-style: upper-alpha
}

ol ol ol {
    list-style: lower-roman
}

ol ol ol ol {
    list-style: lower-alpha
}

/* 38 Внутренняя навигация в записях */
.post-navigation {
    float: left;
    width: var(--full-width);
    margin-bottom: 2rem
}

.post-navigation__previous,
.post-navigation__next {
    background: rgba(247, 246, 251, .85);
    padding: 20px;
    flex-basis: 48%
}

.post-navigation__previous span,
.post-navigation__next span {
    color: var(--support-color);
    font-size: .6rem;
    text-transform: uppercase;
    letter-spacing: .4px;
    display: block;
    margin-bottom: 15px
}

.post-navigation__previous a,
.post-navigation__next a {
    text-decoration: none;
    font-size: 1rem;
    display: block
}

.post-navigation__previous a:hover,
.post-navigation__next a:hover {
    text-decoration: underline
}

/* 39 Элементы записей (цитаты, дата, метки, таблицы и др) */
blockquote {
    margin: 20px 0 30px;
    padding: 20px 50px;
    position: relative;
    border-left: 2px solid #333;
    font-weight: var(--font-regular)
}

blockquote p {
    margin: 0;
    font-size: 1.4rem;
    font-family: var(--font-fancy)
}

blockquote cite {
    font-size: 14px;
    display: block;
    margin-top: 20px;
    font-style: normal;
    text-align: right
}

.wp-block-pullquote {
    padding: 0;
    margin: 20px 0 35px
}

.wp-block-pullquote blockquote {
    background: 0;
    padding: 20px 0;
    margin: 0;
    border-top: 15px solid #f4f4f4;
    border-bottom: 15px solid #f4f4f4;
    border-left: 0
}

.wp-block-pullquote blockquote:after {
    display: none
}

.wp-block-pullquote p {
    margin: 0;
    line-height: 1.4;
    font-size: 20px
}

.post-date,
.post-info {
    font-size: .65rem;
    color: var(--support-color);
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.post-info {
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .4px
}

.post-info a {
    color: var(--support-color);
    text-decoration: none
}

.post-info a:hover {
    text-decoration: underline
}

.gp-post-tags {
    display: block;
    color: var(--decor-color);
    width: var(--full-width);
    float: left;
    margin: 0 0 2rem;
    text-align: center
}

.gp-post-tags a {
    font-size: .85rem;
    text-decoration: none;
    margin: 0 6px 12px;
    padding: 7px 12px;
    display: inline-block;
    position: relative;
    background: #f7f6fb
}

.gp-post-tags a:hover {
    text-decoration: underline
}

/* 40 Таблицы */
table,
.wp-block-table {
    margin: 0 0 25px;
    border-collapse: collapse;
    border-spacing: 0;
    width: var(--full-width)
}

table th {
    text-align: left;
    padding: .9em;
    font-weight: var(--font-bold);
    border: 1px solid #eaeaea;
    background: #f6f7fb;
    word-break: normal
}

table td {
    font-size: 16px;
    padding: .9em;
    border: 1px solid #eaeaea;
    vertical-align: top;
    word-break: normal
}

table tr:nth-of-type(odd) {
    background: #f6f7fb
}

table tr:nth-of-type(even) {
    background: var(--bg-color)
}

.wp-block-table {
    border-collapse: collapse
}

.blocks-gallery-grid,
.wp-block-gallery {
    margin-left: 0 !important
}

.wp-block-table {
    border-collapse: collapse
}

.wp-block-gallery.is-cropped .blocks-gallery-item img {
    height: 100%;
    flex: 1;
    object-fit: cover
}

/* 41 Кнопки Поделиться */
.gp-share-btns {
    width: var(--full-width);
    float: left;
    text-align: center;
    margin-bottom: 3rem;
    padding: 1.6rem 0;
    border-top:1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6
}

.gp-share-btns em {
    display: block;
    font-size: .9rem;
    font-style: normal;
    margin-bottom: 10px;
    color: var(--support-color)
}

.gp-share-btns ul.svg-social-icons li {
    margin: 0 3px;
    transform: scale(0.8, 0.8)
}

ul.svg-social-icons {
    margin: 0;
    display: block;
    width: var(--full-width);
    padding: 0
}

ul.svg-social-icons li {
    display: inline-block;
    list-style: none;
    width: 50px;
    height: 50px;
    margin: 0 4px;
    padding: 0 !important
}

ul.svg-social-icons li:last-child {
    margin: 0
}

ul.svg-social-icons li a {
    display: block;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    position: relative;
    z-index: 1;
    transition: var(--effect-value);
    text-decoration: none;
    border-radius: 4px
}

a.inst-icon:hover {
    background: linear-gradient(45deg, #9d50bb, #9d50bb, #9d50bb)
}

.vk-icon {
    background: #4d7198
}

.vk-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg data-icon='vk' role='img' xmlns='http://www.w3.org/2000/svg'  fill='%23fff' viewBox='0 0 576 512'%3e%3cpath d='M545 117.7c3.7-12.5 0-21.7-17.8-21.7h-58.9c-15 0-21.9 7.9-25.6 16.7 0 0-30 73.1-72.4 120.5-13.7 13.7-20 18.1-27.5 18.1-3.7 0-9.4-4.4-9.4-16.9V117.7c0-15-4.2-21.7-16.6-21.7h-92.6c-9.4 0-15 7-15 13.5 0 14.2 21.2 17.5 23.4 57.5v86.8c0 19-3.4 22.5-10.9 22.5-20 0-68.6-73.4-97.4-157.4-5.8-16.3-11.5-22.9-26.6-22.9H38.8c-16.8 0-20.2 7.9-20.2 16.7 0 15.6 20 93.1 93.1 195.5C160.4 378.1 229 416 291.4 416c37.5 0 42.1-8.4 42.1-22.9 0-66.8-3.4-73.1 15.4-73.1 8.7 0 23.7 4.4 58.7 38.1 40 40 46.6 57.9 69 57.9h58.9c16.8 0 25.3-8.4 20.4-25-11.2-34.9-86.9-106.7-90.3-111.5-8.7-11.2-6.2-16.2 0-26.2.1-.1 72-101.3 79.4-135.6z' %3e%3c/path%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 9px;
    background-size: 30px 30px
}

.fb-icon {
    background: #3b5998
}

.fb-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg data-icon='facebook-f' role='img'  fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 264 512'%3e%3cpath d='M76.7 512V283H0v-91h76.7v-71.7C76.7 42.4 124.3 0 193.8 0c33.3 0 61.9 2.5 70.2 3.6V85h-48.2c-37.8 0-45.1 18-45.1 44.3V192H256l-11.7 91h-73.6v229' %3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 11px;
    left: 10px;
    background-size: 26px 26px
}

.twi-icon {
    background: #14a1e8
}

.twi-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg data-icon='twitter' role='img'  fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3e%3cpath d='M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z' %3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 9px;
    background-size: 30px 30px
}

.tele-icon {
    background: #08c
}

.tele-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg data-icon='telegram-plane' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3e%3cpath d='M446.7 98.6l-67.6 318.8c-5.1 22.5-18.4 28.1-37.3 17.5l-103-75.9-49.7 47.8c-5.5 5.5-10.1 10.1-20.7 10.1l7.4-104.9 190.9-172.5c8.3-7.4-1.8-11.5-12.9-4.1L117.8 284 16.2 252.2c-22.1-6.9-22.5-22.1 4.6-32.7L418.2 66.4c18.4-6.9 34.5 4.1 28.5 32.2z' fill='%23ffffff'%3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 9px;
    background-size: 30px 30px
}

.ytube-icon {
    background: #f00
}

.ytube-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg data-icon='youtube' role='img'  fill='%23fff' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3e%3cpath d='M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78 0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z' %3e%3c/path%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 9px;
    left: 8px;
    background-size: 30px 30px
}

.odnkl-icon {
    background: #ff982c
}

.odnkl-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg version='1.1'  fill='%23fff' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512.008 512.008' style='enable-background:new 0 0 512.008 512.008;' xml:space='preserve'%3e%3cg%3e%3cg%3e%3cpath d='M256.002,0c-70.592,0-128,57.408-128,128s57.408,128,128,128s128-57.408,128-128S326.594,0,256.002,0z M256.002,192 c-35.296,0-64-28.704-64-64s28.704-64,64-64s64,28.704,64,64S291.298,192,256.002,192z'/%3e%3c/g%3e%3c/g%3e%3cg%3e%3cg%3e%3cpath d='M425.73,252.448c-12.512-12.512-32.736-12.512-45.248,0c-68.608,68.608-180.288,68.608-248.928,0 c-12.512-12.512-32.736-12.512-45.248,0c-12.512,12.512-12.512,32.736,0,45.28c39.808,39.808,90.272,62.496,142.304,68.416 l-91.232,91.232c-12.512,12.512-12.512,32.736,0,45.248s32.736,12.512,45.248,0l73.376-73.376l73.376,73.376 c6.24,6.24,14.432,9.376,22.624,9.376c8.192,0,16.384-3.136,22.624-9.376c12.512-12.512,12.512-32.736,0-45.248l-91.232-91.232 c52.032-5.92,102.496-28.608,142.304-68.416C438.21,285.216,438.21,264.96,425.73,252.448z' /%3e%3c/g%3e%3c/g%3e%3c/svg%3e ");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 10px;
    background-size: 28px 28px
}

.whats-icon {
    background: #00e47c
}

.whats-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg  viewBox='-23 -21 682 682.66669'  fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m544.386719 93.007812c-59.875-59.945312-139.503907-92.9726558-224.335938-93.007812-174.804687 0-317.070312 142.261719-317.140625 317.113281-.023437 55.894531 14.578125 110.457031 42.332032 158.550781l-44.992188 164.335938 168.121094-44.101562c46.324218 25.269531 98.476562 38.585937 151.550781 38.601562h.132813c174.785156 0 317.066406-142.273438 317.132812-317.132812.035156-84.742188-32.921875-164.417969-92.800781-224.359376zm-224.335938 487.933594h-.109375c-47.296875-.019531-93.683594-12.730468-134.160156-36.742187l-9.621094-5.714844-99.765625 26.171875 26.628907-97.269531-6.269532-9.972657c-26.386718-41.96875-40.320312-90.476562-40.296875-140.28125.054688-145.332031 118.304688-263.570312 263.699219-263.570312 70.40625.023438 136.589844 27.476562 186.355469 77.300781s77.15625 116.050781 77.132812 186.484375c-.0625 145.34375-118.304687 263.59375-263.59375 263.59375zm144.585938-197.417968c-7.921875-3.96875-46.882813-23.132813-54.148438-25.78125-7.257812-2.644532-12.546875-3.960938-17.824219 3.96875-5.285156 7.929687-20.46875 25.78125-25.09375 31.066406-4.625 5.289062-9.242187 5.953125-17.167968 1.984375-7.925782-3.964844-33.457032-12.335938-63.726563-39.332031-23.554687-21.011719-39.457031-46.960938-44.082031-54.890626-4.617188-7.9375-.039062-11.8125 3.476562-16.171874 8.578126-10.652344 17.167969-21.820313 19.808594-27.105469 2.644532-5.289063 1.320313-9.917969-.664062-13.882813-1.976563-3.964844-17.824219-42.96875-24.425782-58.839844-6.4375-15.445312-12.964843-13.359374-17.832031-13.601562-4.617187-.230469-9.902343-.277344-15.1875-.277344-5.28125 0-13.867187 1.980469-21.132812 9.917969-7.261719 7.933594-27.730469 27.101563-27.730469 66.105469s28.394531 76.683594 32.355469 81.972656c3.960937 5.289062 55.878906 85.328125 135.367187 119.648438 18.90625 8.171874 33.664063 13.042968 45.175782 16.695312 18.984374 6.03125 36.253906 5.179688 49.910156 3.140625 15.226562-2.277344 46.878906-19.171875 53.488281-37.679687 6.601563-18.511719 6.601563-34.375 4.617187-37.683594-1.976562-3.304688-7.261718-5.285156-15.183593-9.253906zm0 0' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 9px;
    left: 9px;
    background-size: 30px 30px
}

.viber-icon {
    background: #6246bc
}

.viber-icon:before {
    content: '';
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg id='Bold' enable-background='new 0 0 24 24' viewBox='0 0 24 24'  fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='m23.155 13.893c.716-6.027-.344-9.832-2.256-11.553l.001-.001c-3.086-2.939-13.508-3.374-17.2.132-1.658 1.715-2.242 4.232-2.306 7.348-.064 3.117-.14 8.956 5.301 10.54h.005l-.005 2.419s-.037.98.589 1.177c.716.232 1.04-.223 3.267-2.883 3.724.323 6.584-.417 6.909-.525.752-.252 5.007-.815 5.695-6.654zm-12.237 5.477s-2.357 2.939-3.09 3.702c-.24.248-.503.225-.499-.267 0-.323.018-4.016.018-4.016-4.613-1.322-4.341-6.294-4.291-8.895.05-2.602.526-4.733 1.93-6.168 3.239-3.037 12.376-2.358 14.704-.17 2.846 2.523 1.833 9.651 1.839 9.894-.585 4.874-4.033 5.183-4.667 5.394-.271.09-2.786.737-5.944.526z' /%3e%3cpath d='m12.222 4.297c-.385 0-.385.6 0 .605 2.987.023 5.447 2.105 5.474 5.924 0 .403.59.398.585-.005h-.001c-.032-4.115-2.718-6.501-6.058-6.524z' /%3e%3cpath d='m16.151 10.193c-.009.398.58.417.585.014.049-2.269-1.35-4.138-3.979-4.335-.385-.028-.425.577-.041.605 2.28.173 3.481 1.729 3.435 3.716z' /%3e%3cpath d='m15.521 12.774c-.494-.286-.997-.108-1.205.173l-.435.563c-.221.286-.634.248-.634.248-3.014-.797-3.82-3.951-3.82-3.951s-.037-.427.239-.656l.544-.45c.272-.216.444-.736.167-1.247-.74-1.337-1.237-1.798-1.49-2.152-.266-.333-.666-.408-1.082-.183h-.009c-.865.506-1.812 1.453-1.509 2.428.517 1.028 1.467 4.305 4.495 6.781 1.423 1.171 3.675 2.371 4.631 2.648l.009.014c.942.314 1.858-.67 2.347-1.561v-.007c.217-.431.145-.839-.172-1.106-.562-.548-1.41-1.153-2.076-1.542z' /%3e%3cpath d='m13.169 8.104c.961.056 1.427.558 1.477 1.589.018.403.603.375.585-.028-.064-1.346-.766-2.096-2.03-2.166-.385-.023-.421.582-.032.605z' /%3e%3c/svg%3e");
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 10px;
    left: 9px;
    background-size: 30px 30px
}

/* 42 Изображения, галереи и их элементы внутри записей */
.wp-block-gallery {
    margin-bottom: 15px
}

.wp-block-gallery .blocks-gallery-item {
    display: inline-block
}

.blocks-gallery-grid {
    margin: 0 !important
}

.wp-block-embed.aligncenter iframe {
    display: block;
    margin: 0 auto 30px;
    float: none
}

.wp-block-embed.aligncenter figcaption,
.wp-block-gallery figcaption {
    text-align: center;
    font-size: 14px;
    color: var(--support-color)
}

.blocks-gallery-caption {
    color: var(--support-color);
    font-size: 14px;
    margin-bottom: 0
}

.wp-block-image {
    margin-bottom: 30px
}

.wp-block-cover {
    margin-bottom: 35px
}

.wp-block-image {
    position: relative
}

figcaption {
    color: var(--support-color);
    font-size: 15px;
    margin: 10px 0 0;
    padding: 0;
    text-align: center
}

.wp-block-image figcaption,
.blocks-gallery-item__caption,
.blocks-gallery-grid .blocks-gallery-item figcaption {
    text-align: left
}

.gallery .gallery-item {
    float: left;
    margin-top: 0;
    margin-bottom: 10px;
    padding: 0 10px 0 0;
    width: 33.33%
}

.gallery-columns-2 .gallery-item {
    width: 50%
}

.gallery-columns-4 .gallery-item {
    width: 25%
}

.gallery img {
    padding: 8px
}

.gallery img:hover {
    background: white
}

.gallery-columns-2 .attachment-medium {
    max-width: 92%;
    height: auto
}

.gallery-columns-4 .attachment-thumbnail {
    max-width: 84%;
    height: auto
}

.gallery .gallery-caption {
    color: var(--support-color);
    font-size: .95rem;
    margin: 0 0 12px 5px
}

.gallery dl,
.gallery dt {
    margin: 0
}

.gallery br+br {
    display: none
}

.img-attach {
    display: block;
    text-align: center
}

.wp-caption {
    width: var(--full-width) !important
}

.wp-block-cover .wp-block-cover__inner-container {
    font-weight: var(--font-regular)
}

img.alignleft, .alignleft img {
    margin-right: 30px
}

.aligncenter figcaption, .wp-block-image figcaption{
  text-align: center
}

img.alignright, .alignright img {
  margin-left: 30px
}

.alignright figcaption {
  text-align: right
}
 
.alignleft figcaption {
  text-align: left
} 

/* 43 Список комментариев */
.comments-box {
    padding: 2rem 3rem 1rem;
    background: #f7f6fb
}

ol.commentlist {
    margin: 1rem 0 4rem;
    position: relative;
    z-index: 1;
    padding: 0
}

ol.commentlist li div.vcard cite.fn a.url:hover {
    text-decoration: none
}

ol.commentlist li {
    margin-top: 25px;
    list-style-type: none;
    padding: 0;
    position: relative;
    font-size: 1.1rem;
    line-height: 1.7
}

ol.commentlist li .fn {
    font-weight: var(--font-bold);
    font-size: 1.1rem
}

ol.commentlist li div.vcard cite.fn a.url {
    text-decoration: none
}

ol.commentlist li .comment-author {
    position: relative
}

ol.commentlist li .avatar {
    float: left;
    margin: 0 15px 0 0;
    border-radius: 4px
}

ol.commentlist li div.commentmetadata {
    font-size: .8rem;
    color: var(--support-color);
    margin-bottom: 5px
}

ol.commentlist li div.commentmetadata a {
    color: var(--support-color);
    text-decoration: none
}

ol.commentlist li div.commentmetadata a:hover {
    text-decoration: underline
}

.comment-notes {
    padding: 0 0 15px;
    margin: 0;
    text-align: center
}

.comments-box ol.commentlist li p {
    margin: 3px 0;
    line-height: 1.5
}

span.comment-reply-link {
    font-size: .8rem;
    color: var(--support-color);
    cursor: pointer;
    display: block;
    text-align: center;
    padding: 5px 0;
    border: 1px solid #e4e4e4;
    width: 90px;
    position: absolute;
    top: 5px;
    right: 0;
    transition: var(--effect-value)
}

.comments-box ol.children {
    margin: 0 0 0 25px;
    padding: 0;
    position: relative
}

ol.children li:before {
    content: '';
    background: url('img/dots.svg') no-repeat;
    position: absolute;
    top: -11px;
    left: -25px;
    width: 15px;
    height: 15px
}

/* 44 Форма отправки комментариев */
.gp-comment-form {
    position: relative;
    z-index: 1;
    margin: 0
}

p.comment-form-author,
p.comment-form-email {
    width: var(--half-width);
    float: left;
    margin-left: 4%;
    display: block;
    margin-bottom: 10px
}

p.comment-form-email {
    margin-right: 0
}

.comment-form label {
    font-size: .9rem;
    color: #444;
    margin-bottom: 7px;
    display: block
}

#reply-title {
    margin-bottom: 20px;
    font-size: 1.6rem;
    display: block;
    line-height: 1.2
}

.comment-title {
    margin-bottom: 3rem;
    font-size: 2rem;
    display: block;
    line-height: 1.2;
    font-family: var(--font-fancy);
    font-weight: var(--font-regular);
    text-align: center
}

.comment-reply-title {
    margin-top: 30px
}

.comments-box .says {
    display: none
}

#respond .logged-in-as {
    margin-bottom: 20px !important;
    text-align: center
}

#respond .gp-notice {
    margin-bottom: 15px !important
}

.comments-box .navigation {
    width: var(--full-width);
    margin: 20px 0 40px;
    text-align: center;
    font-size: .9rem;
    border-top: 1px solid #e6e6e6;
    padding-top: 20px
}

.comments-box .navigation .nav-previous {
    width: 50%;
    float: left;
    text-align: left;
    background: 0
}

.comments-box .navigation .nav-next {
    width: 50%;
    float: right;
    text-align: right;
    background: 0
}

.comments-box .navigation a {
    color: var(--support-color);
    text-decoration: none
}

.comments-box .navigation a:hover {
    text-decoration: underline
}

.comment-form input[type="text"],
.comment-form input[type="email"] {
    font-family: inherit;
    font-size: 1rem;
    width: var(--full-width);
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid rgba(29, 43, 100, .4)
}

.comment-form input[type="submit"] {
    display: table;
    margin: 2rem auto
}

#commentform textarea {
    font-family: inherit;
    height: 180px;
    width: var(--full-width);
    border: 1px solid rgba(29, 43, 100, .4);
    padding: 10px;
    font-size: 1rem;
    line-height: 24px;
    display: block;
    position: relative;
    z-index: 2;
    margin-bottom: 20px
}

.comment-form input:focus,
#commentform textarea:focus {
    border: 1px solid #9ab3f5;
    box-shadow: 0 0 0 1px #9ab3f5;
    outline-color: #9ab3f5
}

.logged-in-as,
.comment-notes,
.logged-in-as,
.form-allowed-tags {
    color: var(--support-color);
    font-size: .8rem;
    margin-bottom: 20px
}

.comment-awaiting-moderation {
    color: green;
    font-size: .8rem;
    line-height: 1.5;
    display: block;
    font-style: normal
}

.no-comments {
    color: var(--support-color);
    font-weight: var(--font-bold);
    padding-top: 1.6em
}

.comment-navigation+.no-comments {
    border-top: 0
}

.required {
    color: red
}

.top-text .vcard {
    display: inline-block;
    margin-bottom: 40px
}

#comments-checkbox {
    margin-right: 10px
}

a#cancel-comment-reply-link {
    display: inline-block;
    padding-left: 20px;
    text-decoration: none;
    overflow: hidden;
    width: 38px;
    height: 32px
}

a#cancel-comment-reply-link:before {
    content: "\00D7";
    font-size: 36px;
    color: red;
    width: 32px;
    height: 32px
}

p.comment-form-comment {
    margin-bottom: 0 !important
}

.gp-comment-text {
    padding: 15px 0 20px
}

.gp-notice {
    display: inline-block;
    color: var(--support-color);
    font-size: .8rem;
    margin: 10px 0 0
}

.gp-notice a {
    color: var(--support-color)
}

ol.commentlist li #respond p.comment-form-author,
ol.commentlist li #respond p.comment-form-email {
    width: var(--half-width);
    float: left;
    margin-left: 4%
}

ol.commentlist li #respond p.comment-form-comment {
    margin-left: 0
}

p.comment-form-author,
ol.commentlist li #respond p.comment-form-author {
    margin-left: 0
}

.comment-form-cookies-consent {
    display: inline-block;
    width: var(--full-width);
    padding: 0 0 20px !important;
    margin: 0
}

.comment-form-cookies-consent label {
    font-size: .8rem !important;
    color: var(--support-color) !important;
    display: inline
}

#wp-comment-cookies-consent {
    margin: 0 5px 0 0
}

.comment #respond {
    margin-bottom: 20px;
    display: inline-block;
    width: var(--full-width)
}

/* 45 Поп-ап в Постере для заказов */
#popup-order .wpcf7-form-control-wrap {
    flex-basis: 100%;
}

#popup-order .wpcf7-text,
#popup-order .wpcf7-email,
#popup-order .wpcf7-tel {
    width: var(--full-width);
    padding: 17px 10px;
    margin-bottom: 20px;
    background-color: var(--decor-color);
    border: 1px solid var(--decor-color);
    border-bottom-color: #111;
    font-size: 17px
}

#popup-order .wpcf7-radio {
    width: var(--full-width);
    font-size: .9rem;
    text-align: center;
    line-height: 1;
    padding: 20px 0;
    margin-bottom: 20px;
    display: inline-block
}

#popup-order .wpcf7-list-item {
    display: inline-flex;
    margin: 0 10px 0
}

#popup-order .wpcf7-list-item input[type="radio"] {
    width: 20px;
    margin-bottom: 5px
}

#popup-order button.wpcf7-submit {
    width: 224px;
    display: table;
    margin: 0 auto
}

#popup-order .popup__personal-data-warning {
    color: var(--support-color);
    font-size: .65rem;
    text-align: center;
    padding: 0 3rem
}

#popup-order .popup__personal-data-warning a {
    color: var(--support-color)
}

.wpcf7 form .wpcf7-response-output {
  margin: 0 0 10px 0;
  padding: 10px;
  font-size: .85rem; 
  text-align: center
}

.wpcf7-not-valid-tip {
  text-align: center;
  font-size: .85rem
}

/* 46 Навигация в поиске  */
.nav-links {
    width: var(--full-width);
    float: left;
    margin-bottom: 4rem;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between
}

.nav-links .nav-previous,
.nav-links .nav-next {
    flex-basis: 80%;
    margin: 0 auto 10px
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    display: block;
    background: rgba(247, 246, 251, .85);
    padding: 20px;
    text-align: center;
    font-size: .9rem;
    text-decoration: none
}

.nav-links .nav-previous a:hover,
.nav-links .nav-next a:hover {
    text-decoration: underline
}

/* 47 Блок 3 свежие записи из блога  */

.thp-recent-posts-title {
  font-size: 2rem;
  margin-bottom: 2.6rem;
  display: block;
  text-align: center;
  font-family: var(--font-fancy);
  font-weight: var(--font-regular);
}

.thp-recent-post-item {
  flex-basis:31%;
  background:#fafaff;
  transition:var(--effect-value)
}

.thp-recent-post-item span{
  font-size:1rem;
  line-height:1.4;
  display:block; 
  padding:0 30px 30px
}

.thp-recent-post-item span a {
  text-decoration:none
}

.thp-recent-post-item span:hover {
  text-decoration:underline
}

.thp-recent-post-img {
  float:none;
  margin:0 0 25px 0
}

.thp-recent-post-item:hover {
  box-shadow:0 10px 20px rgba(164,168,255,.3)
}

.thp-recent-posts-socials {
  text-align: center;
  margin-bottom: 2.6rem
}

/* 48 Адаптивность  */
@media only screen and (max-width:1580px) {
    html {
        font-size: 17px
    }

    .site-title,
    .text-title {
        left: 4rem
    }
    
    .feedback-content {
      width: 85%
    }
}

@media only screen and (max-width:1380px) {
    html {
        font-size: 16px
    }
    
    .feedback-content {
      width: 100%
    }
}

@media only screen and (max-width:1280px) {
    .site-title {
        transform: scale(.8)
    }

    .site-title,
    .text-title {
        left: 2rem
    }

    .hamburger {
        right: 2rem
    }

    a.header-contact {
        right: 7rem
    }

    .home-top-section__text {
        flex-basis: var(--full-width);
        height: 100%;
        text-align: center
    }

    .home-top-section__image {
        flex-basis: var(--full-width);
        height: 50vh;
        position: relative;
        background-position: center center
    }

    .home-top-section__wrapper {
        width: var(--full-width);
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        transform: none;
        max-width: 1160px;
        padding: 12rem 5rem 3rem;
        margin: 0 auto
    }

    .home-top-socials {
        width: var(--full-width);
        position: relative;
        bottom: 0;
        left: 0;
        padding-bottom: 3rem
    }

    h1.home-top-section__title {
        margin-bottom: 3rem
    }

    .project-item {
        flex-basis: 48%
    }

    .service-item {
        flex-basis: 48%
    }

    .home-project-section,
    .home-service-section,
    .home-team-section,
    .home-video-section,
    .home-custom-section,
    .gp-inner-page__content,
    #sidebar,
    .gp-single-post,
    .blog-page__footer,
    .archive .post-content,
    .search-anons,
    .error404 .post-content {
        padding: 0 4rem
    }

}

@media only screen and (max-width:1160px) {
    .header__inner-nav {
        display: none
    }
    
    .feedback-item {
      flex-basis: var(--full-width);
    }
    
    .feedback-content {
      font-size: 1.1rem
    }
}

@media only screen and (max-width:1024px) {
    html {
        font-size: 15px
    }

    .home-team-section {
        margin-bottom: 2rem
    }

    .home-team-section__item {
        flex-basis: var(--full-width);
        margin-top: 1rem;
        margin-bottom: 0
    }

    .home-team-section__item:first-child {
        margin-top: 0
    }

    .team-img {
        margin: 0 auto
    }

    .person-name {
        position: relative;
        bottom: 0;
        left: 0;
        width: var(--full-width);
        text-align: center;
        background: transparent;
        margin: 20px 0
    }

    .alma-mater {
        margin: 30px auto 0
    }

    .description__left,
    .description__right {
        flex-basis: var(--full-width)
    }

    .description__left {
        margin-bottom: 2rem
    }

    .home-team-section__description {
        margin-top: 20px
    }

    .home-action__wrapper {
        padding: 4rem 2rem 3rem
    }

    .project-item__caption {
        padding: 15px
    }

    a.chat-button {
        bottom: 15px;
        right: 0
    }

    a.chat-button {
        transform: scale(.85)
    }

    .gp-inner-page__header-wrapper {
        position: relative;
        color: #111;
        background: transparent;
        padding: 0 2rem;
        margin-top: 3rem
    }

    .breadcrumbs,
    .breadcrumbs a {
        color: #111
    }

    .tabs .tab1:before,
    .tabs .tab2:before,
    .tabs .tab3:before,
    .tabs .tab4:before {
        display: none
    }

    .tabs ul li a {
        padding: 15px 20px
    }

    .tabs ul li {
        flex-basis: 24%
    }

    .tabs ul li.active a {
        color: var(--decor-color)
    }

    ul.steps-item__list li {
        flex-basis: var(--full-width);
        margin-bottom: 5rem
    }

    ul.steps-item__list li:last-child {
        margin-bottom: 0
    }

    .blog .post-content {
        padding: 0 4rem
    }

    .contact-page__map,
    .contact-page__info {
        flex-basis: 100%
    }

    .contact-page__info {
        order: 0;
        margin-bottom: 4rem
    }

    .contact-page__map {
        order: 1
    }

    .contact-page_content .post-content {
        order: 2
    }
}

@media only screen and (max-width:900px) {
    .service-popup-btn__left {
        top: 110%;
        left: 100px
    }

    .service-popup-btn__right {
        top: 110%;
        right: 100px
    }
}

@media only screen and (max-width:800px) {
    header {
        height: 110px
    }

    .home-project-section,
    .home-service-section,
    .home-team-section,
    .home-video-section,
    .home-custom-section,
    .gp-inner-page__content,
    #sidebar,
    .gp-single-post,
    .blog-page__footer,
    .archive .post-content,
    .search-anons,
    .error404 .post-content,
    .page .post-content {
        padding: 0 2rem
    }

    a.chat-button {
        transform: scale(.75)
    }

    .home-action__wrapper .wpcf7-form-control-wrap {
        flex-basis: var(--full-width);
        margin-bottom: 25px
    }

    .home-action__wrapper {
        padding: 4rem 2rem 0
    }

    button.wpcf7-submit {
        width: 240px;
        margin: 2rem auto 0;
        display: block
    }

    h2.home-section__title {
        font-size: 2rem
    }

    .home-video-section h2.home-section__title, .thp-recent-posts-title {
        font-size: 1.8rem
    }

    h1.gp-inner-page__title,
    .blog-page__title,
    .single__title {
        font-size: 2rem
    }

    .single-action .home-action__title {
        font-size: 1.36rem
    }

    h1.single__title {
        font-size: 1.7rem;
        line-height: 1.4
    }

    h2.post-title {
        font-size: 1.8rem;
        padding: 0 1rem
    }

    .footer__logo {
        transform: scale(.8)
    }
    
    
    .home-feedback-section {
      padding: 4rem 0 0
    }

    .feedback-content {
        font-size: 1.1rem
    }

    .blog-page__header {
        padding: 4rem 2rem
    }

    .menu-trigger {
        transform: scale(.85);
        top: 30px
    }

    .footer__title {
      font-size: 1.8rem
    }
}

@media only screen and (max-width:768px) {
    .project-archive__item {
        flex-basis: var(--full-width);
        padding: 0 3rem
    }

    ul.project-item__details {
        width: var(--full-width);
        float: left;
        margin: 0 0 2rem 0 !important
    }

    ul.project-item__details li {
        padding: 12px 20px
    }

    .tabs ul li {
        flex-basis: var(--half-width);
        margin-bottom: 20px;
        text-align: center
    }

    .tabs-post {
        padding-top: 20px
    }

    ul.steps-item__list li {
        padding: 58px 20px 25px
    }

    .service-item {
        flex-basis: var(--full-width)
    }

    .team-img {
        max-width: 260px
    }

    .home-video-section figure {
        border: 0;
        background: 0
    }

    .feedback-content {
        width: var(--full-width)
    }

    .feedback-item {
        margin-bottom: 3rem
    }

    ul.svg-social-icons {
        transform: scale(.85)
    }

    .gp-share-btns ul.svg-social-icons li {
        margin: 0 0 10px
    }
    
    .thp-recent-post-item {
      flex-basis:48%;
      margin-bottom:3rem
    }
    
    .thp-recent-post-item:last-child{
      margin-bottom: 0
    }
}

@media only screen and (max-width:600px) {
    html {
        font-size: 14px
    }

    .site-title{
        left: 1rem
    }
    
    .text-title {
      left: 2rem
    }

    .home-top-section__wrapper {
        padding: 12rem 1rem 3rem
    }

    h1.home-top-section__title {
        font-size: 2.4rem;
        padding: 0 1rem
    }

    .footer__phones a {
        display: block;
        margin: 0 auto 25px;
        width: 240px
    }

    .project-item {
        flex-basis: var(--full-width)
    }

    .project-archive__item {
        flex-basis: var(--full-width);
        padding: 0
    }

    a.header-contact {
        display: none
    }

    .post-navigation__previous,
    .post-navigation__next {
        flex-basis: var(--full-width)
    }

    .post-navigation__previous {
        margin-bottom: 20px
    }

    .popup {
        width: 90%;
        padding: 22px
    }

    #popup-order .wpcf7-list-item {
        margin: 0 0 10px;
        display: flex
    }

    #popup-order .wpcf7-radio {
        margin: 0
    }

    #popup-order .popup__personal-data-warning {
        padding: 0
    }

    .comments-box {
        padding: 0;
        background: var(--decor-color)
    }

    p.comment-form-author,
    p.comment-form-email,
    ol.commentlist li #respond p.comment-form-author,
    ol.commentlist li #respond p.comment-form-email {
        width: var(--full-width);
        margin: 0 0 15px 0
    }

    .comment-title {
        font-size: 1.75rem
    }

    ol.commentlist li .fn {
        font-size: 1rem
    }

    .comments-box ol.children {
        margin: 0 0 0 10px
    }

    span.comment-reply-link {
        transform: scale(0.85, 0.85);
        top: 0
    }

    #reply-title {
        font-size: 1.3rem
    }
}

@media only screen and (max-width:500px) {
    a.chat-button {
        transform: scale(.65);
        bottom: 10px;
        right: -30px
    }

    .chat-button:hover {
        bottom: 15px
    }

    h1.home-top-section__title {
        font-size: 2.1rem
    }

    blockquote {
        padding: 20px 30px
    }

    blockquote p {
        font-size: 1.2rem
    }

    .gp-share-btns ul.svg-social-icons li {
        width: 44px;
        height: 44px
    }

    .personal-data-warning {
        width: 90%;
        padding: 10px
    }
    
    .thp-recent-post-item {
      flex-basis:100%;
      margin-bottom:3rem
    }
    
    .wp-block-image .alignright,  .wp-block-image .alignleft  {
      float: none;
      margin: 0 auto 25px;
    }
    
    img.alignright, .alignright img {
      margin: 0 auto;
      display: table
    }
    
    .feedback-item {
      padding: 0
    }
    
    .feedback-content {
      padding: 2rem 1.5rem
    }
}

@media only screen and (max-width:414px) {
    header {
        height: 100px
    }

    .hamburger {
        transform: scale(.8);
        right: 1rem
    }

    .mob-menu__wrapper {
        padding: 6rem 2rem 2rem
    }

    .mob-menu li a {
        padding: 19px 0
    }

    .menu-trigger {
        top: 20px
    }

    .sub-menu {
        padding: 20px 20px 10px
    }

    .sub-menu li a {
        padding: 12px 0
    }

    .blocks-gallery-item {
        width: 100% !important;
        margin: 0 0 25px 0 !important
    }

    .tabs-post {
        padding-top: 0
    }

    .contact-page__map {
        padding: 0
    }

    h1.single__title,
    h2.post-title {
        font-size: 1.6rem
    }

    .blog .post-content {
        padding: 0 1rem
    }

    .comment-title {
        font-size: 1.5rem
    }

    .comments-box ol.children {
        margin: 0
    }

    ol.children li:before {
        display: none
    }

    .socials__links a {
        margin: 0 6px
    }

    .contact-page__info .socials__links a {
        letter-spacing: 0;
        font-size: .7rem
    }

    #popup-order .wpcf7-text,
    #popup-order .wpcf7-email,
    #popup-order .wpcf7-tel,
    .home-action__wrapper .wpcf7-text,
    .home-action__wrapper .wpcf7-email {
        font-size: 15px
    }
}

@media only screen and (max-width:375px) {
    html {
      font-size: 13px
    }
    
    .site-title,
    .text-title {
        left: 0
    }

    .home-project-section,
    .home-service-section,
    .home-team-section,
    .home-video-section,
    .home-custom-section,
    .gp-inner-page__content,
    #sidebar,
    .gp-single-post,
    .blog-page__footer,
    .archive .post-content,
    .search-anons {
        padding: 0 1rem
    }
}

/*===============================
= Если нужно добавить свои стили в css родительской темы, размещайте их под этой чертой =
============================================*/