html[secmenu="open"] body {
    overflow: hidden;
}

#header-menu .menu {
    justify-content: flex-end;
    font-weight: 500;
}

#header-second-menu {
    flex: 0 0 0%;
}

#header-callback {
    flex: 0 0 0%;
}



.burger-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 5rem;
    color: inherit;
    cursor: pointer;
    margin-left: 50px;
}

.burger-btn::before, .burger-btn::after {
    content: "";
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    width: 100%;
    height: 2px;
    background-color: #202020;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.burger-btn::before {
    margin-bottom: 0.8rem;
}

.burger-btn:hover::before {
    -webkit-transform: translateY(-0.3rem);
    transform: translateY(-0.3rem);
}

.burger-btn:hover::after {
    -webkit-transform: translateY(0.3rem);
    transform: translateY(0.3rem);
}




.second-menu {
    position: fixed;
    z-index: 1100;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background: #202020;
    color: #fff;
    overflow-x: hidden;
    opacity: 0;
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, transform 0.5s;
    transition: opacity 0.5s, transform 0.5s, -webkit-transform 0.5s;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-image: url(/wp-content/themes/meisterwerk-4/img/bg-arrow.svg);
    background-position: right top;
    background-size: auto 110%;
    background-repeat: no-repeat;
}

.second-menu.active {
    opacity: 1;
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
}

.second-menu-close {
    position: absolute;
    top: 30px;
    right: 200px;
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
    font-size: 1.5rem;
    transition: all 0.2s ease;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s ease 0s;
}

.second-menu-close svg {
    fill: #fff;
}

.second-menu-close:hover {
    color: var(--color-1);
}

.second-menu-close:hover svg {
    fill: var(--color-1);
}



#second-menu-logo {
    display: none;
    position: absolute;
    top: 50px;
    left: 100px;
    width: 200px;
}




.second-menu-sidebar {
    /* width: 380px; */
    flex: 0 0 640px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 100px;
    position: relative;
}

.second-menu-sidebar .myBar_wrap {
    background: #363636;
}

#posMenu {
    position: absolute;
    background: #fff;
    width: 2px;
    height: 50px;
    opacity: 0;
    transition: all 0.4s ease;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s ease 0s;
}

#posMenu.active {
    opacity: 1;
}



.second-menu-content {
    display: flex;
    justify-content: space-between;
    flex: 1 0 0%;
    padding: 200px 200px 100px 100px;
}


.second-menu-content .menu {
    flex-direction: column;
    font-size: 5rem;
    gap: 30px;
    margin-bottom: 50px;
}

.second-menu-content .menu li {
    opacity: 0;
}

.second-menu-content .menu li:nth-child(1) {animation-delay: .05s;}
.second-menu-content .menu li:nth-child(2) {animation-delay: .1s;}
.second-menu-content .menu li:nth-child(3) {animation-delay: .15s;}
.second-menu-content .menu li:nth-child(4) {animation-delay: .2s;}
.second-menu-content .menu li:nth-child(5) {animation-delay: .25s;}
.second-menu-content .menu li:nth-child(6) {animation-delay: .3s;}

.second-menu-content .menu a {
    padding: 0;
    /* color: #ababab; */
    color: rgba(255, 255, 255, 0.3);
}

.second-menu-content .menu a:hover {
    color: #fff;
}



.second-menu-content .contacts {
    display: flex;
    flex-direction: column;
    gap: 50px;
    font-size: 1.5rem;
    line-height: 1.4;
    padding-top: 100px;
}

.second-menu-content .sidebar-social {
    display: none;
}


.presentation {
    margin-top: 50px;
}

.presentation a {
    display: flex;
    /* align-items: center; */
    gap: 10px;
}

.presentation a svg {
    fill: #fff;
    height: 30px;
}

.presentation a span {
    display: block;
    text-transform: lowercase;
    color: #ababab;
}












.sidebar {
    position: fixed;
    /* background: #fff; */
    /* border-right: 2px solid var(--color-line); */
    left: 0;
    top: 0;
    z-index: 800;
    width: 640px;
    max-width: 640px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 100px 150px;
    /* padding: 150px 50px 75px; */
}




.sidebar-logo {
    height: 80px;
    display: flex;
    align-items: center;
    /* transition: all 0.1s ease;
    -o-transition: all 0.1s;
    -webkit-transition: all 0.1s ease 0s; */
}

.fixed .sidebar-logo {
    margin-top: -50px;
}

.sidebar-logo a {
    display: block;
    width: 100%;
}

.sidebar-logo a svg {
    display: block;
}

.sidebar-logo p {
    margin-top: 15px;
    text-align: center;
}



ul.social-list {
    font-size: 2rem;
    line-height: 1.5;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

/* .sidebar a {
    color: inherit;
} */



.sidebar-submenu .menu {
    flex-direction: column;
    font-size: 1.4rem;
    gap: 0;
}

.sidebar-submenu .menu a {
    padding: 10px 0;
    cursor: pointer;
    color: #ababab;
    position: relative;
}

.sidebar-submenu .menu > li.active > a, .sidebar-submenu .menu > li > a:hover, .sidebar-submenu .menu > li.active > a {
    color: inherit;
}

.sidebar-submenu .menu li.active a:before {
    content: "";
    position: absolute;
    left: -17px;
    top: 19px;
    width: 5px;
    height: 5px;
    background: var(--color-1);
    border-radius: 5px;
}

.sidebar-submenu .sub-menu {
    padding-left: 30px;
    display: none;
}

.sidebar-submenu .sub-menu a {
    display: block;
    color: inherit;
}

.sidebar-submenu .sub-menu a:hover {
    color: var(--color-1);
}




.sidebar-social {
    /* margin-top: auto; */
    position: absolute;
    bottom: 50px;
}






/* Progress Bar */

.myBar_wrap {
    position: absolute;
    right: -2px;
    top: 150px;
    bottom: 150px;
    top: 75px;
    bottom: 75px;
    width: 2px;
    background: #e9e9e9;
}

#myBar {
    background: var(--color-4);
}







.nav_pannel {
    padding: 0 100px;
    background: #fff;
    /* z-index: 1; */
    z-index: 900;
    margin: 0;
    margin-top: 40px;
    transition: all 0.2s ease;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s ease 0s;
}

.nav_pannel > * {
    padding: 0;
}

#header {
    position: sticky;
    top: -110px;
}

#header.nav-up {
    top: 0;
}






/* Ширина экрана */

.section {
    padding: 100px 0;
    min-width: 100%;
    margin-left: -785px;
    margin-right: -100px;
    padding-left: 785px;
    padding-right: 100px;
}

.grey-bg {
    background: var(--color-line);
}

.max-1200 {
    max-width: 1200px !important;
}

