*,
*:before,
*:after {
box-sizing: border-box
}
body,
h1,
h2,
h3,
h4,
p,
figure,
blockquote,
dl,
dd,
ul,
li,
button {
margin: 0
}
a {
text-decoration: none !important;
}
ul,
ol {
padding: 0;
list-style: none
}
html, body {
overflow-x: hidden;
}
html {
scroll-behavior: smooth
}
body {
min-height: 100vh;
text-rendering: optimizeSpeed;
color: #fff;
font-size: 16px;
line-height: 1.4;
font-family: Montserrat;
margin-right: 0 !important;
}
a:not([class]) {
-webkit-text-decoration-skip: ink;
text-decoration-skip-ink: auto
}
img {
width: 100%;
display: block;
-o-object-fit: cover;
object-fit: cover
}
main {
min-height: 100vh;
}
input,
button,
textarea,
select {
color: inherit;
font-family: inherit
}
button {
padding: 0;
margin: 0;
border: none;
background-color: transparent;
cursor: pointer
}
a,
label>input[type=checkbox] {
cursor: pointer
}
@font-face {
font-family: "Montserrat";
src: url(//lider-in.com/wp-content/themes/lider-in/fonts/Montserrat-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//lider-in.com/wp-content/themes/lider-in/fonts/Montserrat-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//lider-in.com/wp-content/themes/lider-in/fonts/Montserrat-Medium.woff2) format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Montserrat";
src: url(//lider-in.com/wp-content/themes/lider-in/fonts/Montserrat-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
}
html {
overflow-x: hidden;
font-size: 62.5%
}
h1,
.h1,
h2,
.h2 {
line-height: 1.1
}
h1,
.h1 {
font-size: clamp(2.6rem, 1.3646rem + 3.4314vw, 4rem);
color: #000;
font-weight: 600;
}
h2,
.h2 {
font-size: clamp(2rem, 1.294rem + 1.9608vw, 2.8rem);
color: #000;
font-weight: 500;
}
h3,
.h3 {
font-size: clamp(1.8rem, 1.294rem + 1.9608vw, 2.2rem);
line-height: 1;
color: #000;
font-weight: 500;
}
a {
text-decoration: none;
}
.no-dekstop {
display: none !important;
}
div[itemtype="http://schema.org/LocalBusiness"] {
display: none;
}
#breadcrumbs {
max-width: 1400px;
margin: 0 auto;
padding-top: 20px;
}
#breadcrumbs a {
color: #7e7e7e7e;
font-size: 16px;
border-bottom: 1px solid transparent;
transition: color 0.3s ease, border-color 0.3s ease;
}
#breadcrumbs span {
color: #7e7e7e7e;
}
#breadcrumbs span.breadcrumb_last {
color: #000;
}
#breadcrumbs a:hover {
color: #7f3740;
border-color: #7f3740;
} .header_container>div {
max-width: 1400px;
width: 100%;
margin: 0 auto;
}
.header__inner {
display: flex;
flex-direction: column;
}
.header__upper {
display: flex;
justify-content: space-between;
align-items: center;
}
#menu-upper {
display: flex;
gap: 25px;
padding: 9px 8px;
}
#header_up {
background: #7e7e7e;
}
#menu-upper a {
color: #fff;
font-size: 14px;
font-weight: 500;
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}
.header__info a {
display: flex;
align-items: center;
gap: 8px;
color: #fff;
font-size: 16px;
font-weight: 500;
}
.header__info {
display: flex;
gap: 20px;
}
.header__info a svg path {
fill: #fff;
}
.call__button-header {
color: #fff;
cursor: pointer;
border-bottom: 1px solid;
transition: all 0.3s ease;
height: 25px;
font-weight: 500;
}
.call__button-header:hover {
border-color: transparent;
}
#menu-upper a:hover {
color: #7f3740;
border-color:#7f3740;
}
#menu-upper li.current-menu-item a {
color: #7f3740;
border-color:#7f3740;
}
.logo__container img {
object-fit: cover;
height: 102px;
width: auto;
}
.header__center {
display: flex;
justify-content: space-between;
gap: 65px;
align-items: center;
margin: 24px auto !important;
}
.header__info_adtime span {
display: flex;
align-items: center;
color: #000;
font-weight: 500;
gap: 8px;
max-width: 450px;
}
.header__info_adtime span svg {
flex-shrink: 0;
}
.header__info_adtime span.work_time svg {
width: 20px;
height: 20px;
}
.header__info_adtime {
display: flex;
flex-direction: column;
gap: 5px;
}
#menu-lower {
display: flex;
position: relative;
}
#menu-lower li {
flex: auto;
}
#fixedHeader #menu-lower {
position: unset;
}
#header_lower {
background: #7f3740;
}
#header_lower a {
color: #fff;
font-weight: 500;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
height: 55px;
transition: all 0.3s ease;
}
#header_lower a:hover {
background: #955159;
}
#menu-lower li.current-menu-item a:not(#fixedHeader #menu-lower li.current-menu-item a), #menu-lower li.current-menu-ancestor a:not(#fixedHeader #menu-lower li.current-menu-ancestor a), #menu-lower li.current-menu-parent a:not(#fixedHeader #menu-lower li.current-menu-parent a) {
background: #955159;
}
#fixedHeader #menu-lower li.current-menu-item a:not(#fixedHeader #menu-lower #custom-menu a), #fixedHeader #menu-lower li.current-menu-ancestor a:not(#fixedHeader #menu-lower #custom-menu a), #fixedHeader #menu-lower li.current-menu-parent a:not(#fixedHeader #menu-lower #custom-menu a) {
color: #fff !important;
background: #7f3740;
}
.header__search-form {
display: flex;
padding-right: 20px;
gap: 10px;
border: 1px solid #7e7e7e;
border-radius: 25px;
transition: all 0.3s ease;
overflow: hidden;
}
.header__search-form:focus-within {
border-color: #7f3740;
box-shadow: 0 0 0 3px rgba(127, 55, 64, 0.25);
}
.header__search-button {
font-size: 0;
width: 54px;
height: 62px;
background: url(//lider-in.com/wp-content/themes/lider-in/img/search.svg) center center no-repeat;
background-position-x: center;
background-position-x: 25px;
cursor: pointer;
transition: background 0.3s ease-in-out;
border: none;
}
.title-search {
color: #7e7e7e;
font-size: 16px;
border: none;
outline: none;
background: transparent;
width: 100%;
}
.header__search-button:hover {
background: url(//lider-in.com/wp-content/themes/lider-in/img/search_hover.svg) center center no-repeat;
background-position-x: center;
background-position-x: 25px;
} #fixedHeader {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
background: #fff;
box-shadow: 0 2px 15px rgba(0,0,0,0.1);
visibility: hidden;
transform: translateY(-100%);
transition: all 0.5s ease;
will-change: transform;
}
#fixedHeader.fixed-header-visible {
visibility: visible;
transform: translateY(0);
transition-delay: 0.05s;
will-change: transform;
}
.header__fixed_inner {
display: flex;
gap: 65px;
align-items: center;
margin: 12px auto !important;
position: relative;
}
.header__fixed_inner .logo__container img {
height: 65px;
}
.header__fixed_inner #menu-lower a:not(#custom-menu a) {
color: #7f3740;
font-weight: 500;
transition: all 0.3s ease;
padding: 10px;
border-radius: 10px;
display: flex;
align-items: center;
}
.header__fixed_inner #menu-lower {
display: flex;
gap: 30px;
align-items: center;
}
.header__fixed_inner #menu-lower a:not(#custom-menu a):hover {
background: #7f3740;
color: #fff;
}
.call__button-header.fixed-call-btn {
display: flex;
align-items: center;
background: #7f3740;
padding: 10px 15px;
border-radius: 20px;
height: auto;
border: 1px solid #7f3740;
font-weight: 500;
}
.call__button-header.fixed-call-btn:hover {
color: #7f3740;
background: transparent;
}
.header__fixed_inner .header__lower {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
} .footer__inner {
max-width: 1400px;
margin: 0 auto;
padding: 50px 0;
}
.footer.full {
background: #333333;
display: flex;
flex-direction: column;
width: 100%;
}
.under__line_bottom {
max-width: 1400px;
width: 100%;
margin: 0 auto;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
#scrollBtn {
position: fixed;
z-index: 9;
bottom: 30px;
width: 50px;
height: 50px;
border-radius: 50%;
right: 100px;
background-color: #f0f5fa;
border: none;
cursor: pointer;
display: none;
transition: all 250ms ease;
animation: Bounce 2s ease-in-out infinite;
}
@keyframes Bounce {
0%, 100% {
transform: translateY(0);
}
50% {
transform: translateY(-5px);
}
}
#scrollBtn:hover {
background: #7f3740;
}
#scrollBtn:hover svg path {
fill: #fff;
}
.footer__inner-list {
display: flex;
gap: 60px;
}
#col_logo {
display: flex;
flex-direction: column;
gap: 20px;
}
.footer_info {
display: flex;
flex-direction: column;
gap: 15px;
}
#col_logo .logo_container img {
max-width: 200px;
}
#col_logo a {
color: #fff;
display: flex;
align-items: center;
gap: 8px;
}
.phone__footer, .mail__footer {
color: #fff;
display: flex;
align-items: center;
gap: 8px;
}
.mail__footer, .phone__footer {
width: auto;
}
.mail__footer span, .phone__footer span {
transition: border 0.3s ease;
border-bottom: 1px solid transparent;
width: auto;
}
.mail__footer:hover span, .phone__footer:hover span {
border-color: #fff;
}
#col_logo span {
color: #fff;
display: flex;
align-items: center;
gap: 8px;
}
#col_logo svg {
flex-shrink: 0;
}
.copyright__claim {
color: #7e7e7e;
font-size: 12px;
}
.under__line_bottom a {
font-size: 12px;
color: #7e7e7e;
height: 20px;
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}
.under__line_bottom a:hover {
border-color: #7e7e7e;
}
.footer__col {
width: calc(33.3333% - 1.33333rem);
}
.footer__bottom-list {
border-top: 1px solid #595959;
padding: 30px 0;
}
.footer__col a {
color: #fff;
}
.footer__col ul {
display: flex;
flex-direction: column;
gap: 15px;
padding-top: 15px;
}
.footer__col ul li {
line-height: normal;
}
.footer__col .label__footer {
font-size: 20px;
font-weight: 500;
}
#col_company a, #col_production a, #col_services a {
transition: all 0.3s ease;
border-bottom: 1px solid transparent;
}
#menu-company li.current-menu-item a, #menu-production li.current-menu-item a, #menu-services li.current-menu-item a {
border-color: #fff;
}
#col_company a:hover, #col_production a:hover, #col_services a:hover {
border-color: #fff;
}
#col_company {
width: 245px;
}
.footer_social, .social_contacts {
display: flex;
gap: 10px;
}
.footer_social a:nth-of-type(1) svg, .social_contacts a:nth-of-type(1) svg {
width: 25px;
height: 25px;
}
.footer_social a:nth-of-type(2) svg, .social_contacts a:nth-of-type(2) svg {
width: 18px;
height: 25px;
flex-shrink: 0;
} .footer_social a:last-child, .social_contacts a:last-child {
display: none !important;
}
.footer_social svg path {
transition: all 0.3s ease;
}
.footer_social svg:hover path {
fill: #7f3740;
}
.footer_social a {
width: auto;
} .main__screen.banner-main {
background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(//lider-in.com/wp-content/themes/lider-in/img/background__lin2-1.jpg) center center no-repeat, #101010;
background-size: auto;
background-size: cover;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
overflow: hidden;
background-size: cover;
background-attachment: scroll;
transition: background-position 0.8s linear;
will-change: background-position;
}
.banner-title-mobile {
color: #fff;
font-weight: 800;
width: 100%;
max-width: 700px;
font-size: 50px;
}
.container-banner {
max-width: 1400px;
margin: 0 auto;
position: relative;
display: flex;
align-items: center;
padding: 120px 0;
gap: 30px;
}
.mobile_banner-content {
width: 100%;
}
.banner-subtitle-mobile {
font-weight: 400;
font-size: 18px;
line-height: 26px;
margin-top: 25px;
color: #fff;
display: block;
max-width: 700px;
}
.banner-buttons {
display: flex;
gap: 15px;
margin-top: 115px;
}
.banner-buttons span {
color: #fff;
background: #7f3740;
border-radius: 15px;
padding: 15px;
font-weight: 500;
display: flex;
justify-content: center;
align-items: center;
cursor: pointer;
transition: all 0.3s ease;
}
.banner-buttons span:hover {
color: #7f3740;
background: #fff;
}
.banner-buttons a:last-child {
display: flex;
justify-content: center;
align-items: center;
padding: 15px;
color: #fff;
border: 1px solid #7e7e7e;
border-radius: 15px;
gap: 8px;
transition: all 0.3s ease;
font-weight: 500;
}
.banner-buttons a:last-child svg {
transition: transform 0.3s ease;
will-change: transform;
}
.banner-buttons a:last-child:hover svg {
animation: floatArrow 1.25s ease-in-out infinite;
}
@keyframes floatArrow {
0%, 100% {
transform: translateX(0);
}
50% {
transform: translateX(5px);
}
}
.mobile_banner-content.sec_col {
width: 100%;
max-width: 590px;
}
.mobile_banner-inner {
display: flex;
flex-direction: column;
background: rgb(51, 51, 51, 0.5);
border-radius: 15px;
}
.mobile_banner-inner_item {
padding: 20px 35px;
display: block;
transition: all 0.3s ease;
border-radius: 15px;
backdrop-filter: blur(0);
transition: all 0.3s ease;
border: 1px solid transparent;
}
.mobile_banner-inner_item span:last-child {
color: #fff;
}
.mobile_banner-inner_item:hover {
border: 1px solid #7f3740;
backdrop-filter: blur(2px);
background: rgba(255, 255, 255, 0.1);
}
.mobile_banner-inner_item:hover span:last-child {
color: #fff;
}
.mobile_banner-inner_item span {
transition: all 0.3s ease;
}
.mobile_banner-inner_item span:first-child {
display: block;
margin-bottom: 10px;
font-size: 18px;
color: #e66;
font-weight: 500;
height: 30px;
border-bottom: 1px solid transparent;
width: auto;
transition: all 0.3s ease;
}
.mobile_banner-inner_item:hover span:first-child {
border-bottom: 1px solid #e66;
}
.container {
max-width: 1400px;
margin: 0 auto;
padding-top: 120px;
}
.container h2 {
margin-bottom: 45px;
font-weight: 700;
}
.services__buton {
display: flex;
justify-content: center;
align-items: center;
margin-top: 50px;
}
.services__buton a {
color: #fff;
background: #7f3740;
border-radius: 15px;
border: 1px solid transparent;
transition: all 0.3s ease;
font-weight: 500;
padding: 8px;
}
.services__buton a:hover {
border-color: #7f3740;
background: none;
color: #7f3740;
}
.services__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 20px;
}
.services_item {
border-radius: 25px;
background: #f9f9f9;
overflow: hidden;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
will-change: transform;
}
.services_item:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}
.text_container-services {
padding: 25px;
}
.img_container-services img {
transition: all 0.3s ease;
height: 250px;
object-fit: cover;
object-position: left;
border-radius: 25px;
}
.services_item:hover .img_container-services img {
transform: scale3d(1.05, 1.05, 1.05);
}
.img_container-services {
display: block;
overflow: hidden;
border-radius: 25px;
}
.title-services {
color: #000;
font-weight: 500;
font-size: 18px;
}
.under-title-services {
color: #7e7e7e;
line-height: 1.5;
display: block;
margin-top: 10px;
}
.header__search {
width: 560px;
} .list__advant {
display: grid;
gap: 20px;
grid-template-columns: repeat(2, 1fr);
}
.item__advant {
display: flex;
flex-direction: column;
position: relative;
padding: 30px;
background: #7f3740;
transition: all 0.3s ease;
border-radius: 20px;
border: 1px solid transparent;
height: 100%;
}
.number__advant {
background: linear-gradient(135deg, #b84c5c, #ffc1c1);
-webkit-text-fill-color: transparent;
background-clip: text;
display: flex;
font-size: 48px;
font-weight: 800;
}
.item__advant .upper__image {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 15px;
}
.down__text .title__advant {
font-size: 24px;
margin-bottom: 15px;
color: #fff;
font-weight: 600;
display: flex;
}
.down__text {
display: flex;
flex-direction: column;
flex: 1;
}
.down__text ul {
margin-top: auto;
}
.container .contacts__list h2 {
margin-bottom: 10px;
}
.list__advant .upper__image .icon__badge {
border: 1px solid #fff;
border-radius: 20px;
transition: all 0.3s ease;
background: linear-gradient(145deg, rgba(255, 255, 255, 0.2), rgba(255, 53, 53, 0.1));
display: flex;
align-items: center;
justify-content: center;
position: relative;
overflow: hidden;
isolation: isolate;
}
.item__advant .upper__image .icon__badge svg {
padding: 10px;
width: 60px;
height: 60px;
}
.down__text .untitle__advant {
color: #fff;
font-size: 16px;
font-weight: 500;
margin-bottom: 10px;
}
.item__advant ul {
display: flex;
flex-direction: column;
gap: 12px;
margin-top: auto;
}
.item__advant ul li {
position: relative;
padding-left: 30px;
list-style: none;
color: #fff;
font-weight: 500;
}
.item__advant ul li::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 24px;
height: 24px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFFFFF' d='M14.3 21.7c-.7.2-1.5.3-2.3.3c-5.5 0-10-4.5-10-10S6.5 2 12 2c1.3 0 2.6.3 3.8.7l-1.6 1.6c-.7-.2-1.4-.3-2.2-.3c-4.4 0-8 3.6-8 8s3.6 8 8 8c.4 0 .9 0 1.3-.1c.2.7.6 1.3 1 1.8M7.9 10.1l-1.4 1.4L11 16L21 6l-1.4-1.4l-8.6 8.6zM18 14v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
}
.item__advant:hover {
border-color: #fff;
box-shadow: 0 15px 35px rgba(127, 55, 64, 0.5);
}
.item__advant:hover .upper__image .icon__badge {
box-shadow: 0 8px 20px rgba(255, 170, 170, 0.3);
} .item__advant:nth-of-type(1) .upper__image svg {
animation: rotateGear 4s linear infinite;
transform-origin: center;
}
@keyframes rotateGear {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.item__advant:nth-of-type(3) .upper__image svg {
animation: PulseIn 2s ease-in-out infinite;
transform-origin: center;
}
@keyframes PulseIn {
0%, 100% {
transform: rotate(-10deg);
}
50% {
transform: rotate(10deg);
}
}
.item__advant:nth-of-type(4) .upper__image svg {
animation: shieldPulse 2s ease-in-out infinite;
transform-origin: center center;
}
@keyframes shieldPulse {
0%, 100% {
transform: scale3d(1, 1, 1);
opacity: 1;
filter: drop-shadow(0 0 0px rgba(255,255,255,0));
}
50% {
transform: scale3d(1.1, 1.1, 1.1);
opacity: 0.9;
filter: drop-shadow(0 0 5px rgba(255,255,255,0.6));
}
}
.list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge {
position: relative;
overflow: hidden;
isolation: isolate;
}
.list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge svg {
position: relative;
z-index: 2;
}
.list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge::before,
.list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble {
content: '';
position: absolute;
background: radial-gradient(circle, rgba(255,255,255,0.9) 0%, rgba(255,255,255,0.4) 70%);
border-radius: 50%;
pointer-events: none;
z-index: 1;
} .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble:nth-child(1) {
width: 12px;
height: 12px;
bottom: -20px;
left: 20%;
animation: bubbleFloat1 3.5s ease-in-out infinite;
} .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble:nth-child(2) {
width: 6px;
height: 6px;
bottom: -20px;
left: 50%;
animation: bubbleFloat2 2s ease-in infinite;
} .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble:nth-child(3) {
width: 8px;
height: 8px;
bottom: -20px;
left: 75%;
animation: bubbleFloat3 2.8s ease-out infinite 0.5s;
} .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble:nth-child(4) {
width: 4px;
height: 4px;
bottom: -20px;
left: 35%;
animation: bubbleFloat4 1.8s cubic-bezier(0.4, 0, 0.2, 1) infinite 0.3s;
} .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble:nth-child(5) {
width: 10px;
height: 10px;
bottom: -20px;
left: 85%;
animation: bubbleFloat5 4s ease-in-out infinite 1s;
} .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble:nth-child(6) {
width: 5px;
height: 5px;
bottom: -20px;
left: 10%;
animation: bubbleFloat6 2.3s linear infinite 0.7s;
} @keyframes bubbleFloat1 {
0% {
bottom: -20px;
opacity: 0;
transform: translateX(0) scale(0.5);
}
20% {
opacity: 1;
}
80% {
opacity: 1;
}
100% {
bottom: 100%;
opacity: 0;
transform: translateX(10px) scale(1.2);
}
} @keyframes bubbleFloat2 {
0% {
bottom: -20px;
opacity: 0;
transform: translateX(0) scale(0.3);
}
15% {
opacity: 1;
}
85% {
opacity: 0.8;
}
100% {
bottom: 100%;
opacity: 0;
transform: translateX(-15px) scale(1.5);
}
} @keyframes bubbleFloat3 {
0% {
bottom: -20px;
opacity: 0;
transform: translateX(0);
}
10% {
opacity: 1;
}
25% {
transform: translateX(8px);
}
50% {
transform: translateX(-8px);
}
75% {
transform: translateX(5px);
}
100% {
bottom: 100%;
opacity: 0;
transform: translateX(-5px);
}
} @keyframes bubbleFloat4 {
0% {
bottom: -20px;
opacity: 0;
transform: translateX(0);
}
20% {
opacity: 1;
transform: translateX(12px);
}
40% {
transform: translateX(-8px);
}
60% {
transform: translateX(6px);
}
80% {
transform: translateX(-4px);
}
100% {
bottom: 100%;
opacity: 0;
transform: translateX(2px);
}
} @keyframes bubbleFloat5 {
0% {
bottom: -20px;
opacity: 0;
transform: translateX(0) rotate(0deg);
}
25% {
transform: translateX(15px) rotate(90deg);
}
50% {
transform: translateX(-10px) rotate(180deg);
}
75% {
transform: translateX(5px) rotate(270deg);
}
100% {
bottom: 100%;
opacity: 0;
transform: translateX(0) rotate(360deg);
}
} @keyframes bubbleFloat6 {
0% {
bottom: -20px;
opacity: 0;
transform: scale(0);
}
10% {
opacity: 1;
transform: scale(1);
}
50% {
transform: scale(0.8);
}
100% {
bottom: 100%;
opacity: 0;
transform: scale(1.3);
}
}
.list__advant .item__advant:hover .upper__image svg, .list__advant .item__advant:nth-of-type(2):hover .upper__image .icon__badge .bubble {
animation-play-state: paused;
filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.5));
transition: filter 0.3s ease;
}
@media (prefers-reduced-motion: reduce) {
.list__advant .item__advant svg, .list__advant .item__advant:nth-of-type(2) .upper__image .icon__badge .bubble {
animation: none;
transform: none;
filter: none;
}
} .about__list {
display: flex;
gap: 2rem;
min-height: 700px;
}
.about__img img {
width: 100%;
border-radius: 20px;
height: 100%;
}
.about__img {
width: 100%;
height: auto;
max-width: 460px;
}
.about__number_advant {
position: relative;
}
.list__number_advant {
display: flex;
flex-direction: column;
gap: 20px;
justify-content: center;
height: 100%;
}
.item__nubmer_advant {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
border: 1px solid #7f3740;
border-radius: 20px;
padding: 30px;
min-height: 152px;
max-width: 200px;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.35);
}
.main__title_advant {
color: #7f3740;
font-weight: 700;
font-size: 32px;
opacity: 1;
transition: opacity 0.3s ease;
}
.main__title_advant.opacitied {
opacity: 0;
}
.under__title_advant {
color: #7f3740;
font-weight: 500;
}
.about__text {
display: flex;
position: relative;
background: #fff;
border-radius: 20px;
width: 100%;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.35);
padding: 55px;
}
.main__about_text {
color: #000;
font-weight: 500;
} .objects__work_list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
}
.objects__work_item {
display: flex;
flex-direction: column;
gap: 10px;
}
.left__work_img {
overflow: hidden;
border-radius: 20px;
}
.right__work_text {
display: flex;
flex-direction: column;
justify-content: space-between;
flex: 1;
}
.left__work_img img {
border-radius: 20px;
min-height: 300px;
max-height: 300px;
height: 300px;
transition: transform 0.8s ease;
}
.objects__work_item:hover .left__work_img img {
transform: scale3d(1.08, 1.08, 1.08);
}
.main__work_title {
color: #7f3740;
font-size: 24px;
font-weight: 600;
}
.main__work_text {
display: flex;
flex-direction: column;
gap: 5px;
}
.liner__work {
height: 3px;
max-height: 3px;
height: 3px;
width: 50px;
transition: width 0.8s ease;
background: linear-gradient(to right, #7f3740, #c95b68);
border-radius: 20px;
}
.objects__work_item:hover .liner__work {
width: 250px;
}
.adapt__work_text {
color: #000;
}
.buttons_more {
display: flex;
justify-content: end;
margin-top: 10px;
}
.buttons_more span {
color: #fff;
background: #7f3740;
border-radius: 10px;
padding: 10px;
transition: all 0.3s ease;
border: 1px solid transparent;
font-weight: 500;
cursor: pointer;
}
.buttons_more span:hover {
background: transparent;
border-color: #7f3740;
color: #7f3740;
} .steps__container {
display: flex;
gap: 100px;
}
.steps__text {
width: 50%;
}
.steps__list {
width: 50%;
display: flex;
flex-direction: column;
gap: 20px;
position: relative;
}
.steps__text span {
color: #000;
font-weight: 500;
font-size: 18px;
}
.step__item span {
color: #000;
font-weight: 500;
}
.step__item {
display: flex;
align-items: center;
gap: 25px;
z-index: 2;
}
.main_title__step {
display: flex;
flex-direction: column;
}
.steps__number span {
border-radius: 50%;
font-size: 34px;
font-weight: 800;
width: 100%;
align-items: center;
display: flex;
justify-content: center;
height: 100%;
background: radial-gradient(circle at 30% 40%, #cd3f50, #5a262e);
-webkit-text-fill-color: transparent;
background-clip: text;
}
.step__item {
display: flex;
gap: 20px;
width: 100%;
border-radius: 20px;
background: #f5f5f5;
padding: 24px;
transition: transform 0.3s ease, box-shadow 0.3s ease;
will-change: transform;
}
.step__item:hover {
transform: translateX(12px);
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.steps__number {
flex-shrink: 0;
width: 60px;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
background: radial-gradient(circle at 25% 40%, #9e4a4a12, #5a262e2b);
border-radius: 50%;
}
.steps__list::before {
content: '';
position: absolute;
left: 54px;
top: 84px;
width: 2px;
height: calc(100% - 168px);
background-image: linear-gradient(to bottom, #7f3740 50%, transparent 50%);
background-size: 2px 12px;
background-repeat: repeat-y;
z-index: 0;
pointer-events: none;
}
.main_title__step span:nth-of-type(1) {
font-weight: 600;
font-size: 18px;
} .partners__main .partners__item img {
width: 150px;
height: 100px;
}
.partners__main .partners__list {
display: flex;
align-items: center;
justify-content: space-evenly;
}
.partners__main .partners__item {
width: 200px;
height: 100px;
} .sertifikaty__main .swiper-slide {
width: 335px;
height: auto;
background: #7e7e7e29;
border-radius: 20px;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.2);
display: flex;
align-items: center;
margin: 20px 0;
border: 1px solid transparent;
transition: border-color 0.3s ease;
}
.sertifikaty__main .swiper-slide:hover {
border-color: #7f3740;
}
.sertifikaty__main .swiper-slide a {
padding: 30px;
border: none !important;
outline: none;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.sertifikaty__main .swiper-container {
overflow-x: hidden;
position: relative;
} .sertifikaty__main .container h2 {
margin-bottom: 25px;
}
.sertifikaty__main .container {
margin-bottom: -25px;
} .reviews__main .swiper-slide {
width: 335px;
height: auto;
background: #7e7e7e29;
border-radius: 20px;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.2);
display: flex;
align-items: center;
margin: 20px 0;
flex-direction: column;
border-radius: 48px 16px 48px 16px;
}
.reviews__main .swiper-slide a {
padding: 30px 30px 0px 30px;
border: none !important;
outline: none;
display: flex;
justify-content: center;
align-items: center;
}
.reviews__main .swiper-container {
overflow-x: hidden;
position: relative;
}
.reviews__title {
color: #000;
font-weight: 500;
text-align: center;
padding: 10px 10px;
}
.reviews__main img {
border-radius: 20px;
min-height: auto;
max-height: 280px;
height: 280px;
transition: transform 0.3s ease;
}
.reviews__main .swiper-slide:hover img, .reviews__main .reviews__item:hover img, .certs__item:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.all__reviews {
width: 100%;
justify-content: center;
align-items: center;
display: flex;
}
.all__reviews a, .objects__main .upper__text a {
color: #fff;
background: #7f3740;
border-radius: 20px;
font-weight: 500;
padding: 10px 15px;
transition: all 0.3s ease;
border: 1px solid transparent;
display: flex;
align-items: center;
gap: 5px;
line-height: normal;
}
.all__reviews a svg, .objects__main .upper__text a svg {
transition: transform 0.3s ease;
will-change: transform;
}
.all__reviews a svg path, .objects__main .upper__text a svg path {
transition: stroke 0.3s ease;
}
.all__reviews a:hover svg path, .objects__main .upper__text a:hover svg path {
stroke: #7f3740;
}
.all__reviews a:hover svg, .objects__main .upper__text a svg {
transform: translateX(5px);
}
.all__reviews a:hover, .objects__main .upper__text a:hover  {
background: #fff;
border-color: #7f3740;
color: #7f3740;
gap: 12px;
}
.reviews__main .upper__text {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.upper__text .all__reviews {
width: auto;
display: block;
} .reviews__main .container h2 {
margin-bottom: unset;
}
.reviews__main .container {
margin-bottom: -25px;
} .container h2.blog__title {
margin-bottom: unset;
}
.blog__main .upper__text {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
.blog__main .blog__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 30px;
}
.blog__main.blog__main--grid {
padding-bottom: 60px;
}
.blog__main .blog__card {
box-shadow: 0 2px 24px -6px rgba(127, 55, 64, 0.2);
border-radius: 20px;
position: relative;
display: flex;
flex-direction: column;
padding: 20px;
background: #7f3740;
}
.blog__main .blog__card-image img {
object-fit: cover;
border-radius: 10px;
width: 100%;
height: 220px;
}
.blog__main .blog__card-content {
padding: 20px 0px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.blog__main .blog__card-title a, .blog__main .blog__card-title {
color: #fff;
font-weight: 600;
font-size: 20px;
margin: 0;
}
.blog__main .blog__read-more {
border: 1px solid #fff;
padding: 10px 15px;
width: fit-content;
display: flex;
align-items: center;
color: #fff;
border-radius: 20px;
transition: all 0.3s ease;
gap: 5px;
font-weight: 500;
line-height: normal;
}
.blog__main .buttons__read {
display: flex;
justify-content: end;
margin-top: auto;
}
.blog__main .upper__text a {
color: #7f3740;
background: #fff;
border-radius: 20px;
font-weight: 500;
padding: 10px;
transition: all 0.3s ease;
border: 1px solid #7f3740;
display: flex;
align-items: center;
gap: 5px;
line-height: normal;
}
.blog__main .upper__text a svg {
transition: transform 0.3s ease;
will-change: transform;
}
.blog__main .upper__text a svg path {
transition: stroke 0.3s ease;
}
.blog__main .upper__text a:hover svg path {
stroke: #fff;
}
.blog__main .upper__text a svg {
transform: translateX(5px);
}
.blog__main .upper__text a:hover  {
background: #7f3740;
border-color: #fff;
color: #fff;
gap: 12px;
}
.blog__card-excerpt {
color: #fff;
}
.blog__main .blog__read-more:hover, .blog__card-content:has(.blog__card-title:hover) .blog__read-more, .blog__card:has(.blog__card-image:hover) .blog__read-more {
background: #fff;
color: #7f3740;
gap: 12px;
}
.blog__main .blog__read-more:hover svg path, .blog__card-content:has(.blog__card-title:hover) .blog__read-more svg path, .blog__card:has(.blog__card-image:hover) .blog__read-more svg path {
stroke: #7f3740;
}
.blog__main .blog__read-more svg path {
transition: stroke 0.3s ease;
}
.blog__card-meta {
display: flex;
gap: 15px;
}
.blog__card-meta-item {
display: flex;
gap: 8px;
align-items: center;
}
.blog__card-image {
position: relative;
}
.date__tag {
position: absolute;
top: 10px;
left: 10px;
background: #ffffff36;
border-radius: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
backdrop-filter: blur(5px);
color: #fff;
z-index: 5;
} .container h2.news__title {
margin-bottom: unset;
}
.news__main .upper__text {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
.news__main .news__grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 30px;
}
.page__news .news__main.news__main--grid {
padding-bottom: 60px;
}
.news__main .news__card {
box-shadow: 0 2px 24px -6px rgba(127, 55, 64, 0.2);
border-radius: 20px;
position: relative;
display: flex;
flex-direction: column;
background: #fff;
}
.news__main .news__card-image img {
object-fit: cover;
border-radius: 20px 20px 0px 0px;
width: 100%;
height: 220px;
}
.news__main .news__card-content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 10px;
flex: 1;
}
.news__main .news__card-title a, .news__main .news__card-title {
color: #000;
font-weight: 600;
font-size: 20px;
margin: 0;
}
.news__main .news__read-more {
width: fit-content;
display: flex;
align-items: center;
color: #7f3740;
border-radius: 20px;
transition: all 0.3s ease;
gap: 5px;
font-weight: 500;
line-height: normal;
padding: 10px 0px;
}
.news__main .buttons__read {
display: flex;
justify-content: start;
margin-top: auto;
}
.news__main .upper__text a {
color: #7f3740;
background: #fff;
border-radius: 20px;
font-weight: 500;
padding: 10px;
transition: all 0.3s ease;
border: 1px solid #7f3740;
display: flex;
align-items: center;
gap: 5px;
line-height: normal;
}
.news__main .upper__text a svg {
transition: transform 0.3s ease;
will-change: transform;
}
.news__main .upper__text a svg path {
transition: stroke 0.3s ease;
}
.news__main .upper__text a:hover svg path {
stroke: #fff;
}
.news__main .upper__text a svg {
transform: translateX(5px);
}
.news__main .upper__text a:hover  {
background: #7f3740;
border-color: #fff;
color: #fff;
gap: 12px;
}
.news__card-excerpt {
color: #000;
}
.news__main .news__read-more:hover, .news__card-content:has(.news__card-title:hover) .news__read-more, .news__card:has(.news__card-image:hover) .news__read-more {
gap: 12px;
}
.news__card-image {
position: relative;
}
.news__main .card__tag {
top: 10px;
left: 10px;
bottom: unset;
right: unset;
}
.news__card-date {
font-size: 14px;
color: #000;
} .objects__main .upper__text {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 45px;
}
.objects__main .upper__text h2 {
margin: 0;
}
.objects__list {
display: grid;
gap: 30px;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
}
.objects__item {
box-shadow: 0 2px 24px -6px rgba(127, 55, 64, 0.2);
border-radius: 20px;
position: relative;
display: flex;
flex-direction: column;
overflow: hidden;
}
.info__card-item {
padding: 30px;
display: flex;
flex-direction: column;
gap: 30px;
flex: 1;
}
.title__object, .title__object a {
color: #000;
font-weight: 600;
margin: 0 !important;
font-size: 20px;
}
.adress__object, .building__type {
color: #000;
display: flex;
align-items: center;
gap: 8px;
}
.adress__object svg, .building__type svg {
flex-shrink: 0;
}
.object__img {
min-height: 300px;
max-height: 300px;
height: 300px;
}
.buttons__card-item a {
color: #7f3740;
font-weight: 500;
border-radius: 20px;
border: 1px solid #7f3740;
padding: 10px;
transition: all 0.3s ease;
display: flex;
align-items: center;
gap: 5px;
line-height: normal;
}
.buttons__card-item {
display: flex;
margin-top: auto;
}
.buttons__card-item a:hover, .info__card-item:has(.title__object:hover) .buttons__card-item a {
color: #fff;
background: #7f3740;
gap: 12px;
}
.buttons__card-item a svg path {
transition: stroke 0.3s ease;
}
.buttons__card-item a:hover svg path, .info__card-item:has(.title__object:hover) .buttons__card-item a svg path {
stroke: #fff;
}
.text__info-item {
display: flex;
flex-direction: column;
gap: 10px;
}
.card__tag {
position: absolute;
background: #712b3480;
border-radius: 20px;
padding: 5px 10px;
bottom: 15px;
right: 15px;
font-size: 14px;
font-weight: 500;
backdrop-filter: blur(5px);
color: #fff;
z-index: 5;
}
.upper__card-item {
position: relative;
max-height: 300px;
height: 300px;
} .left__form {
width: calc(80% - 1rem);
}
.form__bottom-container {
display: flex;
padding: 26px 34px;
border-radius: 20px;
background: #7f3740;
box-shadow: 0 12px 24px -8px rgba(127, 55, 64, 0.35);
gap: 90px;
}
.form__bottom-container h2 {
color: #fff;
line-height: normal;
margin-bottom: 10px;
}
.form__bottom-container span {
font-size: 18px;
color: #fff;
font-weight: 500;
}
.form__bottom-container a {
color: #fff;
transition: all 0.3s ease-in-out;
border-bottom: 1px solid;
}
.form__bottom-container a:hover {
border-color: transparent;
}
.field__bottom-form:nth-child(-n+3) input {
background: #fff;
border: 1px solid #fff;
border-radius: 20px;
height: 55px;
padding-left: 20px;
width: 100%;
color: #7f3740;
outline: none !important;
font-size: 16px;
font-weight: 500;
padding-right: 20px;
}
.form__bottom-container .right__form {
display: flex;
flex-direction: column;
gap: 15px;
min-width: 550px;
max-width: 550px;
}
.form__bottom-container textarea {
background: #fff;
border: 1px solid #fff;
border-radius: 20px;
padding: 20px;
width: 100%;
color: #7f3740;
outline: none !important;
font-size: 16px;
font-weight: 500;
resize: none;
}
.field__bottom-form:nth-child(-n+3) input:focus {
animation: pulse 0.3s ease-in-out;
}
.field__bottom-form textarea:focus {
animation: pulse 0.3s ease-in-out;
}
@keyframes pulse {
0% { transform: scale3d(1, 1, 1); }
50% { transform: scale3d(1.02, 1.02, 1.02);}
100% { transform: scale3d(1, 1, 1); }
}
.wpcf7-not-valid-tip {
display: none !important;
}
.wpcf7 form .wpcf7-response-output {
display: none;
}
.wpcf7-spinner {
display: none !important;
}
.form__bottom-container .checkbox-field span {
padding: 0;
margin: 0;
font-size: 16px;
}
.field__bottom-form.checkbox-field input[type="checkbox"] {
accent-color: #b65e5e;
margin: 0;
}
.form__bottom-container .wpcf7-submit {
background: linear-gradient(to right, #af5555 50%, #fff 50%);
background-size: 200% 100%;
background-position: right bottom;
color: #7f3740;
border: none;
padding: 16px 28px;
border-radius: 4px;
transition: all 0.5s;
cursor: pointer;
width: 100%;
font-size: 16px;
font-weight: 500;
will-change: transform;
}
.form__bottom-container .wpcf7-submit:hover {
background-position: left bottom;
color: #fff;
transform: scale3d(1.02, 1.02, 1.02);
}
.form__bottom-container .codedropz-upload-handler {
border: 2px dashed #7e7e7e;
border-radius: 20px;
padding: 32px 20px;
text-align: center;
background: #fff;
transition: all 0.3s ease-in-out;
cursor: pointer;
position: relative;
}
.form__bottom-container .codedropz-upload-handler:hover {
border-color: #7f3740;
background: #fff6f7;
}
.form__bottom-container .codedropz-upload-handler.codedropz-dragover {
border-color: #7f3740;
background: #fff6f7;
}
.form__bottom-container .codedropz-upload-handler::before {
content: 'Загрузите или перетащите файл \A не больше 15шт';
white-space: pre-line;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%237e7e7e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 16l-4-4-4 4'/%3E%3Cpath d='M12 12v9'/%3E%3Cpath d='M20.39 18.39A5 5 0 0 0 18 9h-1.26A8 8 0 1 0 3 16.3'/%3E%3Cpolyline points='16 16 12 12 8 16'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: left top;
background-size: 16px;
padding-left: 24px;
display: inline-block;
font-size: 14px;
color: #7e7e7e;
margin-bottom: 8px;
}
.form__bottom-container .codedropz-upload-handler::after {
content: 'PDF, DOC, DOCX, JPG, PNG до 100 МБ';
display: block;
font-size: 12px;
color: #aaa;
}
.wpcf7-form-control-wrap {
position: inherit;
}
.form__bottom-container .codedropz-upload-handler .file__feedback {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
display: block;
margin-top: 12px;
font-size: 13px;
color: #7f3740;
font-weight: 500;
margin: 0;
}
.form__bottom-container .cd-upload-btn {
width: 100%;
height: 100%;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
z-index: 5;
border-radius: 20px;
}
.form__bottom-container .codedropz-upload-inner {
opacity: 0;
height: 0;
}
.form__bottom-container .codedropz-upload-container {
padding: 0;
}
.form__bottom-container .dnd-upload-counter {
display: none;
}
.form__bottom-container .dnd-upload-status .dnd-upload-image {
display: none;
}
.form__bottom-container .dnd-upload-details {
padding: 5px;
width: min-content !important;
position: relative;
max-width: 250px;
}
.form__bottom-container .dnd-upload-status {
border: 1px solid #fff;
border-radius: 30px;
padding: 0;
animation: parentFadeIn 0.5s ease-out forwards;
display: inline-flex;
flex-direction: row;
width: auto;
margin-right: 10px;
margin-bottom: 10px;
max-width: 250px;
}
.form__bottom-container .dnd-progress-bar {
display: none !important;
}
.form__bottom-container .dnd-upload-status .dnd-upload-details .name span {
color: #fff;
font-size: 14px;
text-overflow: ellipsis;
overflow: hidden;
max-width: 250px;
}
.form__bottom-container .dnd-upload-status .dnd-upload-details .name em {
display: none;
}
.form__bottom-container .dnd-upload-status .dnd-upload-details .name {
padding: 0;
padding-right: 10px;
}
.form__bottom-container .dnd-upload-status .dnd-upload-details .remove-file span {
border: none;
height: 100%;
width: 100%;
font-size: 1px !important;
top: 0;
right: 0;
display: block;
position: absolute;
color: transparent !important;
}
.form__bottom-container .dnd-upload-status .dnd-upload-details .remove-file {
border: none;
height: 100%;
width: 100%;
font-size: 1px;
top: 0;
right: 0;
}
.form__bottom-container .dnd-upload-status .dnd-upload-details .remove-file span::after {
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='16' stroke='white' stroke-width='3' fill='none' /%3E%3Cpath d='M11 11L24 24M24 11L11 24' stroke='white' stroke-width='3' stroke-linecap='round' /%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: inline-block !important;
content: '';
font-size: 1px;
position: absolute;
right: 5px;
transform: translateY(-50%);
top: 50%;
}
.form__bottom-container .dnd-upload-status:hover .dnd-upload-details .remove-file span::after {
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='17.5' cy='17.5' r='16' stroke='white' stroke-width='3' fill='white' /%3E%3Cpath d='M11 11L24 24M24 11L11 24' stroke='%237f3740' stroke-width='3' stroke-linecap='round' /%3E%3C/svg%3E");
}
.form__bottom-container .dnd-icon-remove {
font-size: 1px;
}
.form__bottom-container .dnd-upload-status.deleting {
animation: parentFadeOut 0.5s ease-out forwards;
}
@keyframes parentFadeIn {
0% {
opacity: 0;
transform: translateY(-20px);
max-height: 0;
overflow: hidden;
}
100% {
opacity: 1;
transform: translateY(0);
max-height: 100px;
overflow: visible;
}
}
@keyframes parentFadeOut {
0% {
opacity: 1;
transform: translateY(0);
max-height: 100px;
overflow: visible;
}
100% {
opacity: 0;
transform: translateY(-20px);
max-height: 0;
overflow: hidden;
}
}
.form__bottom-container .dnd-upload-status:not(.complete):not(.has-error)::before {
content: '';
position: absolute;
top: 50%;
left: 50%;
width: 24px;
height: 24px;
margin: -12px 0 0 -12px;
border: 3px solid #fff;
border-top-color: #7e7e7e;
border-radius: 50%;
animation: loadingSpin 0.8s linear infinite;
}
@keyframes loadingSpin {
to {
transform: rotate(360deg);
}
}
.form__bottom-container .dnd-upload-status:not(.has-error):not(.complete) * {
opacity: 0;
}
.form__bottom-container .has-error {
font-size: 14px;
}
.form__bottom-container .dnd-upload-status.has-error .dnd-upload-details {
width: 100%;
}
.form__bottom-container .line_under-form {
height: 1px;
max-height: 1px;
min-height: 1px;
background: #fff;
margin-bottom: 10px;
} .contacts__list {
display: flex;
gap: 90px;
min-height: 400px;
}
.container .contacts__list h2 {
margin-bottom: 10px;
}
.contacts__list .right__contacts {
width: 100%;
}
.contacts__list .right__contacts iframe {
border-radius: 20px;
}
.contacts__bottom .container {
padding-bottom: 120px;
}
.contacts__list .left__contacts {
display: flex;
flex-direction: column;
gap: 10px;
background: #fff;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.35);
border-radius: 20px;
padding: 26px 34px;
}
.contacts__list .adress__contacts {
display: flex;
color: #000;
font-size: 18px;
font-weight: 500;
align-items: center;
gap: 8px;
}
.contacts__list .left__contacts span {
color: #000;
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
line-height: normal;
}
.contacts__list .left__contacts .contacts__mail, .contacts__list .left__contacts .contacts__phone {
width: auto;
font-size: 18px;
font-weight: 500;
}
.left__contacts .social_contacts a {
transition: opacity 0.3s ease;
}
.left__contacts .social_contacts a:hover {
opacity: 0.5;
}
.contacts__list .line_under {
background: #7f3740;
height: 1px;
max-height: 1px;
min-height: 1px;
}
.contacts__list .social_contacts svg path {
fill: #7f3740;
}
.contacts__list .social_contacts a {
display: flex;
align-items: center;
justify-content: center;
}
.contacts__mail, .contacts__phone {
display: flex;
align-items: center;
gap: 8px;
}
.footer_social svg, .social_contacts svg {
flex-shrink: 0;
}
.contacts__list .left__contacts .contacts__mail span, .contacts__list .left__contacts .contacts__phone span {
color: #7f3740;
transition: opacity 0.3s ease;
}
.contacts__list .left__contacts .contacts__mail:hover span, .contacts__list .left__contacts .contacts__phone:hover span {
opacity: 0.5;
}
.contacts__list .adress__contacts svg {
flex-shrink: 0;
} .page__nm h1 {
margin-bottom: 50px;
}
.page__nm .feedback__bottom .container {
padding-bottom: 120px;
}
.page__nm > section:nth-of-type(1) .container {
padding-top: 40px;
}
.o_kompanii__text span {
color: #000;
font-size: 18px;
font-weight: 500;
}
.o_kompanii_main {
display: flex;
flex-direction: column;
gap: 40px;
}
.o_kompanii__image img {
border-radius: 20px;
height: 100%;
object-position: bottom;
}
.o_kompanii__image {
height: 500px;
overflow: hidden;
} .outer_partners {
border-radius: 20px;
background-position: center;
background-size: cover;
overflow: hidden;
position: relative;
background: url(//lider-in.com/wp-content/themes/lider-in/img/background_partners.jpg);
background-size: 110%;
}
.inner_partners {
padding: 50px;
display: flex;
flex-direction: row;
gap: 50px;
z-index: 1;
position: relative;
justify-content: space-between;
}
.outer_partners::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.8;
z-index: 0;
background: #7f3740;
}
.inner_partners h2 {
margin-bottom: 0;
color: #fff;
}
.text_partners {
display: flex;
flex-direction: column;
gap: 20px;
}
.inner_partners span {
font-weight: 500;
max-width: 850px;
font-size: 17px;
}
.text_partners a {
color: #fff;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
.text_partners a:hover {
border-color: #fff;
}
.buttons_partners {
display: flex;
align-items: center;
}
.buttons_partners .callback__modal-but {
color: #7f3740;
background: #fff;
border-radius: 10px;
font-weight: 500;
transition: all 0.3s ease;
padding: 20px;
display: flex;
align-items: center;
gap: 5px;
cursor: pointer;
transition: all 0.3s ease;
}
.buttons_partners .callback__modal-but:hover {
gap: 12px;
}
.inner_bottom_partners {
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 30px;
}
.text_bottom_partners {
color: #000;
font-weight: 500;
text-align: center;
justify-content: center;
display: flex;
}
.partners_img_list {
display: flex;
gap: 30px;
justify-content: center;
align-items: center;
}
.img_bottom_partners img {
width: 90px;
} .page__about .steps__list {
width: 100%;
flex-direction: row;
}
.page__about .step__item {
flex-direction: column;
}
.page__about .main_title__step {
gap: 10px;
}
.page__about .steps__container {
flex-direction: column;
gap: 0px;
}
.page__about .steps__list::before {
content: '';
position: absolute;
left: 54px;
top: 50%;
width: calc(100% - 108px);
height: 2px;
background-image: linear-gradient(to right, #7f3740 50%, transparent 50%);
background-size: 12px 2px;
background-repeat: repeat-x;
z-index: 0;
pointer-events: none;
}
.advantages__about h2 span {
color: #7f3740;
}
.advantages__about-item .title__about-item {
font-size: 20px;
font-weight: 600;
}
.advantages__about-item span {
z-index: 1;
color: #000;
font-weight: 500;
}
.advantages__about-item:nth-child(1) span, .advantages__about-item:nth-child(5) span {
color: #fff;
}
.advantages__about-list {
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 20px;
margin-top: 40px;
}
.advantages__about-item {
border-radius: 20px;
overflow: hidden;
background: #7e7e7e29;
padding: 30px;
display: flex;
flex-direction: column;
gap: 10px;
}
.advantages__about-item:nth-child(1) {
grid-column: 1 / span 5;
background: url(//lider-in.com/wp-content/themes/lider-in/img/background_advantages.jpg);
background-size: cover;
background-position: center;
position: relative;
justify-content: end;
}
.advantages__about-item:nth-child(1)::before, .advantages__about-item:nth-child(5)::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(127, 55, 64, 0.75);
z-index: 0;
}
.advantages__about-item:nth-child(2) {
grid-column: 6 / span 3;
}
.advantages__about-item:nth-child(3) {
grid-column: 9 / span 4;
grid-row: 1 / span 2;
}
.advantages__about-item:nth-child(4) {
grid-column: 1 / span 3;
}
.advantages__about-item:nth-child(5) {
grid-column: 4 / span 5;
background: url(//lider-in.com/wp-content/themes/lider-in/img/background_advantages1.jpg);
background-size: cover;
background-position: center;
position: relative;
justify-content: end;
}
.advantages__about-item:nth-child(3) .advantages__list-item:before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%237f3740' d='M14.3 21.7c-.7.2-1.5.3-2.3.3c-5.5 0-10-4.5-10-10S6.5 2 12 2c1.3 0 2.6.3 3.8.7l-1.6 1.6c-.7-.2-1.4-.3-2.2-.3c-4.4 0-8 3.6-8 8s3.6 8 8 8c.4 0 .9 0 1.3-.1c.2.7.6 1.3 1 1.8M7.9 10.1l-1.4 1.4L11 16L21 6l-1.4-1.4l-8.6 8.6zM18 14v3h-3v2h3v3h2v-3h3v-2h-3v-3z'/%3E%3C/svg%3E") no-repeat center center;
background-size: contain;
content: '';
display: inline-block;
min-width: 24px;
height: 24px;
}
.advantages__about-item:nth-child(4) .advantages__list-item:before {
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%237f3740' d='M20 12a8 8 0 0 1-8 8a8 8 0 0 1-8-8a8 8 0 0 1 8-8c.76 0 1.5.11 2.2.31l1.57-1.57A9.8 9.8 0 0 0 12 2A10 10 0 0 0 2 12a10 10 0 0 0 10 10a10 10 0 0 0 10-10M7.91 10.08L6.5 11.5L11 16L21 6l-1.41-1.42L11 13.17z'/%3E%3C/svg%3E") no-repeat center center;
background-size: contain;
content: '';
display: inline-block;
min-width: 24px;
height: 24px;
}
.advantages__list-item {
display: flex;
align-items: center;
gap: 8px;
} .page__about .objects__item:nth-child(n+7) {
display: none;
}
.tab-buttons {
display: flex;
gap: 10px;
margin-bottom: 30px;
flex-wrap: wrap;
}
.tab-btn {
padding: 10px 20px;
background: #f0f0f0;
border: none;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
font-size: 16px;
color: #7f3740;
font-weight: 500;
}
.tab-btn:hover {
background: #e0e0e0;
}
.tab-btn.active {
background: #7f3740;
color: #fff;
}
.tab-content {
display: none;
}
.tab-content.active {
display: block;
} .delivery__payment-outer {
border-radius: 20px;
color: #000;
display: flex;
flex-direction: column;
gap: 30px;
}
.inner__payment, .inner__delivery {
display: flex;
flex-direction: column;
gap: 10px;
}
.page__payment .payment__list {
max-width: 830px;
}
.page__payment .payment__item {
max-width: 100%;
}
.payment__list, .delivery__list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 30px;
}
.payment__item, .delivery__item {
display: flex;
flex-direction: column;
gap: 10px;
padding: 20px;
max-width: 400px;
background: #7f3740;
border-radius: 20px;
color: #fff;
min-height: 250px;
justify-content: end;
}
.title__payment-item, .title__delivery-item {
font-weight: 600;
}
.delivery__payment-title {
font-weight: 500;
font-size: 22px;
}
.payment__item:nth-of-type(1) .payment__item-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='white' d='M16 6H3.5v-.5l11-.88v.88H16V4c0-1.1-.891-1.872-1.979-1.717L3.98 3.717C2.891 3.873 2 4.9 2 6v10a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2m-1.5 7.006a1.5 1.5 0 1 1 .001-3.001a1.5 1.5 0 0 1-.001 3.001'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 50px;
height: 50px;
}
.payment__item:nth-of-type(2) .payment__item-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M6.5 10h-2v7h2zm6 0h-2v7h2zm8.5 9H2v2h19zm-2.5-9h-2v7h2zm-7-6.74L16.71 6H6.29zm0-2.26L2 6v2h19V6z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 50px;
height: 50px;
}
.delivery__item:nth-of-type(1) .delivery__item-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='white' d='M22 19V8.35c0-.82-.5-1.55-1.26-1.86l-8-3.2c-.48-.19-1.01-.19-1.49 0l-8 3.2C2.5 6.8 2 7.54 2 8.35V19c0 1.1.9 2 2 2h3v-9h10v9h3c1.1 0 2-.9 2-2m-11 0H9v2h2zm2-3h-2v2h2zm2 3h-2v2h2z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 50px;
height: 50px;
}
.delivery__item:nth-of-type(2) .delivery__item-icon {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cg fill='none' stroke='white' stroke-width='1.5'%3E%3Cpath d='M19.5 17.5a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Zm-10 0a2.5 2.5 0 1 1-5 0a2.5 2.5 0 0 1 5 0Z'/%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M14.5 17.5h-5M2 4h10c1.414 0 2.121 0 2.56.44C15 4.878 15 5.585 15 7v8.5m.5-9h1.801c.83 0 1.245 0 1.589.195c.344.194.557.55.984 1.262l1.699 2.83c.212.354.318.532.373.728c.054.197.054.403.054.816V15c0 .935 0 1.402-.201 1.75a1.5 1.5 0 0 1-.549.549c-.348.201-.815.201-1.75.201M2 13v2c0 .935 0 1.402.201 1.75a1.5 1.5 0 0 0 .549.549c.348.201.815.201 1.75.201M2 7h6m-6 3h4'/%3E%3C/g%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 50px;
height: 50px;
}
.delivery__item-icon, .payment__item-icon {
margin-bottom: auto;
display: flex;
align-self: end;
}
.delivery__item span span {
font-size: 12px;
} .reviews__list {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.reviews__item {
max-width: 300px;
height: 100%;
background: #7e7e7e29;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.2);
display: flex;
align-items: center;
border-radius: 20px;
flex-direction: column;
}
.reviews__item a {
padding: 30px 30px 0px 30px;
border: none !important;
outline: none;
display: flex;
justify-content: center;
align-items: center;
} .certs__list {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}
.certs__item {
max-width: 300px;
height: auto;
background: #7e7e7e29;
border-radius: 20px;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.2);
display: flex;
align-items: center;
}
.certs__item a {
padding: 30px;
border: none !important;
outline: none;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.certs__item img {
transition: transform 0.3s ease;
} .our__contacts-title {
font-size: 18px;
color: #fff;
background: #7f3740;
width: fit-content;
padding: 10px 15px;
border-radius: 20px;
font-weight: 500 !important;
}
.contacts__list-info {
display: grid;
gap: 60px;
grid-template-columns: repeat(auto-fill, minmax(520px, 1fr));
}
.contacts__list-info .main__info a, .contacts__list-info .main__info span {
color: #000;
display: flex;
align-items: center;
gap: 8px;
font-weight: 500;
width: fit-content;
font-size: 18px;
}
.contacts__list-info .main__info a span, .contacts__list-info .main__info .numbers__list a {
transition: 0.3s ease;
width: fit-content;
border-bottom: 1px solid transparent;
}
.contacts__list-info .main__info a:hover span, .contacts__list-info .main__info .numbers__list a:hover {
border-color: #7f3740;
color: #7f3740;
}
.page__contacts .social_contacts {
gap: 30px;
}
.page__contacts .social_contacts a:nth-of-type(1) svg {
width: 30px;
height: 30px;
}
.page__contacts .social_contacts a:nth-of-type(2) svg {
height: 30px;
width: 20px;
}
.page__contacts .social_contacts a {
color: #000;
font-size: 16px;
font-weight: 500;
display: flex;
align-items: center;
gap: 8px;
transition: opacity 0.3s ease;
}
.page__contacts .social_contacts a:hover {
opacity: 0.6;
}
.slider__contacts_how_to_find_us {
overflow: hidden;
position: relative;
height: fit-content;
}
.main__info_contacts {
display: flex;
flex-direction: column;
}
.main__info {
display: flex;
flex-direction: column;
gap: 10px;
}
.slider__contacts_how_to_find_us .swiper-slide img {
height: 100%;
border-radius: 20px;
}
.numbers__list {
display: flex;
flex-direction: column;
border: 1px solid #e5e5e5;
border-radius: 20px;
background: #fafbfc;
margin-top: 10px;
}
.numbers__dop-item {
display: flex;
justify-content: space-between;
align-items: center;
padding: 18px 30px;
border-bottom: 1px solid #e5e5e5;
transition: background 0.3s;
gap: 10px;
}
.numbers__dop-item:first-child {
border-top-left-radius: 20px;
border-top-right-radius: 20px;
}
.numbers__dop-item:last-child {
border-bottom: none;
border-radius: 0px 0px 20px 20px;
}
.numbers__dop-item:hover {
background: #ffffff;
}
.team-name {
font-size: 16px;
font-weight: 500;
color: #000;
}
.dop-number {
font-size: 18px;
display: flex;
align-items: center;
}
.dop-number span, .staff__item span span {
padding: 2px 14px;
border-radius: 20px;
font-size: 12px !important;
background: #7f3740;
color: #fff !important;
}
.main__info svg {
flex-shrink: 0;
}
.slider__contacts_how_to_find_us .swiper-pagination-bullet-active {
opacity: 1 !important;
}
.slider__contacts_how_to_find_us .swiper-pagination-bullet {
opacity: 0.6;
background: #7f3740;
}
.slider__contacts_how_to_find_us .swiper-slide {
height: 470px;
}
.staff__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(525px, 1fr));
gap: 90px;
}
.staff__item span, .staff__item a {
color: #000;
font-weight: 500;
}
.staff__item {
display: flex;
gap: 30px;
padding: 20px;
border: 2px solid #e5e5e5;
border-radius: 20px;
transition: border-color 0.3s ease;
}
.staff__item:hover {
border-color: #7f3740;
}
.info__staff {
display: flex;
flex-direction: column;
gap: 5px;
font-size: 17px;
justify-content: space-between;
}
.staff__main-text {
gap: 5px;
display: flex;
flex-direction: column;
}
.staff_fio {
margin-bottom: 10px;
font-weight: bold !important;
}
.staff_phones {
display: flex;
flex-direction: column;
gap: 5px;
}
.upper__staff img {
border-radius: 50%;
}
.staff__item a {
transition: 0.3s ease;
border-bottom: 1px solid;
}
.staff__item a:hover {
color: #7f3740;
border-color: #7f3740;
}
.phone__number_staff-item {
display: flex;
align-items: center;
gap: 8px;
} .map__outer {
position: relative;
}
.map__outer iframe {
border-radius: 20px;
}
.map__card {
position: absolute;
top: 50px;
left: 50px;
padding: 50px;
background: #fff;
border-radius: 20px;
} .galleryfancybox .fancybox-thumbs {
top: auto;
width: auto;
bottom: 0;
left: 0;
right: 0;
height: 95px;
padding: 10px 10px 5px 10px;
box-sizing: border-box;
background: rgba(0, 0, 0, 0.3);
}
.galleryfancybox .fancybox-image {
padding: 50px;
}
.galleryfancybox .fancybox-caption__body {
position: relative;
top: -70px;
font-weight: 500;
font-size: 16px;
}
.galleryfancybox .fancybox-thumbs__list a::before {
border-color: #7f3740;
}
.galleryfancybox .fancybox-inner {
right: 0 !important;
}
.galleryfancybox .fancybox-show-thumbs .fancybox-inner {
right: 0;
bottom: 95px;
}
.gallery__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 20px;
}
.gallery__image-item {
position: relative;
height: 100%;
}
.gallery__item {
height: 330px;
}
.gallery__text-item {
position: absolute;
width: 100%;
height: 100%;
top: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 30px;
gap: 10px;
color: #fff;
bottom: -100%;
background: rgba(0, 0, 0, 0);
transition: bottom 0.5s cubic-bezier(0.4, 0, 0.2, 1), background 0.5s ease;
border-radius: 20px;
}
.gallery__image-item img {
height: 100%;
border-radius: 20px;
}
.gallery__image-item:hover .gallery__text-item {
bottom: 0;
background: rgba(0, 0, 0, 0.5);
}
.gallery__title-item,
.gallery__address-item,
.gallery__type-item {
display: block;
opacity: 0;
transform: translateY(10px);
will-change: transform;
transition: opacity 0.4s ease, transform 0.4s ease;
}
.gallery__image-item:hover .gallery__title-item,
.gallery__image-item:hover .gallery__address-item,
.gallery__image-item:hover .gallery__type-item {
opacity: 1;
transform: translateY(0);
}
.gallery__title-item {
transition-delay: 0.1s;
font-weight: bold;
}
.gallery__address-item {
transition-delay: 0.2s;
font-size: 16px;
}
.gallery__type-item {
transition-delay: 0.3s;
font-size: 16px;
}
.gallery-tooltip {
position: fixed;
pointer-events: none;
backdrop-filter: blur(5px);
color: #fff;
padding: 8px 16px;
border-radius: 20px;
font-size: 16px;
opacity: 0;
transition: left 0.1s ease-out, top 0.1s ease-out, opacity 0.2s ease;
will-change: left, top;
z-index: 99999;
white-space: nowrap;
transform: translate(-50%, -50%);
}
.gallery-tooltip.visible {
opacity: 1;
}
.gallery-tooltip.hint {
background: rgba(0, 0, 0, 0.5);
color: #fff;
}
.gallery-tooltip.pop {
animation: popEffectGallery 0.3s ease;
}
@keyframes popEffectGallery {
0% { transform: translate(-50%, -50%) scale(0.8); }
50% { transform: translate(-50%, -50%) scale(1.1); }
100% { transform: translate(-50%, -50%) scale(1); }
} .documentation__list {
display: flex;
flex-direction: column;
gap: 30px;
}
.documentation__item {
display: flex;
flex-direction: column;
gap: 20px;
}
.documentation__info {
display: flex;
justify-content: space-between;
gap: 100px;
background: #e5e5e585;
padding: 15px;
border-radius: 10px;
align-items: center;
border: 1px solid transparent;
transition: border-color 0.3s ease;
}
.documentation__info:hover {
border-color: #7f3740;
}
.documentation__info:hover .documentation__name {
transform: translateX(10px);
}
.documentation__list span {
color: #000;
font-weight: 500;
transition: transform 0.3s ease;
will-change: transform;
}
.documentation__title {
font-size: 24px;
font-weight: 500;
margin-bottom: 15px;
}
.documentation__name svg {
flex-shrink: 0;
}
.documentation__list a {
background: #7f3740;
color: #fff;
display: flex;
align-items: center;
border-radius: 20px;
padding: 10px 20px;
max-height: 40px;
font-weight: 500;
min-height: 40px;
gap: 8px;
}
.documentation__name svg {
flex-shrink: 0;
}
.documentation__name {
line-height: normal !important;
display: flex;
align-items: center;
gap: 8px;
font-size: 17px;
}
.documentation__file {
transition: 0.3s ease;
will-change: transform;
}
.documentation__file:hover {
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(127, 55, 64, 0.3);
} .faq__list {
display: flex;
flex-direction: column;
gap: 15px;
}
.faq__question {
display: flex;
justify-content: space-between;
align-items: center;
cursor: pointer;
padding: 20px 0 20px 0px;
font-weight: 600;
font-size: 20px;
}
.faq__question svg {
flex-shrink: 0;
transition: transform 0.3s ease;
will-change: transform;
}
.faq__item.active .faq__question svg {
transform: rotate(180deg);
}
.faq__answer-wrapper {
display: block;
overflow: hidden;
height: 0;
transition: height 0.3s ease;
}
.faq__answer {
display: block;
padding: 0 0 20px 0;
font-size: 17px;
}
.faq__item.active .faq__answer-wrapper {
height: auto;
}
.faq__list span, .faq__list a {
color: #000;
}
.faq__item {
border: 1px solid #e5e5e5;
border-radius: 20px;
padding: 0px 20px;
transition: border-color 0.3s ease;
}
.faq__item.active {
border-color: #7f3740;
}
.faq__list a {
border-bottom: 1px solid;
transition: border-color 0.3s ease, color 0.3s ease;
}
.faq__list a:hover {
color: #7f3740;
border-color: #7f3740;
} .main__text-wrapper p, .main__text-wrapper span, .main__text-wrapper p, .main__text-wrapper span {
color: #000;
display: block;
margin-bottom: 10px;
}
.main__text {
font-size: 20px;
font-weight: 600;
} .news__image img {
height: 300px;
border-radius: 20px;
width: 620px;
}
.page__single-news h1 {
margin-bottom: 25px;
}
.news__image {
float: left;
margin: 0px 30px 35px 0px;
}
.news__content {
font-size: 18px;
color: #000;
}
.news__content a:not([data-fancybox]), .produkciya__content-wrapper a, .produkciya__content a, .uslugi__wrapper a:not([data-fancybox]) {
color: #7f3740;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease, color 0.3s ease;
white-space: nowrap;
}
.news__content a:hover, .produkciya__content-wrapper a:hover, .produkciya__content a:hover, .uslugi__wrapper a:hover {
border-color: #7f3740;
}
.gallery__small br {
display: none;
}
section.post__news {
min-height: 60vh;
}
.news__content p {
color: #000;
font-size: 18px;
margin-bottom: 10px;
}
.news__content p.strong__el {
font-size: 22px;
font-weight: 600;
padding-top: 30px;
padding-bottom: 10px;
}
.news__meta {
padding-bottom: 20px;
width: fit-content;
}
.news__meta-item {
display: flex;
align-items: center;
gap: 8px;
color: #fff;
stroke: #fff;
background: #7f3740;
padding: 8px;
border-radius: 20px;
} .simillar__title {
font-size: 28px;
font-weight: 600 !important;
color: #000;
}
.simillar__grid {
margin-top: 20px;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 30px;
}
.simillar__date {
color: #000;
}
.simillar__info {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 10px;
}
.simillar__name {
font-size: 20px !important;
color: #000 !important;
margin: 0 !important;
font-weight: 500 !important;
padding-top: 5px;
}
.simillar__image img {
border-radius: 20px;
height: 220px;
}
.simillar__excerpt {
color: #000;
}
.simillar__hover span {
color: #fff;
padding: 10px;
background: #7f3740;
border-radius: 20px;
}
.simillar__hover {
position: absolute;
background: rgba(0, 0, 0, 0.5);
height: 100%;
width: 100%;
border-radius: 20px;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
transition: opacity 0.5s ease;
}
.simillar__image {
position: relative;
}
.simillar__item:hover .simillar__hover {
opacity: 1;
}
.simillar__meta-info {
display: flex;
gap: 15px;
color: #000;
stroke: #000;
}
.simillar__meta-info > div {
display: flex;
align-items: center;
gap: 8px;
} .blog__meta {
display: flex;
gap: 15px;
padding-bottom: 20px;
width: fit-content;
}
.blog__meta-item {
color: #fff;
stroke: #fff;
border-radius: 20px;
background: #7f3740;
padding: 8px;
display: flex;
align-items: center;
gap: 8px;
}
.blog__image img {
height: 300px;
border-radius: 20px;
}
.blog__content p {
color: #000;
font-size: 18px;
}
.blog__content {
display: flex;
flex-direction: column;
padding-top: 30px;
}
.blog__content p.strong__el:first-child, .news__content p.strong__el:first-child {
padding-top: unset;
}
.blog__content p.strong__el {
font-size: 22px;
font-weight: 600;
padding-top: 30px;
padding-bottom: 10px;
}
.blog__table-contents {
max-width: 50%;
border-radius: 20px;
color: #000;
margin-top: 30px;
}
.blog__table-contents a {
color: #000;
border-bottom: 1px solid;
transition: color 0.3s ease, border-color 0.3s ease;
}
.blog__table-contents-list {
padding: 20px;
}
.blog__table-contents-item .blog__table-contents-item {
padding: 0px 15px;
}
.contents__title {
font-size: 22px;
}
.blog__table-contents a:hover {
color: #7f3740;
border-color: #7f3740;
} .objects__image img {
height: 400px;
border-radius: 20px;
}
.objects__content p {
color: #000;
font-size: 18px;
}
.objects__content {
display: flex;
flex-direction: column;
}
.objects__content p.strong__el, .objects__content h2.strong__el {
font-size: 22px !important;
font-weight: 500 !important;
padding-top: 30px;
padding-bottom: 10px;
margin: 0 !important;
}
.objects__meta {
padding-bottom: 20px;
width: fit-content;
}
.objects__meta-item {
display: flex;
align-items: center;
gap: 8px;
color: #fff;
stroke: #fff;
background: #7f3740;
padding: 8px;
border-radius: 20px;
}
.object__meta-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
gap: 30px;
}
.simillar__grid.objects .simillar__item:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.simillar__grid.objects .simillar__item img {
transition: transform 0.3s ease;
will-change: transform;
}
.simillar__grid.objects .simillar__item .simillar__image {
overflow: hidden;
border-radius: 20px;
}
.object__info-title {
color: #000;
font-size: 22px;
font-weight: 500;
margin-bottom: 10px;
display: block;
}
.post__objects .adress__object, .post__objects .building__type {
font-size: 18px;
margin-bottom: 5px;
}
.object__info-description {
color: #000;
padding-top: 15px;
display: block;
}
.object__meta-info {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 30px;
}
.services__done-title {
color: #000;
font-weight: 500;
font-size: 22px;
margin-bottom: 10px;
display: block;
}
.services__done-item a {
line-height: normal;
width: fit-content;
display: flex;
align-items: center;
gap: 8px;
font-size: 18px;
}
.services__done-item a svg {
transition: transform 0.3s ease;
flex-shrink: 0;
}
.services__done-item a:hover svg {
transform: rotate(90deg) scale3d(1.2, 1.2, 1.2);
}
.services__done-item a span {
line-height: normal;
color: #000;
transition: border-color 0.3s ease;
}
.objects__gallery-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
gap: 30px;
}
.objects__gallery-item img {
border-radius: 20px;
max-height: 300px;
}
.objects__gallery-item a {
position: relative;
display: flex;
width: 100%;
height: 100%;
}
.objects__gallery-hover {
position: absolute;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
background: rgba(0, 0, 0, 0.5);
border-radius: 20px;
opacity: 0;
transition: opacity 0.5s ease;
}
.objects__gallery-hover:hover {
opacity: 1;
} .produkciya__grid.produkciya__grid--list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 30px;
}
.produkciya__grid--list .produkciya__item {
display: flex;
align-items: center;
gap: 8px;
height: 100%;
padding: 10px;
border-radius: 20px;
border: 2px solid #e5e5e5;
flex-direction: column;
text-align: center;
transition: border-color 0.3s ease;
}
.produkciya__grid--list .produkciya__item .produkciyaitem__image img {
width: 220px;
border-radius: 20px;
height: 180px;
transition: transform 0.5s ease;
will-change: transform;
}
.produkciya__grid--list .produkciyaitem__title {
color: #000;
font-weight: 500;
}
.produkciya__grid--list .produkciya__item:hover {
border-color: #7f3740;
}
.produkciya__grid--list .produkciya__item .produkciyaitem__image {
overflow: hidden;
border-radius: 20px;
}
.produkciya__grid--list .produkciya__item:hover .produkciyaitem__image img {
transform: scale3d(1.05, 1.05, 1.05);
}
.produkciya__grid.produkciya__grid--items-wrapper {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
gap: 30px;
}
.produkciya__grid.produkciya__grid--items {
display: flex;
flex-direction: column;
}
.produkciya__item.produkciya__item--item {
display: flex;
align-items: center;
flex-direction: column;
text-align: center;
gap: 8px;
border: 2px solid #7f3740;
padding: 20px;
border-radius: 20px;
color: #000;
transition: background 0.3s ease;
}
.produkciya__bottom {
display: flex;
flex-direction: column;
justify-content: space-between;
margin-top: auto;
gap: 10px;
}
.produkciya__item.produkciya__item--item img {
width: 200px;
height: 180px;
border-radius: 20px;
transition: transform 0.3s ease;
will-change: transform;
}
.produkciya__item.produkciya__item--item .produkciyaitem__price {
color: #000;
transition: color 0.3s ease;
}
.produkciya__item.produkciya__item--item:hover .produkciyaitem__price {
color: #fff;
}
.produkciya__item.produkciya__item--item .produkciyaitem__title {
text-align: center;
font-weight: 500;
color: #000;
transition: color 0.3s ease;
font-size: 16px;
padding-top: 5px;
}
.produkciya__item.produkciya__item--item:hover .produkciyaitem__title {
color: #fff;
}
.produkciya__item.produkciya__item--item:hover img {
transform: scale3d(1.05, 1.05, 1.05);
}
.produkciya__item.produkciya__item--item .produkciyaitem__image {
overflow: hidden;
border-radius: 20px;
}
.produkciya__item.produkciya__item--item:hover {
background: #7f3740;
color: #fff !important;
}
.produkciyaitem__order-btn {
background: #7f3740;
color: #fff;
padding: 5px 20px;
border-radius: 20px;
transition: color 0.3s ease, background 0.3s ease;
cursor: pointer;
}
.produkciya__item.produkciya__item--item:hover .produkciyaitem__order-btn {
color: #7f3740;
background: #fff;
}
.filters__produkciya {
display: flex;
gap: 8px;
padding-bottom: 20px;
color: #000;
}
.filters__produkciya span {
font-weight: 500;
}
.filters__produkciya-list span {
position: relative;
background: transparent;
padding: 5px;
border-radius: 10px;
cursor: pointer;
font-weight: 400 !important;
transition: background-color 0.3s ease, color 0.3s ease;
}
.filters__produkciya-list span.active {
background: #7f3740;
color: #fff;
padding-right: 35px;
}
.filters__produkciya-list span:hover {
background: #7f3740;
color: #fff;
}
.produkciya__main:has(.produkciya__grid.produkciya__grid--list) .produkciya__grid.produkciya__grid--items {
border-top: 3px solid #7f3740;
margin-top: 50px;
padding-top: 20px;
}
.filters__produkciya-list span.active::after {
content: '';
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-40%);
width: 14px;
height: 14px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .produkciya__meta-list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
gap: 60px;
padding: 0px 40px;
}
.produkciya__image img {
width: 100%;
height: 450px;
border-radius: 20px;
}
.produkciya__info-wrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
.produkciya__title {
margin-bottom: 25px !important;
}
.produkciya__title-span {
font-size: clamp(2.6rem, 1.3646rem + 3.4314vw, 4rem);
color: #000;
font-weight: 600;
line-height: 1.1;
}
.produkciya__price {
color: #000;
font-size: 26px;
font-weight: 500;
}
.produkciya__info-wrapper .modal__callback {
width: fit-content;
font-weight: 500;
background: #7f3740;
color: #fff;
padding: 10px 15px;
border-radius: 20px;
border: 1px solid transparent;
transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
cursor: pointer;
width: 300px;
text-align: center;
}
.produkciya__info-wrapper .modal__callback:hover {
background: #fff;
color: #7f3740;
border-color: #7f3740;
}
.produkciya__content-title {
color: #000;
font-size: 26px;
font-weight: 500;
border-bottom: 3px solid #7f3740;
display: flex;
padding-bottom: 10px;
margin: 0 !important;
}
.produkciya__content {
padding-top: 50px;
font-size: 18px;
}
.produkciya__content p:not(.table-custom p) {
font-size: 18px;
color: #000;
margin-bottom: 20px;
}
.produkciya__content-title {
margin-bottom: 20px !important;
}
.produkciya__content ul, .produkciya__content ol {
color: #000;
}
.produkciya__content p .table-custom p {
font-size: 18px;
}
.produkciya__content-wrapper {
font-size: 18px;
color: #000;
margin-top: 120px;
}
.produkciya__content-wrapper p:not(:last-child) {
margin-bottom: 20px;
}
.produkciya__content-wrapper h2, .produkciya__content-wrapper h3, .produkciya__content h2, .produkciya__content h3 {
margin-bottom: 25px;
}
.simillar__grid.produkciya {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
.produkciya__image {
position: relative;
}
.produkciya__purpose {
position: absolute;
top: 20px;
left: 20px;
position: absolute;
background: #712b3480;
border-radius: 20px;
padding: 5px 10px;
font-size: 14px;
font-weight: 500;
backdrop-filter: blur(5px);
color: #fff;
z-index: 5;
} .uslugi__meta-list {
display: grid;
gap: 60px;
grid-template-columns: repeat(auto-fill, minmax(460px, 1fr));
}
.uslugi__wrapper p, .uslugi__wrapper ol, .uslugi__wrapper ul, .uslugi__wrapper span {
font-size: 18px;
color: #000;
}
.uslugi__wrapper p:not(:last-child) {
margin-bottom: 20px;
}
.uslugi__wrapper h2 {
font-weight: 500;
margin-bottom: 20px;
}
.uslugi__wrapper h3 {
font-weight: 500;
margin-bottom: 20px;
}
.uslugi__thumbnail.wp-post-image {
border: 1px solid #e5e5e5;
border-radius: 20px;
max-height: 400px;
min-height: 400px;
}
.uslugi__info-wrapper {
display: flex;
flex-direction: column;
gap: 30px;
}
.uslugi__shortinfo {
font-size: 18px;
color: #000;
}
.uslugi__wrapper.uslugi__info--no-thumbnail .uslugi__meta-list {
display: flex;
width: 100%;
gap: 0;
}
.uslugi__wrapper.uslugi__info--no-thumbnail .uslugi__info-wrapper {
gap: 30px;
}
.uslugi__wrapper.uslugi__info--no-thumbnail .modal__callback-container {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
}
.uslugi__wrapper.uslugi__info--no-thumbnail .uslugi__info-wrapper .modal__callback {
width: 250px;
text-align: center;
}
.uslugi__right-img {
display: flex;
gap: 50px;
justify-content: space-between;
margin-bottom: 20px;
}
.uslugi__right-img img {
max-width: 600px;
border-radius: 20px;
min-width: 600px;
border: 1px solid #e5e5e5;
}
.doc__image {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 20px;
}
.hard__linked {
border-bottom: 1px solid #7f3740 !important;
}
.doc__image img {
width: 35px;
}
.uslugi__info-wrapper .modal__callback {
color: #fff;
font-size: 16px;
background: #7f3740;
width: 250px;
padding: 10px 15px;
border-radius: 20px;
font-weight: 500;
border: 1px solid transparent;
transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
cursor: pointer;
display: block;
text-align: center;
}
.uslugi__info-wrapper .modal__callback:hover {
color: #7f3740;
border-color: #7f3740;
background: #fff;
}
.uslugi__content p {
margin: 0 0 20px;
}
.uslugi__content p + .attention, .uslugi__wrapper ul + .attention {
margin-top: 0px;
}
.uslugi__content .doc__image + .attention {
margin-top: 20px;
}
.uslugi__meta-list:has(.modal__callback-container) {
padding-bottom: 30px;
}
.uslugi__content, .page__content {
display: flex;
flex-direction: column;
}
.uslugi__wrapper ul li, .news__wrapper ul li, .page__wrapper ul li, .produkciya__content-wrapper ul li, .produkciya__content ul li {
padding-left: 30px;
position: relative;
margin-bottom: 10px;
}
.uslugi__wrapper ul li:last-child, .news__wrapper ul li:last-child, .page__wrapper ul li:last-child, .produkciya__content-wrapper ul li:last-child, .produkciya__content ul li:last-child {
margin-bottom: 0px !important;
}
.news__wrapper ul li {
display: table;
}
.news__wrapper h2 {
margin-bottom: 20px;
}
.uslugi__wrapper ul, .news__wrapper ul, .page__wrapper ul, .produkciya__content-wrapper ul, .produkciya__content ul {
margin-bottom: 20px;
}
.uslugi__wrapper ul li::before, .news__wrapper ul li::before, .page__wrapper ul li::before, .produkciya__content-wrapper ul li::before, .produkciya__content ul li::before {
content: '';
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 20px;
height: 20px;
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%237f3740' d='M12 6.46c-.28 0-.56.1-.78.32l-4.44 4.44c-.43.43-.43 1.13 0 1.56l4.44 4.44c.43.43 1.13.43 1.56 0l4.44-4.44c.43-.43.43-1.13 0-1.56l-4.44-4.44c-.22-.22-.5-.32-.78-.32'/%3E%3C/svg%3E") no-repeat center;
background-size: contain;
}
.produkciya__content ul li:has(li)::before {
top: 10%;
}
.uslugi__wrapper ol, .news__wrapper ol, .page__wrapper ol, .produkciya__content-wrapper ol, .produkciya__content ol {
list-style: none;
counter-reset: item;
padding-left: 0;
overflow: hidden;
margin-top: 0;
}
.uslugi__wrapper ol li, .news__wrapper ol li, .page__wrapper ol li, .produkciya__content-wrapper ol li, .produkciya__content- ol li {
padding-left: 30px;
position: relative;
margin-bottom: 10px;
}
.uslugi__wrapper ol li::before, .news__wrapper ol li::before, .page__wrapper ol li::before, .produkciya__content-wrapper ol li::before, .produkciya__content ol li::before {
counter-increment: item;
content: counter(item) ".";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-weight: 600;
color: #7f3740;
}
.uslugi__wrapper ol.counted__ol li::before, .news__wrapper ol.counted__ol li::before, .page__wrapper ol.counted__ol li::before, .produkciya__content-wrapper ol.counted__ol li::before, .produkciya__content ol.counted__ol li::before {
content: attr(value) ".";
}
.attention.green span i {
background: url(//lider-in.com/wp-content/themes/lider-in/img/ok.png) no-repeat;
}
.attention.orange span i {
background: url(//lider-in.com/wp-content/themes/lider-in/img/info.png) no-repeat;
}
.attention.red span i {
background: url(//lider-in.com/wp-content/themes/lider-in/img/attention.png) no-repeat;
}
.attention {
display: flex;
align-items: center;
gap: 20px;
border-radius: 20px;
padding: 24px 28px;
margin: 10px 0px 20px 0px;
}
.attention span {
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 12px;
}
.attention span i.fa {
display: block;
width: 28px;
height: 28px;
background-size: contain !important;
background-position: center !important;
}
.attention .att_text {
font-size: 16px;
color: #000;
font-weight: 400;
margin: 0;
}
.attention.orange {
background: rgba(255, 152, 0, 0.08);
border: 1px solid rgba(255, 152, 0, 0.25);
box-shadow: 0 8px 32px rgba(255, 152, 0, 0.12);
}
.attention.orange span {
background: rgba(255, 152, 0, 0.2);
}
.attention.green {
background: rgba(76, 175, 80, 0.08);
border: 1px solid rgba(76, 175, 80, 0.25);
box-shadow: 0 8px 32px rgba(76, 175, 80, 0.12);
}
.attention.green span {
background: rgba(76, 175, 80, 0.2);
}
.attention.red {
background: rgba(127, 55, 64, 0.08);
border: 1px solid rgba(127, 55, 64, 0.25);
box-shadow: 0 8px 32px rgba(127, 55, 64, 0.12);
}
.attention.red span {
background: rgba(127, 55, 64, 0.2);
}
.attention a {
color: #7f3740;
font-weight: 500;
border-bottom: 1px solid !important;
transition: border-color 0.3s ease;
}
.attention a:hover {
border-color: transparent !important;
} .modal {
display: none;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.6);
overflow: auto;
flex-direction: column;
align-items: center;
justify-content: center;
}
.modal-content {
background-color: #fff;
margin: 5% auto;
padding: 40px;
border-radius: 20px;
max-width: 500px;
width: 90%;
position: relative;
animation: slideIn 0.3s ease;
}
.modal-close {
position: absolute;
right: 20px;
top: 15px;
cursor: pointer;
height: 32px;
width: 32px;
}
.modal-close svg {
transition: transform 0.3s ease;
will-change: transform;
}
.modal-close svg:hover path {
stroke: #7f3740;
transition: stroke 0.3s ease;
}
@keyframes slideIn {
from {
transform: translateY(-60px);
opacity: 0;
}
to {
transform: translateY(0);
opacity: 1;
}
}
.form__title {
color: #000;
font-weight: 500;
font-size: 28px;
line-height: 1;
margin-bottom: 10px;
display: block;
}
.form__modal-container br {
display: none;
}
.form__description {
color: #000;
font-size: 16px;
}
.form__modal-container {
display: flex;
flex-direction: column;
gap: 20px;
will-change: transform;
}
.form__modal-container .field__bottom-form.checkbox-field p {
color: #000;
font-size: 14px;
}
.form__modal-container .field__bottom-form.checkbox-field a {
color: #7f3740;
border-bottom: 1px solid transparent;
transition: border-color 0.3s ease;
}
.form__modal-container .field__bottom-form.checkbox-field a:hover {
border-color: #7f3740;
}
.form__modal-container .field__bottom-form:nth-child(-n+3) input {
height: 55px;
background-color: #e5e5e58c;
}
.wpcf7 form .wpcf7-response-output {
display: none;
}
.form__modal-container .wpcf7-form-control.wpcf7-submit {
border: 1px solid transparent;
background: #7f3740;
color: #fff;
font-size: 16px;
border-radius: 20px;
width: 100%;
padding: 15px;
cursor: pointer;
font-weight: 500;
transition: color 0.3s ease, border-color 0.3s ease, background 0.3s ease;
}
.form__modal-container .wpcf7-form-control.wpcf7-submit:hover {
color: #7f3740;
background: #fff;
border-color: #7f3740;
}
.error-message span {
position: absolute;
right: 0;
top: -25px;
background: #f64a4a;
border-radius: 10px;
padding: 5px;
font-size: 16px;
}
.field__bottom-form {
position: relative;
}
.error-message span::after {
content: "";
position: absolute;
right: 14px;
bottom: -15px;
display: flex;
border: 8px solid transparent;
border-top: 8px solid #f64a4a;
}
.modal-success-content {
text-align: center;
padding: 50px 40px;
}
.modal-body.success-body {
display: flex;
flex-direction: column;
}
.success-body .success-modal__title {
color: #000;
font-size: 24px;
margin: 20px 0 10px;
}
.success-body .success-modal__description {
color: #000;
font-size: 16px;
}
.success-icon {
margin: 0 auto;
width: 64px;
height: 64px;
animation: successScale 0.6s ease;
}
@keyframes successScale {
0% {
transform: scale(0);
opacity: 0;
}
50% {
transform: scale(1.2);
}
100% {
transform: scale(1);
opacity: 1;
}
} .header__search {
position: relative;
}
#search-results {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: #fff;
border: 1px solid #7e7e7e;
border-top: none;
box-shadow: 0 0px 24px -8px rgba(127, 55, 64, 0.2);
z-index: 1000;
display: none;
max-height: 500px;
overflow-y: auto;
border-radius: 0px 0px 20px 20px;
}
.search-results-list li {
border-bottom: 1px solid #f0f0f0;
}
.search-results-list li a {
display: flex;
padding: 12px 15px;
color: #000;
transition: background 0.3s;
align-items: center;
gap: 15px;
}
.search-results-list li a:hover {
background: #f5f5f5;
}
.search-results-list li:hover .search-thumbnail {
border-color: #7f3740;
}
.search-excerpt {
display: block;
font-size: 14px;
color: #939393;
margin-top: 4px;
}
.search-loading, .search-no-results, .search-error {
padding: 15px;
text-align: center;
color: #000;
}
.header__search-form.has-results {
border-radius: 20px 20px 0px 0px;
}
.search-thumbnail {
flex-shrink: 0;
width: 60px;
height: 60px;
overflow: hidden;
border-radius: 4px;
border: 1px solid #e5e5e5;
transition: border-color 0.3s ease;
}
.search-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.search-count {
padding: 15px 0;
margin-bottom: 20px;
border-bottom: 2px solid #7f3740;
color: #000;
font-weight: 500;
font-size: 18px;
}
.search-result-item-page {
margin-bottom: 30px;
}
.search-result-article {
display: flex;
gap: 20px;
border: 1px solid #e5e5e5;
border-radius: 20px;
padding: 10px;
transition: border-color 0.3s ease;
}
.search-result-article:hover {
border-color: #7f3740;
}
.search-result-thumbnail {
flex: 0 0 150px;
width: 150px;
border: 1px solid #e5e5e5;
border-radius: 20px;
max-height: 150px;
}
.search-result-thumbnail img {
width: 100%;
height: auto;
border-radius: 20px;
height: 100%;
max-height: 150px;
}
.search-result-title {
margin: 0 0 10px;
font-size: 20px;
color: #000;
}
.search-result-excerpt {
color: #0000008f;
line-height: 1.6;
margin: 0 0 10px;
}
.search-highlight {
font-weight: bold;
color: #7f3740;
}
.search-pagination {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 60px;
}
.search-no-results-page {
text-align: center;
padding: 60px 20px;
}
.search-no-results-page h2 {
font-size: 24px;
color: #000;
}
.search-pagination .page-numbers:not(ul) {
display: flex;
align-items: center;
justify-content: center;
min-width: 40px;
height: 100%;
padding: 6px 10px;
border: 1px solid #e5e5e5;
border-radius: 10px;
color: #000;
transition: all 0.3s ease;
font-size: 16px;
}
.search-pagination .page-numbers.current {
background: #7f3740;
color: #fff;
border-color: #7f3740;
}
.search-pagination a.page-numbers {
background: #fff;
}
.search-pagination a.page-numbers:hover {
background: #7f3740;
border-color: #7f3740;
color: #fff;
}
.search-pagination .prev,
.search-pagination .next {
min-width: 40px;
}
.search-pagination .dots {
min-width: 40px;
height: 40px;
border: none;
pointer-events: none;
background: transparent;
}
.search-pagination ul.page-numbers {
display: flex;
gap: 10px;
margin: 0;
padding: 0;
justify-content: center;
} #menu-item-9 > a, #menu-item-460 > a, #fixedHeader .menu-item-9 > a, #fixedHeader .menu-item-460 > a {
display: flex;
align-items: center;
gap: 4px;
}
#fixedHeader .menu-item-9 > a, #fixedHeader .menu-item-460 > a {
display: flex;
align-items: center;
gap: 4px;
padding-right: 30px !important;
position: relative;
}
#menu-item-9 > a::after, #menu-item-460 > a::after, #fixedHeader .menu-item-9 > a::after, #fixedHeader .menu-item-460 > a::after {
content: "";
display: inline-block;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease, background 0.3s ease;
will-change: transform;
}
#fixedHeader .menu-item-9 > a::after, #fixedHeader .menu-item-460 > a::after {
content: "";
position: absolute;
right: 3px;
display: inline-block;
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
transition: transform 0.3s ease, background 0.3s ease;
will-change: transform;
}
#fixedHeader .menu-item-9 > a::after, #fixedHeader .menu-item-460 > a::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%237f3740' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
#menu-item-9.active > a::after, #menu-item-460.active > a::after {
transform: rotate(180deg);
}
#fixedHeader .menu-item-9.active > a::after, #fixedHeader .menu-item-460.active  > a::after {
transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
#fixedHeader .current-menu-ancestor.menu-item-9 > a::after, #fixedHeader .current-menu-ancestor.menu-item-460 > a::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
#fixedHeader .current-menu-item.menu-item-9 > a::after, #fixedHeader .current-menu-item.menu-item-460 > a::after {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
#menu-item-460 {
position: relative;
}
.produkciya__menu-wrapper,
.uslugi__menu-wrapper {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
display: none;
padding-top: 20px;
z-index: 999;
min-width: 900px;
width: 100%;
pointer-events: none;
}
#fixedHeader .uslugi__menu-wrapper {
padding-top: 25px;
}
#fixedHeader .produkciya__menu-wrapper {
padding-top: 20px;
}
#fixedHeader .uslugi__menu-wrapper {
top: 80%;
}
.produkciya__menu-wrapper.active,
.uslugi__menu-wrapper.active {
display: block;
pointer-events: auto;
}
.produkciya__list-menu {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
gap: 30px;
padding: 30px;
background: #fff;
border-radius: 20px;
}
.produkciya__list-menu img {
width: 80px;
border-radius: 20px;
height: 78px;
}
#menu-lower .produkciya__item-menu a {
display: flex;
gap: 10px;
align-items: center;
border: 1px solid transparent;
border-radius: 20px;
transition: border-color 0.3s ease;
height: 80px;
justify-content: start;
background: none !important;
}
#menu-lower .produkciya__item-menu a:hover {
border-color: #7f3740;
}
.produkciya__item-menu a span {
color: #000;
font-size: 16px;
}
.produkciya__menu {
max-width: 1200px;
border-radius: 20px;
box-shadow: 0 6px 24px -8px rgba(127, 55, 64, 0.35);
border: 1px solid #e5e5e5;
background: #fff;
}
.uslugi__menu-wrapper {
min-width: 1200px;
width: 100%;
left: 0;
transform: none;
}
.uslugi__menu {
display: flex;
gap: 0;
max-width: 1400px;
background: #fff;
border-radius: 20px;
box-shadow: 0 6px 24px -8px rgba(127, 55, 64, 0.35);
border: 1px solid #e5e5e5;
overflow: hidden;
margin: 0 auto;
}
.right__menu-uslugi {
flex: 0 0 280px;
background: #f8f5f5;
padding: 20px 0;
border-right: 1px solid #e5e5e5;
}
.main__items-uslugi {
padding: 12px 25px;
cursor: pointer;
border-bottom: 1px solid transparent;
transition: background 0.3s ease, border-color 0.3s ease;
}
.main__items-uslugi:hover,
.main__items-uslugi.active {
background: #fff;
border-color: #7f3740;
}
#menu-lower .main__items-uslugi span {
display: flex;
align-items: center;
gap: 12px;
font-size: 17px;
font-weight: 500;
color: #000;
}
#menu-lower .main__items-uslugi svg {
flex-shrink: 0;
width: 24px;
height: 24px;
color: #7f3740;
}
#menu-lower .left__menu-uslugi {
flex: 1;
padding: 30px;
background: #fff;
min-height: 600px;
max-height: 600px;
overflow-y: auto;
}
#menu-lower .left__menu-uslugi_wrapper {
display: none;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 30px;
}
#menu-lower .left__menu-uslugi_wrapper.active {
display: grid;
}
#menu-lower .left__menu-uslugi_item {
display: flex;
flex-direction: column;
gap: 10px;
height: fit-content;
}
#menu-lower .left__menu-uslugi_item .main__title-uslugi {
font-size: 16px;
font-weight: 700;
color: #7f3740;
display: block;
height: auto;
background: none;
transition: border-color 0.3s ease;
}
#menu-lower .left__menu-uslugi_item a:not(.main__title-uslugi) {
font-size: 15px;
color: #000;
transition: color 0.3s ease;
background: none !important;
display: flex;
justify-content: start;
height: auto;
font-weight: 500;
}
#menu-lower .left__menu-uslugi_item a:hover {
color: #7f3740;
text-decoration: underline;
}
#menu-lower  span.main__title-uslugi {
color: #fff !important;
background: #7f3740 !important;
border-radius: 0px 20px 0px 20px;
padding: 10px;
}
a.main__title-uslugi {
display: flex;
color: #7f3740;
padding-bottom: 6px;
border-bottom: 2px solid #f0ecec;
transition: all 0.3s ease;
position: relative;
}
a.main__title-uslugi::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none'%3E%3Cpath d='M4 10H16M16 10L12 6M16 10L12 14' stroke='%237f3740' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
position: absolute;
right: 0;
color: #7f3740;
transition: transform 0.3s ease;
will-change: transform;
font-size: unset;
bottom: 3px;
height: 20px;
}
a.main__title-uslugi:hover {
color: #a84a55;
border-bottom-color: #7f3740;
}
a.main__title-uslugi:hover::after {
transform: translateX(5px);
}
#menu-lower  span.main__title-uslugi {
color: #fff !important;
background: #7f3740 !important;
border-radius: 0px 20px 0px 20px;
padding: 10px;
}
a.main__title-uslugi {
display: flex;
color: #7f3740;
padding-bottom: 6px;
border-bottom: 2px solid #f0ecec;
transition: all 0.3s ease;
position: relative;
}
a.main__title-uslugi:hover {
color: #a84a55;
border-bottom-color: #7f3740;
}
a.main__title-uslugi:hover::after {
transform: translateX(5px);
} .sertifikaty__main .swiper-buttons, .reviews__main .swiper-buttons, .slider__contacts_how_to_find_us .swiper-buttons {
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translateY(-50%);
display: flex;
justify-content: space-between;
align-items: center;
pointer-events: none;
z-index: 10;
padding: 0 10px;
}
.button__prev, .button__next {
pointer-events: auto;
cursor: pointer;
transition: opacity 0.3s ease;
}
.button__prev.swiper-button-disabled, .button__next.swiper-button-disabled {
opacity: 0.5;
}
.button__prev,
.button__next {
pointer-events: auto;
cursor: pointer;
transition: opacity 0.3s ease;
}
.button__prev svg,
.button__next svg {
width: 44px;
height: 44px;
transition: all 0.3s ease;
}
.button__prev:not(.swiper-button-disabled):hover svg,
.button__next:not(.swiper-button-disabled):hover svg {
transform: scale3d(1.1, 1.1, 1.1);
}
.button__prev:not(.swiper-button-disabled):active svg,
.button__next:not(.swiper-button-disabled):active svg {
transform: scale3d(0.95, 0.95, 0.95);
} .object-gallery {
width: 100%;
height: 100%;
border-radius: 20px;
overflow: hidden;
position: relative;
}
.object-gallery .swiper-slide {
text-align: center;
background: #f5f5f5;
}
.object-gallery .swiper-pagination {
position: absolute;
top: 15px !important;
left: 0;
width: 100%;
display: flex;
justify-content: center;
gap: 8px;
z-index: 10;
height: auto;
padding: 0 10px;
}
.object-gallery .swiper-pagination-bullet {
width: 30px;
height: 4px;
border-radius: 2px;
background: rgba(255, 255, 255, 0.5);
opacity: 1;
transition: all 0.3s ease;
margin: 0 !important;
}
.object-gallery .swiper-pagination-bullet-active, .object-gallery .swiper-pagination-bullet:hover {
background: #ffffff;
width: 40px;
} #CookiesAlert {
border-radius: 4px;
box-sizing: border-box !important;
margin: 0 auto;
border: none !important;
width: 800px !important;
min-height: 10px !important;
max-height: 250px !important;
display: none;
clear: both !important;
left: 0;
right: 0;
padding: 12px !important;
position: fixed;
bottom: 0 !important;
opacity: 1;
transform: translateY(-15px);
z-index: 99999;
color: black;
}
#CookiesAlert.active {
display: block;
}
#CookiesAlert .content {
padding: 15px;
margin: auto auto auto 0;
text-align: left;
border-radius: 10px;
background: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, .2);
display: flex;
gap: 1.5rem;
max-width: 1000px;
align-items: center;
}
#CookiesAlert .content p {
line-height: 1;
font-size: 14px;
margin: 0;
text-indent: unset !important;
}
#CookiesAlert .content .buttons {
display: flex;
align-items: flex-end;
}
#CookiesAlert .content .buttons a {
border-radius: 6px;
margin: auto 15px auto auto;
padding: 6px 15px;
transition: .3s;
text-decoration: none !important;
}
#CookiesAlert .content .buttons a.CUAgree {
margin: auto 0;
background: #7f3740;
color: #fff;
text-transform: unset;
border: 1px solid transparent;
transition: all 0.3s ease;
}
#CookiesAlert .content .buttons a.CUAgree:hover {
background: #fff;
border-color: #7f3740;
color: #7f3740;
box-shadow: 0 4px 12px rgba(127, 55, 64, 0.3);
}
#CookiesAlert .content p a {
text-decoration: underline !important;
color: #7f3740;
} .page__notfound h1 {
font-size: 180px;
margin: 0;
color: #7f3740;
font-weight: 600;
}
.page__notfound {
display: flex;
align-items: center;
justify-content: center;
min-height: 100vh;
}
.notfound__container {
text-align: center;
display: flex;
flex-direction: column;
gap: 20px;
}
.page__notfound h2 {
font-size: 28px;
}
.page__notfound span {
color: #000;
max-width: 750px;
font-weight: 500;
}
.buttons__notfound a {
background: #7f3740;
color: #fff;
padding: 10px;
border-radius: 10px;
border: 1px solid transparent;
transition: all 0.3s ease;
}
.buttons__notfound a:hover {
border-color: #7f3740;
background: transparent;
color: #7f3740;
}
.gallery__small {
display: grid;
gap: 20px;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
margin-bottom: 20px;
}
.uslugi__wrapper p + .gallery__small {
margin-bottom: 20px;
}
.gallery__small img {
border-radius: 20px;
max-height: 250px;
min-height: 250px;
}
.table-custom {
width: 100%;
border-collapse: collapse;
font-size: 16px;
color: #000;
background-color: #ffffff;
border: 1px solid #ddd;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
}
.table-wrapper {
margin-bottom: 20px;
}
.table-custom td {
border: 1px solid #dddddd;
padding: 12px 15px;
vertical-align: top;
}
.table-custom td:first-child {
font-weight: 600;
background-color: #f8f9fa;
}
.table-custom tr:first-child td {
background-color: #e9ecef;
font-weight: 700;
font-size: 15px;
text-align: center;
}
.table-custom:not(.production-table) tr:first-child td:first-child {
background-color: #e5e5e5;
}
.table-custom ul {
margin: 6px 0 6px 0;
padding-left: 20px;
}
.table-custom ul li {
margin-bottom: 4px;
}
.table-custom p {
margin: 8px 0 4px 0;
}
.table-custom b {
color: #000;
}
.table-custom:not(.production-table) p:last-child {
margin-top: 10px;
font-style: italic;
color: #7e7e7e;
border-top: 1px dashed #7f3740;
padding-top: 8px;
} @media (max-width: 1400px) {
.header__inner > div:not(:last-child) {
padding: 0px 25px;
}
#fixedHeader .produkciya__menu-wrapper {
padding-top: 25px;
}
#breadcrumbs {
padding: 20px 20px;
}
.header__upper {
flex-wrap: wrap;
}
#menu-upper {
padding: 10px 0px 10px 0px;
}
.header__info {
padding: 10px 0px 10px 0px;
}
.container-banner {
padding: 100px 20px 100px 20px;
}
.container {
padding: 0px 20px;
padding-top: 90px;
}
.footer__inner {
padding: 50px 25px;
}
.header__fixed_inner {
padding: 0px 25px;
}
#scrollBtn {
right: 50px;
}
.header__fixed_inner #menu-lower a:not(#custom-menu a) {
padding: 5px;
}
.header__fixed_inner #menu-lower {
gap: 10px;
}
.gallery__item {
height: 280px;
}
.contacts__list-info {
gap: 30px;
}
.staff__list {
gap: 60px;
}
.produkciya__grid--list .produkciya__item .produkciyaitem__image img {
width: 200px;
height: 180px;
}
.produkciya__grid.produkciya__grid--list {
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
}
}
@media (max-width: 1300px) {
.reviews__list, .certs__list {
grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
}
.header__fixed_inner #menu-lower {
gap: 5px;
}
.call__button-header.fixed-call-btn {
padding: 5px 10px;
}
.contacts__list-info .numbers__list span, .contacts__list-info .numbers__list a {
font-size: 16px;
}
.produkciya__meta-list {
padding: 0px;
flex-wrap: nowrap;
}
.uslugi__right-img img {
max-width: 500px;
min-width: 500px;
}
}
@media (max-width: 1200px) {
#fixedHeader .menu li.menu-item:last-child {
display: none;
}
.header__fixed_inner #menu-lower {
gap: 10px;
}
.header__fixed_inner {
gap: 35px;
}
.o_kompanii__image, .o_kompanii__image img {
height: 350px;
}
.advantages__about-list {
display: flex;
flex-direction: column;
}
.page__about .steps__list {
flex-direction: column;
}
.page__about .main_title__step {
text-align: center;
}
.numbers__dop-item {
padding: 18px 18px;
}
.info__staff {
font-size: 16px;
}
.uslugi__menu-wrapper {
min-width: 0;
padding-left: 20px;
padding-right: 20px;
}
.uslugi__right-img img {
max-width: 400px;
min-width: 400px;
}
}
@media (max-width: 1150px) {
.staff__list {
gap: 20px;
}
}
@media (max-width: 1120px) {
.header__fixed_inner #menu-lower a:not(#custom-menu a) {
padding: 5px;
font-size: 15px;
}
.call__button-header.fixed-call-btn {
padding: 5px 8px;
font-size: 15px;
}
.img_container-services img {
height: 200px;
}
.container {
padding-top: 60px;
}
.news__image {
float: none;
margin: 0px 0px 30px 0px;
}
}
@media (max-width: 1050px) {
.header__fixed_inner {
gap: 5px;
}
}
@media (min-width: 980px) {
.header__fixed_mobile, #fixedHeader .header__search {
display: none;
}
.mobile-menu,
.mobile-menu-overlay,
.mobile-menu__sub {
display: none !important;
}
.produkciya__title {
display: none;
}
}
@media (max-width: 980px) {
main {
padding-top: 81px;
}
#CookiesAlert {
width: 100% !important;
}
#CookiesAlert .content .buttons {
width: 100%;
}
#CookiesAlert .content .buttons a.CUAgree {
width: 100%;
text-align: center;
}
#main__header {
height: 0;
visibility: hidden;
}
#fixedHeader {
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: fixed;
top: 0;
z-index: 999;
transform: none;
visibility: visible;
}
.header__fixed_inner {
display: none;
}
.header_container {
background: #fff;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
position: sticky;
top: 0;
z-index: 999;
}
#fixedHeader .menu-item-9 > a::after, #fixedHeader .menu-item-460 > a::after {
display: none;
}
.header__fixed_mobile {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 20px;
height: 80px;
background: #fff;
position: relative;
z-index: 1001;
}
.logo__container img {
height: 65px;
}
.right__fixed_mobile {
display: flex;
align-items: center;
gap: 15px;
}
.right__fixed_mobile a,
.right__fixed_mobile button {
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
transition: background 0.3s;
background: #7f3740;
width: 40px;
height: 40px;
}
.phone__icon-header-mobile svg {
width: 18px;
height: 18px;
}
.search__toggle svg {
width: 22px;
height: 22px;
}
.search__toggle svg path {
fill: #fff;
stroke: #fff;
}
.burger__menu-toggle {
display: flex;
flex-direction: column;
gap: 5px;
background: #7f3740 !important;
border-radius: 8px !important;
width: 44px !important;
height: 44px !important;
align-items: center;
justify-content: center;
}
.burger__line {
width: 24px;
background: #fff;
border-radius: 2px;
transition: all 0.3s ease;
transform-origin: center;
height: 3px;
}
.burger__menu-toggle.active .burger__line:nth-child(1) {
transform: translateY(7.5px) rotate(45deg);
}
.burger__menu-toggle.active .burger__line:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.burger__menu-toggle.active .burger__line:nth-child(3) {
transform: translateY(-8.5px) rotate(-45deg);
}
#mobileMenu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh;
background: #fff;
padding: 80px 20px 30px;
overflow-y: auto;
z-index: 1000;
visibility: hidden;
}
#mobileMenu {
transition: transform 0.4s ease, visibility 0.4s ease;
transform: translateX(-100%);
visibility: hidden;
}
#mobileMenu.open {
transform: translateX(0);
visibility: visible;
}
#mobileMenu.closing {
transform: translateX(-100%);
visibility: hidden;
}
.mobile-menu__sub {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100vh;
height: 100dvh;
background: #fff;
padding: 40px 20px 30px;
overflow-y: auto;
transform: translateX(-100%);
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
z-index: 1002;
visibility: hidden;
}
.mobile-menu__sub.open {
transform: translateX(0);
visibility: visible;
}
.mobile-menu__sub.closing {
transform: translateX(-100%) !important;
transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.mobile-menu__list {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 10px;
}
.mobile-menu__list > .menu-item > a {
padding: 0px 16px;
font-size: 18px;
font-weight: 600;
color: #000;
border-radius: 8px;
transition: background 0.3s;
display: flex;
align-items: center;
min-height: 40px;
}
.mobile-menu__list > .menu-item > a:hover {
background: #f5f5f5;
}
.menu-item-has-children > a {
display: flex !important;
align-items: center;
justify-content: space-between;
cursor: pointer;
position: relative;
}
.menu-item-has-children > a .arrow-icon {
display: flex;
align-items: center;
justify-content: center;
width: 32px;
height: 32px;
background: #f0f0f0;
border-radius: 50%;
transition: background 0.3s, transform 0.3s;
flex-shrink: 0;
margin-left: 10px;
cursor: pointer;
}
.menu-item-has-children > a .arrow-icon:hover {
background: #e0e0e0;
}
.menu-item-has-children > a .arrow-icon svg {
width: 28px;
height: 28px;
transition: transform 0.3s;
}
.menu-item-has-children > a .arrow-icon svg path {
fill: #7f3740;
}
.menu-item-has-children > a.open .arrow-icon svg {
transform: rotate(90deg);
}
.mobile-menu__sub .mobile-menu__list {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 0;
}
.mobile-menu__sub .mobile-menu__list > .menu-item > a {
display: block;
padding: 12px 16px;
font-size: 17px;
font-weight: 600;
color: #000;
border-radius: 8px;
transition: background 0.3s;
}
.mobile-menu__sub .mobile-menu__list > .menu-item > a:hover {
background: #f5f5f5;
}
.mobile-menu__sub .sub-menu {
padding-left: 20px;
display: none;
}
.mobile-menu__sub .sub-menu.open {
display: block;
}
.mobile-menu__sub .sub-menu .menu-item a {
display: block;
padding: 10px 16px;
font-size: 16px;
color: #000;
border-radius: 6px;
transition: background 0.2s;
}
.mobile-menu__sub .sub-menu .menu-item a:hover {
background: #f0f0f0;
}
.mobile-menu__sub .menu-item-has-children > a .arrow-icon {
width: 28px;
height: 28px;
}
.mobile-menu__sub .menu-item-has-children > a .arrow-icon svg {
width: 28px;
height: 28px;
}
.sub-menu-header {
display: flex;
align-items: center;
gap: 12px;
padding-bottom: 5px;
margin-bottom: 5px;
border-bottom: 1px solid #e5e5e5;
}
.sub-menu-back {
cursor: pointer;
padding: 8px 12px;
color: #7f3740;
font-weight: 600;
display: flex;
align-items: center;
gap: 6px;
transition: background 0.3s;
border-radius: 8px;
}
.sub-menu-back:hover {
background: #f5f5f5;
}
.sub-menu-back span {
font-size: 16px;
font-weight: 600;
}
.sub-menu-title {
font-size: 18px;
font-weight: 600;
color: #000;
margin: 0;
flex: 1;
}
.mobile-menu__contacts {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 20px;
border-top: 1px solid #e5e5e5;
}
.mobile-menu__contacts .address,
.mobile-menu__contacts .work_time,
.mobile-menu__contacts a {
display: flex;
align-items: center;
gap: 8px;
font-size: 16px;
color: #000;
font-weight: 500;
}
.mobile-menu__contacts svg {
flex-shrink: 0;
}
.mobile-menu__contacts .address svg {
width: 20px;
height: 20px;
fill: #7f3740;
}
.mobile-menu__contacts .work_time svg {
width: 20px;
height: 20px;
fill: #7f3740;
}
.mobile-menu__contacts a svg {
width: 18px;
height: 18px;
}
.mobile-menu__contacts a[href^="tel"] {
font-weight: 600;
color: #7f3740;
}
.header__search {
max-height: 0;
transition: max-height 0.4s ease, padding 0.4s ease;
background: #fff;
padding: 0 20px;
border-top: 1px solid #eee;
visibility: hidden;
}
.buttons__mobile-header {
display: flex;
align-items: center;
padding-top: 10px;
}
.header__search-button {
height: 42px;
}
.mobile-menu__callback.call__button-header {
background: #7f3740;
padding: 10px 30px;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
border-radius: 20px;
border: 1px solid transparent;
transition: border-color 0.3s ease, color 0.3s ease, background 0.3s ease;
font-size: 16px;
font-weight: 500;
}
.mobile-menu__callback.call__button-header:hover {
color: #7f3740;
background: transparent;
border-color: #7f3740;
}
#fixedHeader .header__search.open {
max-height: 200px;
padding: 15px 20px;
visibility: visible;
}
.footer__inner-list {
gap: 30px;
flex-direction: column;
}
.footer__inner {
padding: 25px 25px;
}
.footer_address {
max-width: 650px;
}
.footer__col {
width: 100%;
}
#scrollBtn {
right: 30px;
animation: none;
}
#col_company {
width: 100%;
}
.label__footer {
position: relative;
cursor: pointer;
display: flex;
width: 100%;
}
.label__footer::after {
content: '';
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
width: 28px;
height: 28px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
background-position: center;
transition: transform 0.3s ease;
}
.label__footer.active::after {
transform: translateY(-50%) rotate(180deg);
}
.footer__col:not(#col_logo) .menu {
display: none;
}
.footer__col:not(#col_logo) .menu.active {
display: block;
}
.footer__col ul {
gap: 10px;
}
.contacts__list {
gap: 40px;
flex-direction: column;
}
.contacts__list .right__contacts {
height: 400px;
}
.form__bottom-container {
flex-direction: column;
gap: 40px;
}
.left__form {
width: 100%;
}
.form__bottom-container .right__form {
max-width: 100%;
min-width: unset;
width: 100%;
}
.steps__container {
flex-direction: column;
gap: 40px;
}
.steps__list {
width: 100%;
}
.steps__text {
width: 100%;
}
.about__list {
min-width: unset;
flex-direction: column;
}
.about__img {
max-width: 100%;
max-height: 350px;
height: 350px;
}
.about__img img {
max-height: 350px;
height: 350px;
}
.list__number_advant {
flex-direction: row;
}
.about__text{
padding: 45px;
}
.container-banner {
flex-direction: column;
}
.banner-buttons {
margin-top: 40px;
}
.mobile_banner-content.sec_col {
max-width: 100%;
}
.list__advant {
grid-template-columns: repeat(1, 1fr);
}
h2 {
font-size: 26px;
}
.banner-title-mobile {
font-size: 40px;
}
.banner-buttons > * {
width: 100%;
}
.container h2 {
margin-bottom: 25px;
}
.sertifikaty__main .swiper-slide {
width: 275px;
}
.reviews__main .swiper-slide {
width: 275px;
}
.payment__item, .delivery__item {
max-width: 100%;
width: 100%;
}
.page__payment .payment__list {
max-width: 100%;
}
.reviews__list, .certs__list {
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
justify-items: center;
}
.gallery__text-item {
opacity: 1 !important;
background: rgba(0, 0, 0, 0.6);
padding: 20px;
bottom: 0;
background: #000000a3;
}
.gallery__text-item > * {
opacity: 1;
transform: none;
}
.gallery__text-item::after {
content: "";
position: absolute;
right: 15px;
bottom: 15px;
width: 35px;
height: 35px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.325 14.899l5.38 5.38a1.008 1.008 0 0 1-1.427 1.426l-5.38-5.38a8 8 0 1 1 1.426-1.426M10 16a6 6 0 1 0 0-12 6 6 0 0 0 0 12m3-5h-2v2a1 1 0 0 1-2 0v-2H7a1 1 0 0 1 0-2h2V7a1 1 0 1 1 2 0v2h2a1 1 0 0 1 0 2'/%3E%3C/svg%3E");
background-size: contain;
background-repeat: no-repeat;
opacity: 0.8;
}
.steps__text span {
font-size: 16px;
}
.objects__gallery-hover {
background: rgba(0, 0, 0, 0.2);
opacity: 1;
padding-bottom: 15px;
justify-content: end;
align-items: end;
padding-right: 15px;
}
.objects__gallery-hover svg {
width: 30px;
height: 30px;
}
.produkciya__item.produkciya__item--item img, .simillar__grid.produkciya img {
width: 180px;
height: 160px;
}
.produkciya__grid.produkciya__grid--items-wrapper, .simillar__grid.produkciya {
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}
.filters__produkciya-list span:hover {
background: none;
color: #000;
}
.produkciya__image, .produkciya__item.produkciya__item--item .produkciyaitem__image {
max-width: 100%;
width: 100%;
}
.produkciya__info {
max-width: 100%;
width: 100%;
}
.produkciya__title {
display: flex;
}
.produkciya__title-span {
display: none;
}
.produkciya__meta-list {
display: flex;
flex-direction: column;
gap: 30px;
}
.produkciya__image img {
height: 350px;
}
.produkciya__info-wrapper .modal__callback {
width: 350px;
text-align: center;
padding: 15px;
}
.produkciya__item.produkciya__item--item .produkciyaitem__image, .produkciya__item.produkciya__item--item {
display: flex;
justify-content: center;
}
.uslugi__info-wrapper {
gap: 20px;
}
.uslugi__meta-list {
gap: 20px;
}
.uslugi__info-wrapper .modal__callback {
width: 250px;
text-align: center;
}
.modal__callback-container {
display: flex;
justify-content: center;
}
.uslugi__meta-list {
display: flex;
flex-direction: column-reverse;
}
.produkciya__content-wrapper {
padding-top: 90px;
}
.uslugi__right-img {
gap: 0px;
flex-direction: column;
margin-bottom: 20px;
}
.uslugi__right-img img {
height: 400px;
max-width: 100%;
min-width: none;
}
}
@media (max-width: 768px) {
.no-mobile {
display: none !important;
}
.page__nm > section:nth-of-type(1) .container {
padding-top: 20px;
}
.services__list {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 20px;
}
.container {
padding-top: 40px;
}
#CookiesAlert .content {
flex-direction: column;
align-items: center;
}
#CookiesAlert .content {
width: fit-content;
}
#CookiesAlert .content p {
margin: 0;
padding: 0;
}
.page__notfound h1 {
font-size: 140px;
}
.page__notfound h2 {
font-size: 26px;
}
.notfound__container {
padding: 0px 20px;
}
.field__bottom-form:nth-child(-n+3) input {
height: 45px;
}
.contacts__bottom .container {
padding-bottom: 80px;
}
.form__modal-container .field__bottom-form:nth-child(-n+3) input {
color: #000;
}
.faq__question {
font-size: 18px;
}
.faq__answer {
font-size: 16px;
}
.documentation__title {
font-size: 20px;
}
.documentation__name {
font-size: 16px;
}
.documentation__info {
gap: 20px;
}
.documentation__info {
flex-direction: column;
}
.contacts__list-info {
display: flex;
flex-direction: column;
}
.staff__list {
display: flex;
flex-direction: column;
}
.map__card {
display: none;
}
.inner_partners {
flex-direction: column;
gap: 30px;
}
.buttons_partners .callback__modal-but {
padding: 10px;
}
.news__image img {
width: 100%;
}
.news__content {
font-size: 16px;
}
.gallery__small {
display: flex;
flex-direction: column;
}
.table-wrapper {
width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
border: 1px solid #ddd;
border-radius: 8px;
}
.uslugi__right-img img {
height: 300px;
}
}
@media (max-width: 568px) {
.no-dekstop {
display: flex !important;
}
main {
padding-top: 60px;
}
.header__fixed_mobile {
height: 60px;
}
.header__search.open {
padding: 10px 20px;
}
.logo__container img {
height: 45px;
}
.right__fixed_mobile {
gap: 10px;
}
.right__fixed_mobile a, .right__fixed_mobile button {
height: 30px;
width: 30px;
}
.phone__icon-header-mobile svg {
width: 14px;
height: 14px;
}
.search__toggle svg {
height: 18px;
width: 18px;
}
.burger__menu-toggle {
width: 34px !important;
height: 34px !important;
}
.burger__line {
height: 2px;
width: 20px;
}
.burger__menu-toggle.active .burger__line:nth-child(3) {
transform: translateY(-6.5px) rotate(-45deg);
}
#col_logo .logo_container img {
max-width: 150px;
}
.footer_info {
gap: 10px;
}
#scrollBtn {
right: 10px;
bottom: 10px;
}
.banner-title-mobile {
font-size: 30px;
}
.banner-buttons {
flex-direction: column;
}
.banner-buttons > * {
max-height: 52px;
}
.list__number_advant {
flex-direction: column;
width: 100%;
}
.about__number_advant {
display: flex;
justify-content: center;
}
.form__bottom-container {
padding: 20px;
}
.item__nubmer_advant {
max-width: 100%;
min-height: auto;
}
.info__card-item {
padding: 20px 30px 30px 30px;
}
.objects__main .upper__text a {
display: none;
}
.objects__main .upper__text {
margin-bottom: 25px;
}
.partners__main .partners__list {
flex-direction: column;
}
.partners__main .partners__item {
display: flex;
justify-content: center;
}
.contacts__bottom .container {
padding-bottom: 60px;
}
.buttons__bottom-objects a {
color: #fff;
background: #7f3740;
border-radius: 20px;
font-weight: 500;
padding: 10px 15px;
transition: all 0.3s ease;
border: 1px solid transparent;
display: flex;
align-items: center;
gap: 5px;
line-height: normal;
justify-content: center;
width: 100%;
}
.buttons__bottom-objects a:hover {
border-color: #7f3740;
color: #7f3740;
background: #fff;
}
.buttons__bottom-objects a path {
transition: fill 0.3s ease;
}
.buttons__bottom-objects a:hover path {
fill: #7f3740;
}
.all_blog {
margin-top: 20px;
}
.all_blog.no-dekstop a {
color: #7f3740;
background: #fff;
border-radius: 20px;
font-weight: 500;
padding: 10px;
transition: all 0.3s ease;
border: 1px solid #7f3740;
display: flex;
align-items: center;
gap: 5px;
line-height: normal;
justify-content: center;
width: 100%;
}
.all_blog.no-dekstop a {
color: #fff;
background: #7f3740;
}
.all_blog.no-dekstop a path {
transition: fill 0.3s ease;
}
.all_blog.no-dekstop a:hover path {
fill: #fff;
}
.all__reviews a {
width: 100%;
justify-content: center;
}
.all__reviews a path {
transition: fill 0.3s ease;
}
.all__reviews a:hover path {
fill: #7f3740;
}
.page__nm h1 {
margin-bottom: 30px;
}
#breadcrumbs {
padding: 30px 20px 20px 20px;
}
.reviews__item, .certs__item {
width: 100%;
}
.reviews__item a {
padding: 20px 20px 0px 20px;
}
.certs__item a {
padding: 20px;
}
.reviews__main img, .certs__item img {
min-height: 260px;
height: 360px;
max-height: unset;
}
.documentation__name {
flex-direction: column;
text-align: center;
}
.documentation__name svg {
width: 30px;
height: 30px;
}
.staff__item {
flex-direction: column;
align-items: center;
}
.slider__contacts_how_to_find_us .swiper-slide {
height: 300px;
}
.contacts__list-info .main__info a, .contacts__list-info .main__info span {
font-size: 16px;
}
.numbers__dop-item {
flex-direction: column;
}
.contacts__list-info .main__info a span, .contacts__list-info .main__info .numbers__list a {
border-color: #000;
}
.upper__staff img {
width: 120px;
}
.simillar__name {
font-size: 18px !important;
}
.simillar__title {
font-size: 24px;
}
.news__content p {
font-size: 16px;
}
.news__content p.strong__el {
font-size: 16px;
}
.blog__content p {
font-size: 16px;
}
.blog__content p.strong__el {
font-size: 18px;
}
.objects__content p {
font-size: 16px;
}
.post__objects .adress__object, .post__objects .building__type {
font-size: 16px;
}
.produkciya__item.produkciya__item--item .produkciyaitem__title {
font-size: 14px;
}
.produkciya__grid.produkciya__grid--items-wrapper {
gap: 10px;
}
.produkciya__item.produkciya__item--item {
padding: 20px 10px;
}
.produkciya__item.produkciya__item--item img, .simillar__grid.produkciya img {
width: 140px;
height: 120px;
}
.produkciya__info-wrapper .modal__callback {
width: 100%;
text-align: center;
padding: 15px;
}
.simillar__grid.produkciya {
gap: 10px;
}
.produkciya__price {
text-align: center;
}
.uslugi__wrapper p, .uslugi__wrapper ol, .uslugi__wrapper ul, .uslugi__wrapper span, .uslugi__shortinfo {
font-size: 16px;
}
.uslugi__wrapper h2 {
font-size: 20px;
}
.attention {
flex-direction: column;
text-align: center;
}
.uslugi__thumbnail.wp-post-image {
max-height: 300px;
min-height: unset;
}
.about__text {
padding: 30px;
}
.inner_partners span {
font-size: 16px;
}
.inner_partners {
padding: 30px;
}
.produkciya__image img {
height: 300px;
}
.produkciya__content p {
font-size: 16px;
}
.mobile-menu__list > .menu-item > a {
max-height: 35px;
min-height: 35px;
}
.mobile-menu__sub .mobile-menu__list > .menu-item > a {
max-height: 100%;
}
.produkciya__content-wrapper {
font-size: 16px;
}
.produkciya__content-wrapper {
padding-top: 60px;
}
.produkciya__content-wrapper p:not(:last-child) {
margin-bottom: 15px;
}
.services__done-item a {
font-size: 16px;
}
.object__meta-list {
display: flex;
flex-direction: column;
}
.objects__image img {
height: 300px;
}
}
@media (max-width: 468px) {
.produkciya__grid.produkciya__grid--items-wrapper, .simillar__grid.produkciya {
grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
}
.mobile-menu__callback.call__button-header {
width: 100%;
}
}
@media (max-width: 400px) {
.our__contacts-title {
font-size: 16px;
}
.produkciya__item.produkciya__item--item img {
width: 180px;
height: 140px;
}
.produkciya__item.produkciya__item--item {
width: 100%;
}
}
@media (max-width: 380px) {
.produkciya__grid.produkciya__grid--items-wrapper {
display: flex;
flex-wrap: wrap;
}
.objects__list, .news__main .news__grid, .services__list, .blog__main .blog__grid, .gallery__list, .simillar__grid, .objects__gallery-list {
display: flex;
flex-direction: column;
}
}
@media (max-width: 350px) {
.banner-title-mobile {
font-size: 26px;
}
.banner-subtitle-mobile {
font-size: 16px;
}
.mobile_banner-inner_item span:first-child {
margin-bottom: 20px;
}
.img_container-services img {
height: 150px;
}
.text_container-services {
padding: 15px;
}
.under-title-services {
font-size: 14px;
}
.title-services {
font-size: 16px;
}
.container h2 {
font-size: 22px;
}
.item__advant .upper__image .icon__badge svg {
width: 50px;
height: 50px;
}
.down__text .title__advant {
font-size: 18px;
}
.down__text .untitle__advant {
font-size: 14px;
}
.item__advant ul li {
font-size: 14px;
}
.number__advant {
font-size: 40px;
}
.about__img img {
height: 300px;
}
.about__img {
max-height: 100%;
height: 100%;
}
.item__nubmer_advant {
padding: 20px;
}
.under__title_advant {
font-size: 14px;
}
.main__title_advant {
font-size: 28px;
}
.main__about_text {
font-size: 14px;
}
.main__work_title {
font-size: 20px;
}
.adapt__work_text {
font-size: 14px;
}
.left__work_img img {
height: 200px;
min-height: 200px;
}
.buttons_more span {
font-size: 14px;
}
.banner-buttons {
font-size: 15px;
}
.steps__text span {
font-size: 14px;
}
.step__item {
flex-direction: column;
}
.steps__list::before {
left: 50%;
}
.main_title__step span:nth-of-type(1) {
font-size: 16px;
}
.step__item span {
font-size: 14px;
}
.upper__card-item {
height: 250px;
}
.title__object, .title__object a {
font-size: 16px;
}
.adress__object, .building__type {
font-size: 14px;
}
.buttons__card-item a {
font-size: 14px;
}
.buttons__bottom-objects a {
font-size: 14px;
}
.news__main .news__card-title a, .news__main .news__card-title {
font-size: 16px;
}
.news__card-excerpt {
font-size: 14px;
}
.news__main .news__read-more {
font-size: 14px;
}
.all_blog.no-dekstop a {
font-size: 14px;
}
.reviews__main .swiper-slide, .sertifikaty__main .swiper-slide {
width: 100%;
}
.all__reviews a {
font-size: 14px;
}
.form__bottom-container span {
font-size: 14px;
}
.field__bottom-form:nth-child(-n+3) input {
font-size: 14px;
height: 35px;
}
.form__bottom-container textarea {
font-size: 14px;
}
.form__bottom-container .wpcf7-submit {
font-size: 14px;
}
.field__bottom-form {
font-size: 14px;
}
.contacts__list .adress__contacts {
font-size: 14px;
}
.contacts__list .left__contacts span {
font-size: 14px;
}
.contacts__list .left__contacts .contacts__mail span, .contacts__list .left__contacts .contacts__phone span {
font-size: 14px;
}
.form__bottom-container .codedropz-upload-handler::before {
background-position: left;
}
.header__search-button {
height: 32px;
}
.mobile-menu__list > .menu-item > a {
font-size: 15px;
}
.menu-item-has-children > a .arrow-icon svg {
width: 24px;
height: 24px;
}
.menu-item-has-children > a .arrow-icon {
width: 28px;
height: 28px;
}
.mobile-menu__contacts .address, .mobile-menu__contacts .work_time, .mobile-menu__contacts a {
font-size: 14px;
}
.mobile-menu__callback.call__button-header {
font-size: 14px;
}
.sub-menu-back span {
font-size: 14px;
}
.sub-menu-title {
font-size: 16px;
}
.mobile-menu__sub .mobile-menu__list > .menu-item > a {
font-size: 15px;
}
.o_kompanii__text span {
font-size: 15px;
}
.o_kompanii__image, .o_kompanii__image img {
height: 250px;
}
.advantages__about-item .title__about-item {
font-size: 16px;
}
.advantages__about-item span {
font-size: 14px;
}
.steps__number span {
font-size: 16px;
}
.tab-btn {
font-size: 14px;
}
.inner_partners {
padding: 20px;
}
.inner_partners span {
font-size: 14px;
}
#breadcrumbs {
padding: 30px 20px 0px 20px;
}
.uslugi__wrapper p, .uslugi__wrapper ol, .uslugi__wrapper ul, .uslugi__wrapper span, .uslugi__shortinfo {
font-size: 14px;
}
.uslugi__wrapper.uslugi__info--no-thumbnail .uslugi__info-wrapper .modal__callback {
font-size: 14px;
}
.uslugi__wrapper h2 {
font-size: 18px !important;
}
#scrollBtn {
width: 30px;
height: 30px;
}
.form__title {
font-size: 24px;
}
.form__description {
font-size: 14px;
}
.form__modal-container .field__bottom-form:nth-child(-n+3) input {
height: 35px;
font-size: 14px;
}
.form__modal-container .wpcf7-form-control.wpcf7-submit {
font-size: 14px;
}
#breadcrumbs a {
font-size: 14px;
}
#breadcrumbs span {
font-size: 14px;
}
.delivery__payment-title {
font-size: 16px;
}
.page__payment .title__payment-item, .page__payment .title__delivery-item {
font-size: 16px;
}
.page__payment .payment__item span {
font-size: 14px;
}
.reviews__main img, .certs__item img {
height: 250px;
object-fit: contain;
}
.certs__item a, .reviews__item a {
width: 100%;
}
.gallery__text-item > * {
font-size: 14px;
}
.our__contacts-title {
font-size: 18px;
}
.contacts__list-info .main__info a, .contacts__list-info .main__info span {
font-size: 14px;
}
.staff__item span, .staff__item a {
font-size: 14px;
}
.dop-number span, .staff__item span span {
padding: 2px 5px;
}
.documentation__list span {
font-size: 16px;
}
.documentation__name {
font-size: 14px;
}
.documentation__list a {
font-size: 14px;
}
.faq__question {
font-size: 16px;
}
.faq__answer {
font-size: 14px;
}
.produkciya__grid--list .produkciya__item .produkciyaitem__image img {
width: 180px;
height: 120px;
}
.produkciyaitem__order-btn {
font-size: 14px;
}
.produkciya__image img {
height: 250px;
}
.produkciya__price {
font-size: 20px;
}
.produkciya__info-wrapper .modal__callback {
font-size: 14px;
}
.produkciya__content p {
font-size: 14px;
}
#scrollBtn svg {
width: 20px;
height: 20px;
}
.news__content {
font-size: 14px;
}
.table-custom {
font-size: 14px;
}
.news__content p {
font-size: 14px;
}
.produkciya__content-wrapper {
font-size: 16px;
}
}
@media (hover: none) {
#header_lower a:hover {
background: none;
}
.header__fixed_inner #menu-lower a:not(#custom-menu a):hover {
background: none;
color: #7f3740;
}
#fixedHeader .menu-item-9.active > a::after, #fixedHeader .menu-item-460.active > a::after {
transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%237f3740' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
#fixedHeader .menu-item-9.current-menu-item.active > a::after, #fixedHeader .menu-item-460.current-menu-item.active > a::after {
transform: rotate(180deg);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='M16.53 9.47a.75.75 0 0 1 0 1.06L12 15.06l-4.53-4.53a.75.75 0 1 1 1.06-1.06L12 12.94l3.47-3.47a.75.75 0 0 1 1.06 0' clip-rule='evenodd'/%3E%3C/svg%3E");
}
}