.max-1000 {
    max-width: 1000px !important;
}

.max-800 {
    max-width: 800px !important;
}



.spacer {
    padding: 100px 0;
}











.area .big-text {
    font-size: 8.5rem;
    line-height: 115%;
    margin: 7rem 0;
    max-width: 1200px;
}

.area .big-text img {
    width: 70px;
}


.area .medium-text {
    font-size: 30px;
    line-height: 150%;
}



.insight {
    margin: 5rem 0;
}

.insight h2 {
    margin-bottom: 10px !important;
    font-size: 1.5rem;
}

.insight p {
    font-size: 7rem;
    line-height: 125%;
}



a.back-link {
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    font-weight: 500;
}

a.back-link:hover {
    color: var(--color-1);
}

.back-link svg {
    width: 1.4rem;
    height: 1.4rem;
    -ms-flex-negative: 0;
    margin-right: 1rem;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}





.portfolio-cats {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
    font-size: 1.8rem;
}

.portfolio-cats a {
    border-bottom: 1px solid;
}






.category-date {
    display: flex;
    gap: 10px;
    padding: 50px 0 100px;
}

.category-date p {
    margin-bottom: 0;
}








.back-shares {
    padding: 50px 0;
}

.back-wrap {
    margin-top: auto;
}

.back-wrap a {
    font-size: 3rem;
    line-height: 3.6rem;
}

.back-wrap a svg {
    width: 3.6rem;
    height: 1.6rem;
    margin-right: 30px;
}


.shares {
    display: flex;
    flex-direction: column;
    /* align-items: flex-end; */
    /* gap: 15px; */
    font-size: 2rem;
    line-height: 3.6rem;
}

.shares span {
    margin-bottom: 30px;
}

.shares ul {
    margin-bottom: 0;
}

.area .shares li::marker {
    color: inherit;
}

.area .shares li a {
    text-decoration: underline;
}

.area .shares li a:hover {
    color: inherit;
    text-decoration: none;
}




.related {
    border-top: 1px solid #c8c8c8;
    padding-top: 8rem;
    padding-bottom: 8rem;
}

.related a {
    position: relative;
    font-size: 6rem;
    line-height: 120%;
}

.related a::after {
    content: "";
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(77.62%, #ffffff));
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 77.62%);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 28rem;
    z-index: 5;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    pointer-events: none;
}

.related a:hover::after {
    opacity: 0;
}

.related a:hover {
    color: inherit;
}

.related img {
    visibility: hidden;
    opacity: 0;
    transition: all 0.4s ease;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s ease 0s;
}

.related:hover img {
    visibility: visible;
    opacity: 1;
}







a.link {
    white-space: nowrap;
}







/* Главная */

h1.main-title {
    margin-top: 120px;
    margin-top: 45px;
    margin-bottom: 60px;
    font-size: 7rem;
    line-height: 125%;
    font-weight: 500;
}

h1.main-title:after {
    content: "";
    background: url(/wp-content/themes/meisterwerk-4/img/main-heading-arrow.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    display: inline-block;
    margin-left: 20px;
}





#services {
    margin-bottom: 0;
}

#services h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 110px;
    margin-bottom: 100px;
    max-width: unset;
}


ul.services {
    list-style: none;
    padding: 0;
}

ul.services li {
    margin-bottom: calc(var(--bs-gutter-x) / 4);
}

ul.services-main {
    font-weight: 500;
    font-size: 2rem;
}

ul.double {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

ul.services-second {
    font-size: 1.5rem;
    white-space: nowrap;
}

ul.services-second li {
    margin-bottom: calc(var(--bs-gutter-x) / 8);
}

ul.services-second .link_more {
    gap: 10px;
}

ul.services-second .link_more svg {
    width: 16px;
    height: 16px;
    margin-top: 5px;
}













.link_more {
    display: flex;
    gap: 15px;
    align-items: center;
    /* margin-top: -50px; */
}

.link_more.center {
    justify-content: center;
}

.link_more svg {
    width: 20px;
    height: 20px;
    fill: var(--color-1);
    transform: rotate(90deg);
}









.main-review .slider-wrap {
    padding-right: 150px;
}


.reviews-tabs .swiper-wrapper {
    margin-bottom: 3rem;
}


.reviews-tabs .swiper-slide {
    /* opacity: 0; */
    /* visibility: hidden; */
    background: #fff;
}

/* .reviews-tabs .swiper-slide.swiper-slide-active {
    opacity: 1;
    visibility: visible;
} */


.reviews-tabs > *.active {
    display: block;
}


.autoplay-progress {
    height: 2px;
    width: 100%;
    background-color: #ededed;
    margin-bottom: 4.8rem;
    display: block;
    position: relative;
}

.autoplay-progress::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    -webkit-transform-origin: left center;
    transform-origin: left center;
    background-color: #202020;
    -webkit-transform: scaleX(var(--progress, 0));
    transform: scaleX(var(--progress, 0));
}


.reviews-tabs .slider-navigation > * {
    background: none;
    border: none;
    flex-shrink: 0;
    margin-right: 1.8rem;
    -webkit-transition: color 0.2s, opacity 0.2s;
    transition: color 0.2s, opacity 0.2s;
    cursor: pointer;
}

.reviews-tabs .slider-navigation > *:hover svg {
    fill: var(--color-1);
}

.reviews-tabs .slider-navigation > * svg {
    width: 3rem;
    height: 3rem;
    fill: inherit;
    display: block;
}



/* .reviews-nav {
    flex-direction: column;
    display: flex;
    gap: 15px;
} */

.reviews-nav {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.reviews-nav > * {
    opacity: 1 !important;
    height: auto !important;
    width: 100% !important;
    background: none !important;
    font-size: 2rem;
}

.reviews-nav .swiper-wrapper > * {
    cursor: pointer;
}

.reviews-nav > *.swiper-pagination-bullet-active {
    color: var(--color-1);
}



.review-short {
    font-size: 2.5rem;
    cursor: default;
    font-weight: 500;
}

.review-short p {
    max-width: unset;
}

.review-author {
    display: flex;
    align-items: center;
    gap: 40px;
    margin-bottom: 50px;
    color: #ababab;
    position: relative;
}

.review-author::before {
    content: "";
    background-size: contain;
    background-image: url(/wp-content/uploads/2024/07/red-quotes.svg);
    background-position: center;
    background-repeat: no-repeat;
    width: 2.6rem;
    height: 2.1rem;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.review-author img {
    max-width: 150px;
}

.review-author img.round {
    border-radius: 150px;
}

.review-author > *:last-child {
    margin-bottom: 0 !important;
}

.review-author strong {
    display: block;
    color: initial;
    font-weight: 500;
}




.reward-wrap h3 {
    margin-bottom: 50px;
}

.reward {
    /* margin-bottom: 50px; */
}

.reward a {
    border-top: 1px solid #202020;
    display: block;
    padding: 30px 0;
    position: relative;
}

.reward a:hover {
    color: #fff;
}

.reward a svg {
    position: absolute;
    right: 0;
    top: 37px;
    fill: var(--color-1);
}

.reward a::before {
    content: "";
    position: absolute;
    z-index: -1;
    -webkit-transform-origin: center top;
    transform-origin: center top;
    top: -1px;
    left: -2rem;
    right: -2rem;
    bottom: 0;
    pointer-events: none;
    background-color: #202020;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
}

.reward a:hover::before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
}

.reward a h4 {
    padding-right: 20px;
    margin-bottom: 10px;
}

.reward a p {
    color: #ababab;
    margin-bottom: 0;
}








.approach {
    margin-bottom: 150px !important;
}

.approach .item {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ABABAB;
    border-bottom: 1px solid #ABABAB;
    padding-top: 45px;
    padding-bottom: 45px;
    gap: 30px 50px;
}

.approach .item .name {
    font-weight: 500;
    font-size: 2rem;
    line-height: 34px;
    width: 364px;
    min-width: 364px;
}

.approach .item .description {
    font-size: 1.55rem;
    line-height: 34px;
    max-width: 580px;
}





.clients-and-friends {
    margin-bottom: 150px !important;
    row-gap: calc(var(--bs-gutter-y)* 1) !important;
}

.clients-and-friends .item {
    position: relative;
}

.clients-and-friends .item > * {
    height: auto;
    border: none;
}

.clients-and-friends .item > *.description {
    display: none;
    position: absolute;
    background: #202020;
    color: white;
    padding: 2.7rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    z-index: 1;
    top: calc(100% + 15px);
}

.clients-and-friends .item .name:hover + .description {
    display: block;
}






body.category-portfolio .posts > *:first-child {
    width: 100%;
    margin-bottom: calc(var(--bs-gutter-y)* 1.5);
}

body.category-portfolio .posts > *:first-child a {
    display: flex;
    align-items: center;
}

body.category-portfolio .posts > *:first-child a {
    display: flex;
    align-items: center;
}

body.category-portfolio .posts > *:first-child a .image {
    width: 65%;
    aspect-ratio: 16 / 9;
}

body.category-portfolio .posts > *:first-child a .text {
    width: 35%;
    padding-left: 50px;
}




.posts {
    margin-bottom: 100px;
}

.posts.blog {
    margin-bottom: 0;
}

.posts.blog .image {
    height: 350px;
    height: auto !important;
}

.posts.blog .item {
    margin-bottom: 50px;
}

.posts.blog .text h3 {
    font-size: 2rem;
    font-weight: 400;
    transition: all 0.2s ease;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s ease 0s;
}

.posts.blog a:hover h3 {
    color: var(--color-1);
}

.posts.blog .text h3 svg {
    fill: var(--color-1);
    width: 17px;
    height: 17px;
    margin-left: 12px;
}

.posts.blog .category-date-source {
    display: flex !important;
    flex-wrap: wrap;
    font-size: 1.1rem;
    gap: 7px;
    line-height: 1.4rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #ababab;
}

.posts.blog .category-date-source .link_target {
    margin-left: auto;
    text-align: right;
}







.posts.portfolio .item > * .image {
    height: auto;
    aspect-ratio: 3 / 2;
}

.portfolio .item > * .text h3 {
    font-size: 2.85rem;
    margin-bottom: calc(var(--bs-gutter-x) / 2);
}





.posts .excerpt {
    line-height: 135%;
    font-size: 1.8rem;
}








.full-screen {
    margin-left: -380px;
    margin-left: -685px;
    z-index: 800;
    position: relative;
}

.full-screen img {
    width: 100%;
}





.review {
    position: relative;
    padding: 75px 0;
}

.review .quote {
    font-size: 4rem;
    margin-bottom: 100px;
    max-width: 1200px;
}

.review .quote::before {
    content: "";
    width: 4.5rem;
    height: 3.7rem;
    display: inline-block;
    vertical-align: baseline;
    margin-right: 0.8rem;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/meisterwerk-4/img/quotes-dark.svg);
}

.review::before {
    content: "";
    position: absolute;
    z-index: -200;
    background: var(--color-line);
    left: -480px;
    top: 0;
    right: -50px;
    height: 100%;
}

/* a.link::after {
    content: "";
    width: 14px;
    height: 14px;
    display: inline-block;
    vertical-align: baseline;
    margin-left: 0.8rem;
    background-size: contain;
    background-position: left bottom;
    background-repeat: no-repeat;
    background-image: url(/wp-content/themes/meisterwerk-4/img/quotes-dark.svg);
} */

.link svg {
    fill: var(--color-1);
    margin-left: 10px;
}


.review_author {
    display: flex;
    align-items: center;
    gap: 15px 20px;
    justify-content: flex-end;
}

.review_author img {
    max-width: 120px;
}

.review_author img.round {
    border-radius: 150px;
}

.review_author p {
    margin-bottom: 0;
    font-size: 2rem;
    line-height: 2.4rem;
    color: #ababab;
}

.review_author p strong {
    margin-bottom: 0;
    color: initial;
    font-weight: 400;
    display: block;
    margin-bottom: 0.6rem;
}




.project_info {
    margin-top: 100px;
    row-gap: 0 !important;
}

.project_info p {
    display: flex;
    flex-direction: column;
    font-size: 1.8rem;
    line-height: 2.4rem;
    color: #ababab;
    gap: 0.9rem;
}

.project_info p strong {
    font-weight: 400;
    color: initial;
}









.prices {
    margin: 0 -20px;
}

.prices > * {
    padding: 0 20px;
}

.prices > * a {
    display: flex !important;
    flex-direction: column;
    padding: 3.8rem 4rem;
    border: 3px solid #202020 !important;
}

.prices > * a:hover {
    border-color: var(--color-1) !important;
}

.prices > * a .area {
    margin-top: 3rem;
    margin-bottom: 5rem !important;
}

.prices .button-num {
    margin-top: auto;
    display: flex;
    justify-content: space-between;
}

.prices .button {
    color: var(--color-1);
}

.prices .button svg {
    fill: var(--color-1);
}











.category-date a {
    text-decoration: underline;
}

.category-date a:hover {
    text-decoration: none;
    color: inherit;
}







/* Карусель */

.carousel-cont {
    position: relative;
    z-index: 800 !important;
    background: var(--color-line);
    padding: 150px 0;
    margin-left: -785px;
    margin-right: -100px;
    overflow: hidden;
}

.owl-carousel.site-carousel, .wp-block-gallery.carousel {
    margin: 0 auto;
    max-width: 1440px;
    max-width: 1340px;
}

.owl-carousel.site-carousel .owl-stage-outer, .wp-block-gallery.carousel .owl-stage-outer {
    overflow: visible;
}






/* About */

.team {
    margin-left: -30px;
    margin-right: -30px;
    row-gap: 50px;
}

.team > * {
    padding-left: 30px;
    padding-right: 30px;
}

.team .item > * {
    border: none;
    cursor: pointer;
}

.team .item > * .image {
    height: auto;
}

.team .image img {
    height: auto !important;
}

.image-text-vertical.team .item > * .text h3 {
    font-size: 2.5rem;
    margin-bottom: 12px;
}


.team .position {
    line-height: 125%;
    /* border-bottom: 1px solid #404040; */
    /* padding-bottom: 20px; */
    font-size: 1.7rem;
    /* margin-bottom: 1.2rem; */
}

.team .descript {
    font-size: 1.2rem;
    display: none;
    padding-top: 1.2rem;
}

.team .descript > *:last-child {
    margin-bottom: 0 !important;
}


.item.acquainted > a {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    height: 450px;
    background-color: var(--color-line);
}

.item.acquainted > a strong {
    text-decoration: underline;
}

.item.acquainted > a strong:hover {
    text-decoration: none;
}

.item.acquainted > a:before {
    content: "";
    position: absolute;
    top: 0;
    height: 100%;
    left: 0;
    width: 100%;
    background: transparent;
    -webkit-transition: background-color 0.4s, color 0.4s;
    transition: background-color 0.4s, color 0.4s;
}

.item.acquainted > a:hover:before {
    background: var(--color-4);
}

.item.acquainted > a svg {
    width: 50px;
    height: 50px;
}

.item.acquainted > a .hidden {
    position: absolute;
    visibility: hidden;
    -webkit-transform: translateY(100%);
    transform: translateY(100%);
    top: 0;
    /* padding: 50px; */
    padding: 5rem;
    color: #fff;
    -webkit-transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.5s, visibility 0.5s, -webkit-transform 0.4s ease-out;
    transition: opacity 0.5s, visibility 0.5s, transform 0.4s ease-out;
    transition: opacity 0.5s, visibility 0.5s, transform 0.4s ease-out, -webkit-transform 0.4s ease-out;
}

.item.acquainted > a:hover .hidden {
    -webkit-transform: translateY(0%);
    transform: translateY(0%);
    visibility: inherit;
    opacity: 1;
}



.about-awards .item > * {
    background: var(--color-line);
}

.about-awards .item > *:hover {
    background: var(--color-4);
    color: #fff;
}

.about-awards .item > * .image {
    height: auto;
    padding: 30px;
}

.about-awards .item > * .image > * {
    width: 120px;
    height: 120px;
}

.about-awards .item > * .image > img.img-white {
    display: none;
}

.about-awards .item > *:hover .image > img.img-black {
    display: none;
}

.about-awards .item > *:hover .image > img.img-white {
    display: block;
}

.about-awards .item .text {
    padding: 30px;
}

.about-awards .item .text h3 {
    font-size: 2rem;
}

.about-awards .item .text p {
    font-size: 1.2rem;
}






.follow-us {
    font-size: 5rem;
    line-height: 7rem;
    max-width: unset !important;
    margin: 7rem 100px 7rem 0 !important;
    display: flex;
    justify-content: flex-end;
}

.follow-us a {
    text-decoration: underline;
}

.follow-us a:hover {
    text-decoration: none;
}




/* FAQ */

.spoiler {
    border-top: 1px solid #C8C8C8;
    padding-top: calc(var(--bs-gutter-x)* 2);
}

.spoiler p, .spoiler ul, .spoiler ol, .spoiler .wp-block-buttons {
    display: none;
    padding-left: 75px;
}

.spoiler ul, .spoiler ol {
    margin-top: 20px;
    padding-left: 100px;
}

.spoiler h3:first-child + p, .spoiler h2:first-child + p {
    margin-top: calc(var(--bs-gutter-x) * 3);
}

.spoiler p:not(:last-child) {
    margin-bottom: var(--bs-gutter-x);
}

.spoiler > div > *:last-child {
    margin-bottom: calc(var(--bs-gutter-x) * 6);
}

.spoiler h2, .spoiler h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    gap: 15px;
}

.spoiler h2:after, .spoiler h3:after {
    content: '';
    display: block;
    background: url(/wp-content/themes/meisterwerk-4/img/vector.png);
    background-size: cover;
    min-width: 35px;
    width: 35px;
    height: 17px;
    transform: rotate(180deg);
}

.spoiler h2.active:after, .spoiler h3.active:after {
    transform: rotate(0);
}





/* Услуги */

.service-links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 25px;
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 50px !important;
    max-width: unset !important;
}

.service-links a {
    text-decoration: underline;
}

.service-icons img {
    display: none;
    max-width: 200px;
    margin: 0 auto;
}


body.page-id-20 hr {
    margin-top: 0;
    margin-bottom: calc(var(--bs-gutter-x)* 3);
}



.service-h2 {
    font-weight: 500;
    font-size: 60px;
    line-height: 110px;
    padding-bottom: 100px;
}

.service-h3 {
    font-size: 3.3rem;
    line-height: 3rem;
    font-weight: 400 !important;
    margin-bottom: 3.3rem;
}






.branding-cost {
    font-size: 1.85rem;
    /* max-width: 70rem; */
}

.branding-cost h2 {
    font-size: 3rem;
}


.area hr {
    background: #c8c8c8;
    border: none;
    height: 1px;
}

hr.wp-block-separator {
    background: #c8c8c8;
    border: none;
    height: 1px;
    margin: calc(var(--bs-gutter-x)* 5) 0;
}







/* Footer */

body > footer h3 {
    font-size: 5rem;
    /* text-align: center; */
    line-height: 125%;
    margin-bottom: 100px;
    font-weight: 500;
    /* color: #ababab; */
}

body > footer .post-content {
    padding-bottom: 0;
}

body > footer .form-container {
    margin-bottom: 100px;
}

body > footer .form-container > .row {
    margin: 0 -50px;
    gap: 100px 0;
}

body > footer .form-container > .row > * {
    padding: 0 50px;
}

body > footer .form-container textarea {
    min-height: 175px;
    height: 100%;
}

.row.first-line {
    row-gap: calc(var(--bs-gutter-y)* 2);
}

.full-height, .full-height label {
    height: 100%;
}

body > footer .form-container  .acceptance {
    font-size: 1.2rem;
    line-height: 1.7rem;
    max-width: 32.5rem;
    margin-right: 2rem;
    color: #ababab;
}

body > footer .form-container  .acceptance a {
    color: #ababab;
    text-decoration: underline;
}


body > footer .form-field label.submit {
    display: inline-flex;
    width: 100%;
    justify-content: flex-end;
}










#callback-window {
    background: var(--color-4);
    padding: 0;
    line-height: 125%;
    color: #ababab;
}

#callback-window .row {
    margin: 0;
}

#callback-window .row > * {
    padding: 0;
}


#callback-window .image-text {
    padding: 30px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#callback-window .image-text p {
    font-size: 1.6rem;
}


#callback-window .text-wrap {
    padding: 50px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

#callback-window .text-wrap h2 {
    color: #fff;
    font-size: 2.8rem;
    line-height: 135%;
}

#callback-window .text-wrap p {
    font-size: 1.6rem;
    line-height: 125%;
}

#callback-window  .text-wrap .acceptance-wrap {
    display: none;
}


#callback-form .form-field label.submit {
    display: flex;
    margin-top: 30px;
    justify-content: flex-end;
}

#callback-form .submit-ajax.submit-container button {
    color: #fff;
    font-size: 2rem;
}





/* О компании */

/* body.page-template-about .area h1:first-child { */
body.page-id-79 .area h1:first-child {
    display: none;
}




.submit-ajax.submit-container button {
    font-size: 2.4rem;
}




@media (max-width: 2560px) {  

    .container, .container-fluid {padding-left: 380px; padding-right: 50px;}
    .sidebar {width: 380px; max-width: 380px; padding: 0 50px 150px;}

    #header {top: -80px;}
    .nav_pannel {padding: 0 50px;}
    #header-desc p {padding-left: 85px;}

    .second-menu-sidebar {flex: 0 0 380px; padding: 15px 50px;}

    ul.social-list {font-size: 1.5rem; line-height: 1.2;}

    .section {margin-left: -480px; padding-left: 480px; margin-right: -50px;}

    .full-screen {margin-left: -415px;}

    .carousel-cont {margin-left: -480px; margin-right: -50px;}
}

@media (max-width: 1920px) {  

    .services-main-wrap {min-width: 460px;}
    .services-second-wrap {width: 50%; padding-left: 50px !important;}

}


@media (max-width: 1770px) {  

    body > footer h3 {font-size: 4rem;}

}


@media (max-width: 1650px) {  

    ul.services-second {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}   

    .main-review .slider-wrap {padding-right: 100px;}

}


@media (max-width: 1580px) {  

    .posts.blog .text h3 {font-size: 1.7rem;}

    body > footer h3 {font-size: 3.5rem;}

    #services h2 {font-size: 55px; line-height: 125%;}

    .main-review .slider-wrap {padding-right: 75px;}
    .reviews-nav {gap: 15px;}
    .reviews-nav > * {font-size: 1.7rem;}
}




@media (max-width: 1440px) {  

    .container, .container-fluid {padding-left: 260px;}
    .post-content {padding: 50px 0 100px 60px;}

    .burger-btn {margin-left: 50px; width: 4rem;}

    .sidebar {width: 260px; padding: 0 30px 150px;}
    .sidebar-submenu .menu {font-size: 1.2rem;}
    .sidebar-submenu .menu a {padding: 5px 0;}
    ul.social-list {font-size: 1.2rem; gap: 12px;}

    .second-menu-sidebar {flex: 0 0 260px; padding: 15px 30px;}
    .sidebar-logo {height: 60px;}
    .second-menu-content {padding: 50px 100px 50px 60px;}
    .second-menu-content .menu {font-size: 3rem; margin-bottom: 0;}
    .second-menu-content .contacts {padding-top: 0;}
    .second-menu-close {right: 100px;}

    .nav_pannel {padding: 0 30px;}

    .full-screen {margin-left: -260px;}

    h1 {font-size: 5rem;}
    h1.main-title {font-size: 6rem;}
    h1.main-title:after {width: 50px; height: 50px;}
    .area .title {font-size: 4rem;}

    .area .big-text {font-size: 7rem;}
    .area .big-text img {width: 50px;}

    .team > * {width: 50%;}

    /* .posts .item > * .image {height: 320px;} */
    .posts .item > * .text h3 {font-size: 2.5rem;}
    .posts .excerpt {font-size: 1.6rem;}

    .posts.blog .item > * .text h3 {font-size: 2rem;}

    .reviews-tabs > * {padding-right: 100px;}
    .review-short {font-size: 2rem;}

    .category-date {padding: 50px 0;}


    body.category-portfolio .posts > *:first-child a .image {width: 60%;}
    body.category-portfolio .posts > *:first-child a .text {width: 40%;}

    .row-cols-3 > * {width: 50%;}

    .row-cols-2.number-text-vertical > * {width: 100%;}

    .project_info p {width: 50%; margin-bottom: 15px !important; font-size: 1.7rem; gap: 0;}

    .review::before {left: -430px;}
    .review .quote {font-size: 3rem;}
    .review_author img {max-width: 115px;}
    .review_author p {font-size: 1.5rem; line-height: 1.7rem;}

    .area .has-x-large-font-size {font-size: calc(var(--wp--preset--font-size--x-large) * 0.75) !important;}

    .about-awards .item .text h3 {font-size: 1.8rem;}

    .carousel-cont {margin-left: -320px;} 

    .follow-us {font-size: 4rem; margin: 7rem 0 7rem 0 !important;}

    .related a {font-size: 4rem;}
    .related a::after {display: none;}
    .related img {opacity: 1; visibility: visible;}

    #services h2 {font-size: 45px;}
    .services-main-wrap {width: 55%; min-width: unset;}
    .services-second-wrap {width: 45%; padding-left: calc(var(--bs-gutter-x)* 1.2) !important;}    
    #services ul {margin-bottom: 0;}

    body > footer h3 {font-size: 2.7rem;}
    .foot-contacts .text {flex: 1 0 50%; margin-bottom: 50px;}

}


@media (max-width: 1200px) {  

    .container, .container-fluid {padding-left: 210px; padding-right: 30px;}

    
    .section {padding: 100px 30px 100px 270px; margin-left: -270px; margin-right: -30px;}

    .full-screen {margin-left: -270px; margin-right: -30px;}

    .burger-btn {margin-left: 30px;}


    .sidebar {width: 210px;}
    .sidebar-submenu .menu {font-size: 1rem;}
    .sidebar-submenu .menu li.active a:before {top: 11px;}
    ul.social-list {font-size: 1rem;}

    .nav_pannel {padding: 0 30px;}


    .second-menu-sidebar {flex: 0 0 210px;}
    .sidebar-logo {height: 60px;}
    .second-menu-content {padding: 0 60px 50px;}
    .second-menu-content .menu {/*font-size: 2rem;*/ gap: 20px;}
    .second-menu-content .contacts {gap: 30px; font-size: 1.4rem;}
    ul.social-list {font-size: 1.4rem;}

    .post-content {padding: 50px 0 100px 60px;}

    #header {margin-bottom: 50px;}

    h1.main-title {margin-top: 0;}
    .area .title {font-size: 3.5rem; margin: 50px 0;}
    .area .big-text {font-size: 6rem;}
    h1 {font-size: 4rem;}

    .spacer {padding: 50px 0;}

    .reviews-tabs > * {padding-right: 50px;}
    .reviews-nav > * {font-size: 1.4rem;}
    .review-short {font-size: 1.7rem;}
    .review-author {font-size: 1.4rem;}
    .review-author img {max-width: 120px;}

    .review::before {left: -50px; right: -50px;}

    .team {margin-left: -20px; margin-right: -20px;}
    .team > * {padding-left: 20px; padding-right: 20px;}
    .team .position {font-size: 1.5rem;}

    .carousel-cont {margin-left: -50px; margin-right: -50px;}

    #services h2 {font-size: 40px;}
    .services-main-wrap {width: 100%;}
    .services-second-wrap {width: 100%;}  
    ul.services-second li:last-child {margin-top: 30px;}
    ul.services-second li:last-child a {color: var(--color-1);}
    
    .follow-us {font-size: 3.5rem;}

    body > footer .form-container > .row {margin: 0 -30px;}
    body > footer .form-container > .row > * {padding: 0 30px;}

}


@media (max-width: 1024px) {  

    .container, .container-fluid {padding-left: 30px; padding-right: 30px;}
    .sidebar {display: none;}

    .second-menu-sidebar {display: none;}
    #second-menu-logo {display: block; top: 30px; left: 30px; max-width: 160px;}
    .second-menu-content {padding: 0 30px 50px;}
    .second-menu-content .sidebar-social {display: block;}
    .second-menu-close {right: 30px;}

    .section {padding: 75px 30px; margin-left: -30px; margin-right: -30px;}
    .full-screen {margin-left: -30px; margin-right: -30px;}

    .post-content {padding: 0 0 100px;}

}



@media (max-width: 992px) {  

    /* .post-content {padding: 75px 0;} */

    .burger-btn {width: 5rem;}

    #second-menu-logo {left: 50px;}
    .second-menu-close {right: 50px;}
    .second-menu-content {padding: 150px 50px 50px;}


    h1.main-title {font-size: 5rem;}
    h1 {font-size: 3.5rem;}
    .area .big-text {font-size: 4rem;}
    .area .big-text img {width: 35px;}

    .image-text-vertical .item > * .text h3 {font-size: 2rem;}

    .item.acquainted > a {font-size: 1.3rem; height: 350px;}

    .carousel-cont {padding: 100px 0;}

    .review .col {width: 100%;}
    .review .link-wrap {order: 11;}

    .project_info p {margin-bottom: 0 !important; font-size: 1.5rem;}    

    .area .has-x-large-font-size {font-size: calc(var(--wp--preset--font-size--x-large) * 0.6) !important;}
    .area .medium-text {font-size: 27px;}


    /* .posts .item > * .image {height: 250px;} */

    /* .image-text-vertical .item > * .image {height: 320px;} */
    .image-text-vertical .item > * .text {font-size: 1.5rem;}

    body.category-portfolio .posts > *:first-child a .image {width: 50%;}
    body.category-portfolio .posts > *:first-child a .text {width: 50%;}

    .posts .excerpt {font-size: 1.4rem;}

    .services-main-wrap {width: 100%;}
    .services-second-wrap {width: 100%; padding-left: calc(var(--bs-gutter-x)* .5);}

    .icon-text-vertical .item > * .image img {width: 100px;}

    .main-review .col-9 {width: 100%;}
    .main-review .col-3 {width: 100%; order: 1;}
    .reviews-tabs > * {padding-right: 0;}
    .reviews-nav {flex-direction: row; flex-wrap: wrap; margin-bottom: 30px;}
    .reviews-nav > * {font-size: 1.3rem;}
    .autoplay-progress {margin-bottom: 3rem;}

    .category-date {padding: 15px 0;}

    .wp-block-columns.prices {flex-wrap: wrap !important;}
    .wp-block-columns.prices > * {flex-basis: 100% !important;}


    .back-wrap a {font-size: 2rem;}   
    .shares {font-size: 1.7rem; line-height: 3rem;} 
    .related a {font-size: 3rem;}


    #services h2 {font-size: 45px; margin-bottom: 75px;}

    .approach {margin-bottom: 100px !important;}


    body > footer h3 {font-size: 2.5rem;}
    body > footer .form-container .col-6 {width: 100%;}   
    .foot-contacts .image-link {flex: 0 0 25%;}
    body > footer .form-container > .row {gap: 50px 0;}
    body > footer .form-field label.submit {justify-content: flex-start;}


    #callback-window {max-width: 480px !important;}
    #callback-window svg path {fill: var(--color-1);}
    #callback-window .image-wrap {width: 100%;}
    #callback-window .image-wrap img {width: 100%;}
    #callback-window .image-text {padding: 30px 50px 0;}
    #callback-window .image-text p {font-size: 1.3rem;}
    #callback-window .image-text small {display: none;}
    #callback-window .text-wrap {width: 100%; padding: 30px 50px 50px;}
    #callback-window .text-wrap h2 {font-size: 2.3rem;}
    #callback-window .text-wrap p {font-size: 1.3rem;}
    #callback-window  .text-wrap .acceptance-wrap {display: block;}

}


@media (max-width: 768px) {  

    .burger-btn {width: 4rem;}

    #second-menu-logo {top: 30px; width: 150px; left: 30px;}
    .second-menu-close {right: 30px; top: 35px;}
    .second-menu-close span {display: none;}
    .second-menu-close svg {width: 20px; height: 20px;}

    .second-menu-content {padding: 50px 30px; margin-bottom: 100px;}
    .second-menu-content .menu {gap: 15px;}
    .second-menu-content .contacts {font-size: 1.2rem;}

    ul.double {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}

    .spacer {padding: 20px 0;}

    .posts {margin-bottom: 50px;}
    /* .posts .item > * .image {height: 170px;} */

    .image-text-vertical .item > * .text h3 {font-size: 1.7rem;}
    .posts.blog .text h3 svg {width: 12px; height: 12px; margin-left: 9px;}

    .posts .excerpt {font-size: 1.2rem;}

    .area {font-size: 1.4rem;}

    .area .title {font-size: 2.7rem;}

    .portfolio-title {font-size: 4.5rem;}
    .portfolio-cats {font-size: 1.5rem;}

    .about-awards > .item {width: 100%;}
    .image-text-vertical.about-awards .item > * .image {height: auto;}

    .posts.blog .item > * .text h3 {font-size: 1.5rem;}

    .posts.blog .category-date-source .dot {display: none;}
    .posts.blog .category-date-source .link_target {margin-left: 0; text-align: left;}

    .icon-text-vertical .item > * .image img {width: 75px;}

    .area .big-text {font-size: 3.5rem;}
    .area .big-text img {width: 25px;}
    h1 {font-size: 2.7rem;}
    h1.main-title {font-size: 4rem;}
    h1.main-title:after {width: 30px; height: 30px; margin-left: 15px;}
    
    .area .title {font-size: 2.2rem;}

    .carousel-cont {margin-left: -30px; margin-right: -30px;}

    .number-text-vertical .item > * .number {font-size: 3rem;}

    .team > * {width: 100%;}

    /* .image-text-vertical .item > * .image {height: 350px;} */
    .image-text-vertical .item > * .text {font-size: 1.3rem;}

    .review::before {left: -30px; right: -30px;}
    .review .quote {font-size: 2rem; margin-bottom: 50px;}
    .review .quote::before {width: 3rem; height: 3rem;}
    .review_author {width: 100%;}


    .back-shares > * {width: 100%;}
    .back-wrap {margin-top: 50px; order: 11;}
    .related a {font-size: 2rem;}

    .approach .item {flex-wrap: wrap;}

    #services h2 {font-size: 42px;}

    .follow-us {font-size: 2.7rem;}


    body > footer h3 {margin-bottom: 50px; font-size: 1.9rem;}
    footer .center {text-align: left;}
    a#Go_Top {margin-bottom: 20px; font-size: 1.4rem;}
    a#Go_Top svg {width: 15px;}
}


@media (max-width: 576px) {  

    .container, .container-fluid {padding-left: 20px; padding-right: 20px;}
    .section {/*padding: 50px 30px;*/ margin-left: -20px; margin-right: -20px;}

    .full-screen {margin-left: -20px; margin-right: -20px;}

    .second-menu-content {flex-wrap: wrap; gap: 50px; padding: 50px 20px; margin-bottom: 0;}
    .second-menu-content > * {width: 100%;}
    .contacts > div:not(.presentation) {display: none;}
    /* .presentation {margin-top: 0;} */
    .second-menu-content .sidebar-social {display: none;}

    #second-menu-logo {left: 20px; top: 20px;}
    .second-menu-close {right: 30px; top: 25px;}

    .nav_pannel {padding: 0 20px;}

    h1.main-title:after {display: none;}

    p.big-text img {display: none;}

    .area .big-text {margin: 6rem 0 3rem;}
    .area .medium-text {font-size: 24px;}

    .row-cols-3 > * {width: 100%;}

    .image-text-vertical .item > * .text h3 {font-size: 1.5rem;}

    .review-author {font-size: 1.2rem; gap: 25px;}
    .review-author img {max-width: 90px;}
    .review-short {font-size: 1.5rem;}
    .main-review .slider-wrap {width: 100%; padding-right: 20px;}
    .reviews-nav-wrap {display: none;}
    .reviews-tabs .slider-navigation > * svg {width: 2.5rem; height: 2.5rem;}

    .area .title {font-size: 2rem;}

    .portfolio-title {font-size: 3.75rem;}

    .project_info p {font-size: 1.3rem; width: 100%;}

    body.category-portfolio .posts > *:first-child a {display: block;}
    body.category-portfolio .posts > *:first-child a .image {width: 100%; aspect-ratio: 3 / 2;}
    body.category-portfolio .posts > *:first-child a .text {width: 100%; padding-left: 0;}

    h1 {font-size: 2.5rem; margin-bottom: 50px;}

    .number-text-vertical .item > * .number {font-size: 2.5rem;}

    .area .has-x-large-font-size {font-size: calc(var(--wp--preset--font-size--x-large) * 0.5) !important;}

    .area h2 {font-size: 2rem;}

    .related .row > * {width: 100%;}

    .review::before {left: -20px; right: -20px;}
    .carousel-cont {margin-left: -20px; margin-right: -20px;}

    #services h2 {font-size: 35px; margin-bottom: 50px;}
    ul.services-main {font-size: 1.8rem;}

    .posts.blog .item {margin-bottom: 30px;}
    .posts.blog .item > * .text h3 {margin-bottom: 15px;}

    .back-wrap a {font-size: 1.7rem;}
    .back-wrap a svg {width: 2.6rem; height: 1rem; margin-right: 15px;}

    body.category-portfolio .posts > *:first-child {margin-bottom: 0;}

    .spoiler p, .spoiler ul, .spoiler ol, .spoiler .wp-block-buttons {padding-left: 0;}
    .spoiler ul, .spoiler ol {padding-left: 25px;}

    .follow-us {font-size: 2.2rem; justify-content: flex-start;}


    .approach {margin-bottom: 75px !important;}
    .approach .item .name {width: 100%; min-width: unset;}

    .image-text-vertical.team .item > * .text h3 {font-size: 2.2rem;}

    .clients-and-friends .item > *.description {padding: 2rem; font-size: 1.2rem; line-height: 2rem;}


    body > footer .post-content {padding-top: 30px;}
    body > footer h3 {font-size: 1.7rem;}
    body > footer .form-container > .row {margin: 0 -20px;}
    body > footer .form-container > .row > * {padding: 0 20px;}
    a#Go_Top {display: none;}

    .submit-ajax.submit-container button {line-height: 1.2; font-size: 2rem;}
    .submit-ajax.submit-container button svg {width: 2.4rem;}

}


@media (max-width: 480px) {  

    /* .post-content {padding: 50px 0;} */

    .burger-btn {margin-left: 0; width: 4rem;}

    /* #second-menu-logo {left: 30px;} */
    /* .second-menu-close {top: 33px;} */
    /* .second-menu-content {padding: 200px 30px 50px;} */
    .second-menu-content .menu {gap: 10px;}
    .second-menu-content .contacts {gap: 20px;}

    h1 {font-size: 2.2rem;}

    .portfolio-title {font-size: 3rem;}
    .portfolio-cats {font-size: 1.3rem;}

    .area {font-size: 1.2rem;}
    .area p, .area h2, .area > img, .area > div, .area table, .area figure {margin-bottom: var(--bs-gutter-x);}
    .area h2 {font-size: 1.8rem;}

    .review .quote {font-size: 1.6rem; margin-bottom: 30px;}
    .review_author {flex-wrap: wrap; justify-content: flex-start;}

    .back-shares > * {width: 100%;}

    .spoiler h2:after, .spoiler h3:after {min-width: 25px; width: 25px; height: 13px;}

    .item.acquainted > a {height: 320px;}
    .item.acquainted > a .hidden {padding: 30px;}

    ul.services-second {white-space: wrap;}

    .review-author {flex-wrap: wrap;}

    .follow-us {font-size: 1.8rem;}

    #services h2 {font-size: 32px;}
    ul.services-main {font-size: 1.6rem;}

    body > footer .form-container {margin-bottom: 75px;}
    body > footer h3 {font-size: 2rem;}
    a#Go_Top {font-size: 1.5rem;}
    .foot-contacts .text {flex: 1 0 100%; margin-bottom: 15px;}

    #callback-window .image-text {padding: 30px 30px 0;}
    #callback-window .text-wrap {padding: 30px;}
    #callback-window .text-wrap h2 {font-size: 2rem; margin-bottom: 0;}
}


@media (max-width: 380px) {  

    .container, .container-fluid {padding-left: 20px; padding-right: 20px;}
    .section {padding: 60px 20px; margin-left: -20px; margin-right: -20px;}

    .nav_pannel {padding: 0 20px;}

    .full-screen {margin-left: -20px; margin-right: -20px;}

    #second-menu-logo {left: 20px; width: 110px;}
    .second-menu-close {right: 20px; top: 32px; /*font-size: 0.8rem;*/}
    /* .second-menu-content {padding: 200px 20px 50px;} */
    /* .second-menu-content .menu {font-size: 1.7rem; gap: 7px;} */
    .second-menu-content .contacts {gap: 15px; font-size: 1rem;}

    .review::before {left: -20px; right: -20px;}

    .burger-btn {width: 3rem;}

    h1 {font-size: 1.8rem;}
    .area .big-text {font-size: 2.6rem;}
    /* .area .big-text img {width: 17px;} */
    .area .title {font-size: 1.7rem;}
    h1.main-title {font-size: 3rem;}
    h1.main-title br {display: none;}
    h1.main-title:after {width: 22px; height: 22px; margin-left: 12px;}

    .portfolio-title {font-size: 2.5rem;}

    .carousel-cont {margin-left: -20px; margin-right: -20px;}

    .image-text-vertical.team .item > * .text {padding: 30px 0;}

    .area .has-x-large-font-size {font-size: calc(var(--wp--preset--font-size--x-large) * 0.4) !important;}

    .number-text-vertical .item > * .number {font-size: 2rem;}

    .spacer {padding: 0;}

    .posts.blog .item > * .text h3 {font-size: 1.3rem;}
    .posts.blog .category-date-source {font-size: 1rem;}

    /* .image-text-vertical .item > * .text {padding: 20px 0;} */


    #services h2 {font-size: 30px;}
    ul.services-main {font-size: 1.45rem;}

    .follow-us {font-size: 1.5rem;}

    body > footer h3 {font-size: 1.7rem;}

    body > footer .form-container > .row {margin: 0 -15px;}
    body > footer .form-container > .row > * {padding: 0 15px;}
    .submit-ajax.submit-container button {font-size: 1.7rem;}


    #callback-window .image-text {padding: 20px 20px 0;}
    #callback-window .image-text p {font-size: 1rem;}
    #callback-window .text-wrap {padding: 20px;}
    #callback-window .text-wrap h2 {font-size: 1.5rem;}
    #callback-window .text-wrap p {font-size: 1.1rem;}

}



@media (max-width: 300px) {  
    .burger-btn {width: 2rem;}
}







/* Курсор */

.custom-cursor-main {
    position: fixed;
    z-index: 6000;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-color: var(--color-1);
    -webkit-transition: background-color 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, transform 0.3s, opacity 0.3s;
    transition: background-color 0.3s, transform 0.3s, opacity 0.3s, -webkit-transform 0.3s;
    pointer-events: none;
    display: none;
}

.custom-cursor-main.expand {
    -webkit-transform: translate(-50%, -50%) scale(1.4);
    transform: translate(-50%, -50%) scale(1.4);
}

.custom-cursor-main.hidden {
    opacity: 0;
}

.touch .custom-cursor-main {
    display: none;
}

.custom-cursor-secondary {
    width: 38px;
    height: 38px;
    position: fixed;
    z-index: 6000;
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 2px solid var(--color-1);
    -webkit-transition: background-color 0.3s, border-color 0.3s, opacity 0.3s, height 0.3s, width 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, border-color 0.3s, opacity 0.3s, height 0.3s, width 0.3s, -webkit-transform 0.3s;
    transition: background-color 0.3s, border-color 0.3s, transform 0.3s, opacity 0.3s, height 0.3s, width 0.3s;
    transition: background-color 0.3s, border-color 0.3s, transform 0.3s, opacity 0.3s, height 0.3s, width 0.3s, -webkit-transform 0.3s;
    pointer-events: none;
}

.custom-cursor-secondary.black-cursor {
    border-color: var(--color-line);
}

.custom-cursor-secondary.expand {
    width: 32px;
    height: 32px;
}

.custom-cursor-secondary.interactive {
    width: 60px;
    height: 60px;
    opacity: 0;
}

.custom-cursor-secondary.hidden {
    opacity: 0;
}

.touch .custom-cursor-secondary {
    display: none;
}

.custom-cursor-slider, .carousel .item {
    position: fixed;
    z-index: 6000;
    pointer-events: none;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    width: 34px;
    height: 34px;
}

.custom-cursor-slider.visible {
    opacity: 1;
}

.custom-cursor-slider .icon-cursor-arrow-left,
.custom-cursor-slider .icon-cursor-arrow-right {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 6px;
    height: 12px;
    fill: var(--color-1);
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
}

.custom-cursor-slider .icon-cursor-arrow-left {
    right: 100%;
    margin-right: 10px;
}

.custom-cursor-slider .icon-cursor-arrow-right {
    left: 100%;
    margin-left: 10px;
}

.custom-cursor-slider .icon-cursor-plus, .carousel .item {
    width: 12px;
    height: 12px;
    fill: var(--color-1);
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    opacity: 0;
}

.custom-cursor-slider.expand .custom-cursor-slider__content {
    -webkit-transform: translate(-50%, -50%) scale(0.7) !important;
    transform: translate(-50%, -50%) scale(0.7) !important;
}

.custom-cursor-slider.expand .icon-cursor-arrow-left {
    -webkit-transform: translateY(-50%) translateX(-0.5rem);
    transform: translateY(-50%) translateX(-0.5rem);
}

.custom-cursor-slider.expand .icon-cursor-arrow-right {
    -webkit-transform: translateY(-50%) translateX(0.5rem);
    transform: translateY(-50%) translateX(0.5rem);
}

.touch .custom-cursor-slider {
    display: none;
}

.custom-cursor-slider.plus .icon-cursor-plus {
    opacity: 1;
}

.custom-cursor-slider__content, .carousel .item {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    border: 2px solid var(--color-1);
    border-radius: 50%;
}