html {
scroll-behavior: smooth;
}
.contact {
min-height: 500px;
}
.contact h1 {
font-size: 38px;
font-weight: 600;
}
.contact-cont-left {
margin-right: 30px;
}
.contact-cont-left a {
color: black;
}
.contact-cont-left p {
max-width: 500px;
}
.contact-cont-right {
width: 100%;
}
.contact-cont-right iframe {
width: 100%;
height: 100%;
}
.contact-cont {
display: flex;
justify-content: space-between;
padding-bottom: 40px;
min-height: 400px;
}
.contact-cont frame {
margin-left: 30px;
}
.contact-ofice {
margin-bottom: 80px;
}
.contact-ofice-title {
font-size: 38px;
font-weight: 600;
margin-bottom: 30px;
}
.contact-ofice img {
margin-bottom: 10px;
}
@media (max-width: 769px) {
.contact-ofice-title {
font-size: 28px;
}
.contact-cont {
flex-direction: column;
justify-content: center;
}
.contact-cont frame {
margin-left: 0px;
}
.contact h1 {
font-size: 28px;
}
.contact-cont-left {
margin-right: 0px;
}
}
.tableSlide .col {
cursor: pointer;
transition: background 0.3s ease-in-out;
}
.tableSlide .col:hover {
background: #E0E0E0;
}
@font-face {
font-family: 'gothampro';
src: url('./fonts/gothampro_light.ttf') format('truetype');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'gothampro';
src: url('./fonts/gothampro.ttf') format('truetype');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'gothampro';
src: url('./fonts/gothampro_medium.ttf') format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'gothampro';
src: url('./fonts/gothampro_bold.ttf') format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'gothampro';
src: url('./fonts/gothampro_black.ttf') format('truetype');
font-weight: 900;
font-style: normal;
font-display: swap;
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: 112%;
}
body {
font-family: 'gothampro', sans-serif;
font-weight: 400;
background: #FFFFFF;
color: #232323;
padding: 20px;
font-size: 16px;
}
a {
font-size: 16px;
text-decoration: none;
color: #232323;
transition: all 0.4s;
}
h1,
h2,
h3,
h4,
h5 {
line-height: 112%;
font-weight: 700;
}
h2 {
font-size: 45px;
text-transform: uppercase;
}
h4 {
font-size: 20px;
font-weight: 500;
}
ul:not(.slick-dots) {
display: flex;
flex-direction: column;
gap: 5px;
padding-left: 20px;
}
ul li span {
font-weight: 500;
}
path {
transition: all 0.4s;
}
input,
button,
textarea {
font-family: 'gothampro', sans-serif;
outline: none;
border: none;
border-radius: 10px;
}
input,
textarea {
font-weight: 300;
padding: 12px 20px;
font-size: 14px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
}
textarea {
resize: none;
min-height: 90px;
}
input {
height: 50px;
}
button {
cursor: pointer;
}
@property --form-start {
syntax: '';
inherits: false;
initial-value: rgba(78, 169, 84, 0.63);
}
@property --form-end {
syntax: '';
inherits: false;
initial-value: rgba(78, 169, 84, 0.83);
}
button {
font-size: 20px;
height: 54px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
color: #FFFFFF;
font-weight: 700;
border-radius: 38px;
background: linear-gradient(180deg, var(--form-start), var(--form-end));
transition: --form-start 0.5s ease-in-out, --form-end 0.5s ease-in-out;
}
button:hover {
--form-start: rgba(78, 169, 84, 0.83);
--form-end: rgba(78, 169, 84, 0.6);
}
.container {
max-width: 1300px;
width: 100%;
margin: 0 auto;
}
.container.flex {
display: flex;
}
.pageWrapper {
display: flex;
flex-direction: column;
gap: 20px;
}
@property --color-start {
syntax: '';
inherits: false;
initial-value: rgba(78, 169, 84, 0.33);
}
@property --color-end {
syntax: '';
inherits: false;
initial-value: rgba(78, 169, 84, 0.83);
}
.btn {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
gap: 12px;
color: #FFFFFF;
font-weight: 700;
font-size: 19px;
border: 1px solid #4EA954;
border-radius: 38px;
background: linear-gradient(180deg, var(--color-start), var(--color-end));
height: 58px;
padding: 0 36px;
transition: --color-start 0.5s ease-in-out, --color-end 0.5s ease-in-out;
}
.btn:hover {
--color-start: rgba(78, 169, 84, 0.83);
--color-end: rgba(78, 169, 84, 0.33);
}
.btn.border {
background: transparent;
color: #4EA954;
height: 64px;
border-radius: 50px;
transition: all 0.4s;
}
.btn.border:hover {
background: #4EA954;
color: #FFFFFF;
}
.btn.border.bold {
border: 2px solid #4EA954;
font-weight: 500;
}
.more {
display: inline-flex;
align-items: center;
gap: 10px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
opacity: 0.5;
}
.more._gray span {
color: rgba(70, 78, 71, 0.5);
border-bottom: 1px solid rgba(70, 78, 71, 0.5);
}
.more._gray,
.more._youtube {
opacity: 1;
}
.more._youtube span {
color: #FF0000;
border-bottom: 1px dashed #FF0000;
}
.more span {
transition: all 0.4s;
color: #4EA954;
border-bottom: 1px solid #4EA954;
}
.more:hover span {
color: #323232;
border-color: #323232;
}
.more:hover path {
fill: #323232;
}
.more:hover {
opacity: 1;
}
.about .more {
opacity: 1;
}
.headerFixer {
display: none;
}
.burgerBtn {
width: 24px;
height: 21px;
position: relative;
order: 5;
display: none;
}
.burgerBtn::after,
.burgerBtn::before,
.burgerBtn span {
position: absolute;
content: '';
width: 100%;
height: 3px;
border-radius: 12px;
background: #A0A6A2;
transition: all 0.4s;
left: 50%;
transform: translateX(-50%);
}
.burgerBtn::after {
top: 0;
}
.burgerBtn::before {
bottom: 0;
}
.burgerBtn span:first-child {
top: 6px;
}
.burgerBtn span:last-child {
bottom: 6px;
}
.burgerBtn:hover::after,
.burgerBtn:hover::before,
.burgerBtn:hover span {
background: #323232;
}
._active .burgerBtn::after,
._active .burgerBtn::before {
opacity: 0;
}
._active .burgerBtn span {
top: 50%;
transform: translate(-50%, -50%) rotate(45deg);
background: #4EA954;
}
._active .burgerBtn span:last-child {
transform: translate(-50%, -50%) rotate(-45deg);
bottom: unset;
}
/*modals*/
.modal {
overflow: auto;
display: block;
opacity: 0;
visibility: hidden;
border-radius: 50px;
padding: 60px 40px 100px;
position: fixed;
z-index: 999;
left: 50%;
top: 20%;
transition: all linear 0.2s;
background: url(../../files/hero/4.jpg);
background-size: cover;
width: 900px;
display: flex;
margin-left: -450px;
align-items: center;
justify-content: center;
}
.modal__close {
position: absolute;
top: 40px;
right: 40px;
}
.modal .cta {
padding: 0;
margin: 0;
min-height: unset;
}
.modal__header {
font-size: 40px;
text-align: center;
margin-bottom: 60px;
font-weight: 900;
line-height: 130%;
text-transform: uppercase;
z-index: 2;
color: #ffffff;
}
.modal__open {
opacity: 1;
visibility: visible;
}
.modal__close {
cursor: pointer;
}
.modal__substrate {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: #fff;
z-index: 998;
transition: all linear 0.2s;
background: rgb(0, 0, 0, 0.5);
}
.modal__substrate__open {
opacity: 1;
visibility: visible;
}
@media (max-width: 900px) {
.modal {
width: 100%;
top: 20%;
left: 0;
margin-left: 0;
}
.modal__window {
width: 100%;
}
.modal__close svg {
width: 25px;
height: 25px;
}
}
@media (max-width: 550px) {
.modal {
height: 100%;
top: 0;
}
.modal__header {
font-size: 28px;
}
}
.header {
padding: 12px 0;
margin-bottom: 12px;
}
.logotype {
display: flex;
}
.header .logotype {
position: relative;
z-index: 8;
}
.header .container {
align-items: center;
justify-content: space-between;
}
.navigation {
display: flex;
align-items: center;
gap: 20px;
}
.navItem:hover,
.phoneNumber:hover {
color: #4EA954;
}
.citySelect {
position: relative;
}
.citySelect .current {
display: flex;
align-items: center;
height: 32px;
padding: 0 24px 0 12px;
position: relative;
font-weight: 500;
border-radius: 20px;
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.06);
backdrop-filter: blur(7px);
background: rgba(255, 255, 255, 0.12);
transition: all 0.4s;
cursor: pointer;
}
.citySelect .current:hover {
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.12);
}
.citySelect .current::after {
position: absolute;
content: '';
background: url('assets/files/icons/arrow.svg');
width: 8px;
height: 5px;
background-size: cover;
top: 50%;
transform: translateY(-50%);
right: 10px;
transition: all 0.4s;
}
.citySelect .current:hover::after {
transform: translateY(-50%) rotate(-90deg);
}
.citySelect .current._active::after {
transform: translateY(-50%) rotate(-180deg);
}
.citySelect .list {
position: absolute;
display: none;
left: 0;
top: calc(100% + 6px);
box-shadow: 0px 4px 7px 0px rgba(0, 0, 0, 0.06);
backdrop-filter: blur(4px);
background: rgba(255, 255, 255, 0.8);
border-radius: 20px;
padding: 6px;
z-index: 5;
}
.citySelect .list .cityItem {
font-size: 14px;
padding: 4px 12px;
display: block;
}
.citySelect .list .cityItem:hover {
color: #4EA954;
}
.citySelect .list ._active {
pointer-events: none;
font-weight: 500;
}
.socials {
display: flex;
gap: 10px;
}
.socials a {
display: flex;
}
.hero {
overflow: hidden;
}
.sliderWrapper {
position: relative;
z-index: 1;
}
.sliderWrapper[data-slider="hero"] {
border-radius: 50px;
overflow: hidden;
}
.sliderWrapper.linned {
display: flex !important;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.sliderWrapper.linned .slick-list {
order: 1;
}
.sliderWrapper.linned .slick-prev {
order: 2;
}
.sliderWrapper.linned .slick-dots {
order: 3;
}
.sliderWrapper.linned .slick-next {
order: 4;
}
.slick-dots {
position: absolute;
z-index: 1;
bottom: 64px;
left: 50%;
transform: translateX(-50%);
display: flex;
align-items: center;
}
.slick-dots li {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
width: 16px;
height: 16px;
border-radius: 50%;
cursor: pointer;
transition: all 0.4s;
}
.slick-dots li.slick-active {
pointer-events: none;
background: rgba(78, 169, 84, 0.2);
filter: blur(1px);
}
.slick-dots button {
width: 10px;
height: 10px;
background: rgba(255, 255, 255, 0.7);
border: none;
font-size: 0;
border-radius: 50%;
cursor: pointer;
}
.slick-dots li.slick-active button {
background: #4EA954;
}
.mySlide {
display: flex !important;
align-items: center;
justify-content: center;
height: 820px;
background-size: cover !important;
position: relative;
border-radius: 50px;
overflow: hidden;
color: #FFFFFF;
line-height: 140%;
}
.mySlide p {
position: relative;
z-index: 2;
}
.mySlide.small {
height: 600px;
}
.mySlide.default {
font-size: 22px;
}
.mySlide.default .content {
display: flex;
flex-direction: column;
gap: 16px;
max-width: 920px;
}
.mySlide.default .slideTitle {
padding: 0;
}
.mySlide.default p {
line-height: 140%;
}
.mySlide.item {
height: 370px;
}
.mySlide.item .container {
display: flex;
flex-direction: column;
gap: 12px;
}
.mySlide.item .slideTitle {
min-height: unset;
padding: 0;
}
.mySlide::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0);
}
@media (max-width: 768px) {
.mySlide::before {
background: transparent;
}
}
.mySlide .container {
position: relative;
z-index: 1;
}
.mySlide .container::after {
position: absolute;
content: '';
z-index: 1;
width: 880px;
height: 320px;
left: -180px;
top: -20px;
border-radius: 50%;
filter: blur(100px);
background: rgba(0, 0, 0, 0.3);
}
.slideSub {
font-size: 23px;
padding-bottom: 5px;
position: relative;
z-index: 2;
}
.slideTitle {
font-size: 50px;
font-weight: 900;
line-height: 130%;
text-transform: uppercase;
padding-bottom: 30px;
min-height: 120px;
position: relative;
z-index: 2;
}
.mySlide .btn {
margin-top: 15px;
position: relative;
z-index: 2;
}
.properties {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px 40px;
width: max-content;
position: relative;
z-index: 2;
}
.properties p {
display: flex;
gap: 5px;
}
.properties span {
color: rgba(0, 0, 0, 0.5);
}
.properties strong {
font-weight: 500;
}
.mySlide .properties {
padding: 24px 40px;
border-radius: 20px;
backdrop-filter: blur(12px);
background: rgba(255, 255, 255, 0.18);
}
.mySlide .properties span {
color: rgba(255, 255, 255, 0.8);
}
.advantages {
position: relative;
display: flex;
max-width: 1240px;
margin: 0 auto;
gap: 10px;
margin-top: -42px;
z-index: 2;
}
.advantage {
display: flex;
flex-direction: column;
gap: 12px;
padding: 12px 24px;
width: calc((100% - 30px) / 4);
font-weight: 500;
background: #FFFFFF;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
border-radius: 20px;
}
.advantage .image {
display: flex;
align-items: center;
height: 60px;
}
.about {
padding: 115px 0;
}
.about .container {
gap: 12px;
}
.aboutImage {
width: 590px;
height: 600px;
position: relative;
display: flex;
gap: 10px;
}
.aboutImage ._image {
width: calc(50% - 5px);
height: 540px;
border-radius: 25px;
overflow: hidden;
}
.aboutImage ._image:first-child {
margin-top: 60px;
}
.aboutImage ._image:first-child img {
position: relative;
left: calc(50% + 148px);
top: calc(50% - 45px);
transform: translate(-50%, -50%);
}
.aboutImage ._image:last-child img {
position: relative;
top: calc(50% + 15px);
left: calc(50% - 148px);
transform: translate(-50%, -50%);
}
.about .wrapper {
width: calc(100% - 602px);
display: flex;
flex-direction: column;
gap: 20px;
padding-top: 36px;
}
.about h2 {
color: #323232;
}
.about .wrapper>p {
line-height: 122%;
}
.wrapper .bag {
padding: 24px;
border-radius: 24px;
background: #F3F3F3;
display: flex;
flex-direction: column;
gap: 10px;
margin-top: 20px;
}
.wrapper h4 span {
color: #4EA954;
}
.wrapper li {
font-size: 18px;
line-height: 140%;
}
.projects,
.command {
padding: 80px 0;
}
.sliderWrapper[data-slider="projects-page"] .slick-slide>div {
margin: 0 5px;
}
.sliderWrapper[data-slider="projects-page"] .slick-slide>div .projectItem {
margin: 20px 0;
}
.projects .container,
.command .container {
flex-direction: column;
gap: 20px;
}
.projects .slick-track,
.works .slick-track,
.reviews .slick-track,
.command .slick-track {
padding: 20px;
margin: 0 -20px;
padding-top: 0;
}
.sliderWrapper[data-slider="trust"] .slick-list {
padding: 8px;
margin-left: -8px;
}
.projects .slick-dots,
.works .slick-dots,
.command .slick-dots {
position: relative;
bottom: unset;
justify-content: center;
margin-top: 12px;
left: unset;
transform: unset;
}
.command .sliderWrapper {
display: flex !important;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
.command .slick-list {
order: 1;
}
.command .slick-prev {
order: 2;
}
.command .slick-dots {
order: 3;
}
.command .slick-next {
order: 4;
}
.works .slick-dots {
margin: 0;
}
.projects .slick-dots li:not(.slick-active) button,
.works .slick-dots li:not(.slick-active) button,
.reviews .slick-dots li:not(.slick-active) button,
.projectCard .slick-dots li:not(.slick-active) button,
.sliderWrapper[data-slider="trust"] .slick-dots li:not(.slick-active) button,
.command .slick-dots li:not(.slick-active) button {
background: rgba(70, 78, 71, 0.3);
}
.projectItem {
background: #FFFFFF;
border-radius: 25px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
margin: 0 5px;
}
.projectItem .image {
width: 100%;
height: 265px;
border-radius: 24px;
overflow: hidden;
}
.projectItem .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.projectItem .content {
padding: 20px;
display: flex;
flex-direction: column;
gap: 15px;
}
.projectItem .name {
font-size: 20px;
color: #000000;
}
.line {
width: 100%;
background: rgba(0, 0, 0, 0.15);
height: 0.5px;
}
.price {
display: flex;
align-items: center;
justify-content: space-between;
padding: 12px;
border-radius: 10px;
background: #F2F2F2;
color: rgba(0, 0, 0, 0.5);
}
.price strong {
color: #232323;
font-size: 18px;
}
.price strong span:first-child {
font-size: 14px;
color: rgba(0, 0, 0, 0.5);
font-weight: 400;
}
.price strong span:last-child {
color: #4EA954;
}
.projectItem div:last-child,
.projectCard div:last-child {
display: flex;
gap: 12px;
}
.projectItem div:last-child .btn,
.projectCard div:last-child .btn {
border: none;
color: #323232;
max-width: 200px;
width: 100%;
height: 40px;
font-size: 15px;
text-transform: uppercase;
justify-content: center;
font-weight: 500;
padding: 0;
}
.possibility {
display: flex;
align-items: center;
gap: 4px;
font-size: 8px;
color: #000000;
line-height: 120%;
}
.possibility svg {
min-width: 13px;
}
.center {
width: 100%;
display: flex;
justify-content: center;
}
.slick-arrow {
cursor: pointer;
}
.projects .slick-arrow {
position: absolute;
top: -48px;
right: 0;
}
.slick-arrow:hover path {
fill: #232323;
}
.projects .slick-prev {
right: 70px;
}
.steps {
padding: 130px 0;
background: #F8F8F8;
border-radius: 50px;
}
.steps p {
line-height: 132%;
}
.steps.type2 {
padding: 90px 0;
background: transparent;
}
.steps.type1 {
padding: 90px 0;
}
.steps.type2 h3 {
text-transform: uppercase;
}
.steps.type4 {
padding: 90px 20px;
background: #F8F8F8;
}
.steps.type4 h3 {
text-transform: unset;
font-size: 18px;
}
.steps .container {
flex-wrap: wrap;
gap: 30px;
}
.stepsWrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.steps.type4 .stepsWrapper {
gap: 12px;
}
.steps.type4 .stepItem {
width: calc((100% - 36px) / 4);
min-height: unset;
}
.stepItem {
width: calc((100% - 30px) / 3);
display: flex;
flex-direction: column;
gap: 12px;
min-height: 230px;
}
.stepItem:not(:first-child),
.steps.type1 .stepItem,
.steps.type2 .stepItem {
background: #FFFFFF;
border-radius: 25px;
padding: 24px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
}
.steps.type1 .stepItem:last-child {
color: #FFFFFF;
background: linear-gradient(224.70deg, rgba(78, 169, 84, 0.33) 2.866%, rgba(78, 169, 84, 0.83) 97.397%);
}
.stepItem .number {
color: rgba(78, 169, 84, 0.2);
font-weight: 700;
font-size: 56px;
}
.stepItem:last-child .number {
color: rgba(255, 255, 255, 0.5);
}
.steps h2,
.why h2 {
font-size: 38px;
}
h2.colored {
display: inline-flex;
align-items: center;
flex-wrap: wrap;
gap: 12px;
}
h2.colored span {
display: inline-flex;
flex-wrap: wrap;
}
h2.colored>span span {
display: inline-block;
padding: 8px;
background: rgba(78, 169, 84, 0.15);
}
h2.colored>span span:first-child {
border-radius: 160px 0 0 160px;
padding-left: 24px;
}
h2.colored>span span:first-child:last-child {
border-radius: 160px;
}
h2.colored>span span:last-child {
border-radius: 0 160px 160px 0;
padding-right: 24px;
}
.stepItem h3 {
font-size: 20px;
}
.stepItem>img {
max-width: 50px;
height: auto;
}
.stepItem strong {
font-weight: 500;
}
.works {
padding: 135px 0;
}
.works.better {
padding: 90px 20px;
background: #F8F8F8;
border-radius: 50px;
}
.works.better h2 {
font-size: 40px;
}
.works.better strong {
font-weight: 500;
}
.workSlide {
display: flex !important;
flex-direction: column;
gap: 12px;
padding: 0 10px;
}
.workSlide>.image,
.workSlide .content {
position: relative;
width: 100%;
height: 620px;
border-radius: 25px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.workSlide .content {
height: unset;
padding: 40px;
display: flex;
gap: 16px;
}
.workSlide .content .image {
display: flex;
width: 480px;
height: 360px;
border-radius: 24px;
overflow: hidden;
}
.workSlide .content h3 {
text-transform: uppercase;
font-size: 25px;
}
.workSlide .content h3 span {
color: #4EA954;
}
.workSlide .content .col {
width: calc(100% - 496px);
display: flex;
flex-direction: column;
gap: 16px;
font-size: 18px;
}
.workSlide .content .col ul {
gap: 12px;
}
.workSlide .image img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
.workSlide .image.cover img {
height: 100%;
width: 100%;
object-fit: cover;
object-position: center;
}
.workSlide>p {
max-width: 840px;
line-height: 140%;
}
.workSlide .image>.btn {
min-width: 400px;
font-size: 19px;
text-transform: uppercase;
height: 72px;
padding: 0 40px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
opacity: 0;
z-index: 1;
}
.workSlide .image::before {
position: absolute;
content: '';
z-index: 0;
background: rgba(0, 0, 0, 0.1);
width: 100%;
height: 100%;
left: 0;
top: 0;
backdrop-filter: blur(4px);
opacity: 0;
transition: all 0.4s;
}
.works:not(.better) .workSlideUp:hover .image::before {
opacity: 1;
}
.works:not(.better) .workSlideUp:hover .btn {
opacity: 1;
}
.map {
height: 700px;
border-radius: 50px;
overflow: hidden;
}
.marker {
cursor: pointer;
}
.markerContainer {
position: absolute;
transform: translate(-45%, -110%);
}
.markerContent {
position: relative;
display: flex;
width: 480px;
padding: 18px;
background: #FFFFFF;
border-radius: 20px;
gap: 10px;
font-size: 14px;
box-shadow: 0px 4px 14px 0px rgba(78, 169, 84, 0.1);
}
.markerContent::before {
position: absolute;
content: '';
width: 71px;
height: 36px;
left: 50%;
top: 99%;
transform: translateX(-50%);
background: url('assets/files/icons/markerArrow.svg');
background-size: cover;
box-shadow: 0px 4px 14px 0px rgba(78, 169, 84, 0.1);
}
.markerContent .image {
max-width: 154px;
min-width: 154px;
height: auto;
border-radius: 20px;
overflow: hidden;
}
.markerContent .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.markerContent .info {
display: flex;
flex-direction: column;
gap: 10px;
}
.markerContent .city {
color: #4EA954;
font-size: 18px;
text-transform: uppercase;
}
.markerContent .props {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: 5px;
font-size: 16px;
}
.markerContent .props p {
display: flex;
align-items: center;
gap: 8px;
color: rgba(0, 0, 0, 0.5);
}
.markerContent .props p strong {
font-weight: 500;
color: #232323;
}
.markerContent .closeButton {
position: absolute;
right: 16px;
top: 20px;
cursor: pointer;
}
.why {
padding: 92px 0;
background: #F8F8F8;
border-radius: 50px;
}
.why.type2 {
background: transparent;
}
.why.type2 strong {
font-weight: 500;
}
.why .container {
gap: 40px;
}
.why.type1 {
background: transparent;
}
.why.type1 .container,
.why.type2 .container,
.why.type3 .container {
gap: 12px;
flex-direction: column;
}
.fz18 {
font-size: 18px;
}
.lh130 {
line-height: 130%;
}
.why .col {
width: calc(50% - 20px);
display: flex;
flex-direction: column;
gap: 15px;
}
.why .col>p {
line-height: 122%;
}
.why .row {
display: flex;
flex-wrap: wrap;
gap: 10px;
padding: 12px 0;
}
.why .row .listItem {
padding: 28px 32px;
font-size: 16px;
width: calc((100% - 20px) / 3);
}
.why.type3 .row .listItem {
width: calc((100% - 40px)/5);
padding: 12px 16px;
flex-direction: column;
align-items: unset;
gap: 10px;
}
.why.type3 .row .listItem img {
width: 32px;
height: auto;
}
.trustItem {
width: calc((100% - 40px) / 5);
display: flex !important;
align-items: center;
justify-content: center;
padding: 24px;
height: 170px;
}
.trustItem img {
max-width: 100%;
max-height: 72px;
width: auto;
height: auto;
}
.listItem,
.trustItem {
display: flex;
align-items: center;
gap: 20px;
background: #FFFFFF;
border-radius: 24px;
padding: 24px 44px;
font-size: 18px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
}
.listItem svg {
min-width: 35px;
}
.why .btn {
margin-top: 15px;
}
.reviews {
padding: 90px 0;
}
.reviews .container {
gap: 12px 24px;
display: grid;
grid-template-columns: 420px calc(100% - 444px);
grid-template-rows: min-content 1fr;
grid-template-areas:
"col right"
"links right";
}
.reviews .col {
width: 420px;
display: flex;
flex-direction: column;
gap: 12px;
font-size: 18px;
grid-area: col;
height: min-content;
}
.reviews .col>p {
max-width: 300px;
}
.reviews .sliderWrapper {
grid-area: right;
}
.projectItem iframe {
width: 100%;
height: 265px;
border-radius: 24px;
}
.reviews .projectItem .name,
.command .projectItem .name {
position: relative;
}
.reviews .projectItem .name::after,
.command .projectItem .name::after {
position: absolute;
content: '';
background: rgba(0, 0, 0, 0.15);
width: 100%;
height: 1px;
top: 50%;
transform: translateY(-50%);
right: 0;
}
.reviews .projectItem .name span,
.command .projectItem .name span {
position: relative;
z-index: 1;
padding-right: 10px;
background: #FFFFFF;
}
.projectItem .review {
padding: 12px 16px;
background: #F3F3F3;
border-radius: 20px;
min-height: 60px;
}
.reviews .slick-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.reviews .slick-prev {
left: -24px;
right: unset;
}
.reviews .slick-next {
right: -24px;
}
.reviews .slick-dots {
transform: unset;
bottom: 24px;
left: -444px;
}
.links {
display: flex;
align-items: center;
gap: 15px;
grid-area: links;
height: min-content;
}
.cta {
min-height: 400px;
background-size: cover !important;
background-position: center !important;
border-radius: 50px;
padding: 115px 0;
color: #FFFFFF;
}
.cta[data-id="first"] {
background: url('../../../assets/files/cta1/cta.jpg');
}
.cta[data-id="projects"] {
background: url(../../../assets/files/projects-page/cta/cta.jpg);
}
.cta .container {
align-items: center;
gap: 20px;
}
.cta form {
width: 570px;
}
.cta .info {
width: calc(100% - 590px);
display: flex;
flex-direction: column;
gap: 12px;
}
.cta h2 {
font-size: 40px;
}
.listCta {
display: flex;
align-items: center;
gap: 8px;
font-size: 22px;
font-weight: 500;
line-height: 112%;
}
.cta form,
.standard form {
padding: 28px 36px;
border-radius: 20px;
backdrop-filter: blur(12px);
background: rgba(243, 242, 242, 0.3);
display: flex;
flex-direction: column;
gap: 10px;
}
.standard form {
background: #F3F3F3;
}
.standard._gray form {
background: #FFFFFF;
}
.cta form button,
.standard form button {
margin-top: 10px;
}
.footer {
background: #F9F9F9;
border-radius: 50px;
padding: 110px 0;
}
.footer .container {
justify-content: space-between;
flex-wrap: wrap;
gap: 28px;
}
.footer .col:first-child {
max-width: 310px;
}
.footer .col {
display: flex;
flex-direction: column;
gap: 12px;
}
.police {
font-size: 11px;
}
.footerMenu {
display: flex;
gap: 44px;
}
.fCol {
display: flex;
flex-direction: column;
gap: 12px;
}
.footer h3 {
font-size: 20px;
font-weight: 500;
padding-bottom: 6px;
}
.footerSocial {
width: 255px;
display: flex;
flex-direction: column;
gap: 12px;
}
.footerSocial .email {
font-size: 20px;
}
.footerSocial .phone {
font-size: 22px;
font-weight: 500;
}
.footerSocial .btn {
width: 100%;
height: 40px;
color: #464E47;
font-size: 16px;
font-weight: 500;
}
.footer a:not(.btn):hover {
color: #4EA954;
}
.btnUp {
display: none;
position: fixed;
right: 24px;
bottom: 24px;
width: 64px;
height: 64px;
border-radius: 16px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.15);
background: #FFFFFF;
z-index: 10;
transition: all 0.4s;
cursor: pointer;
}
.btnUp div {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.btnUp:hover {
background: #4EA954;
}
.btnUp:hover path {
fill: #FFFFFF;
}
.btnUp svg {
width: 36px;
height: auto;
}
.cta .text {
display: flex;
flex-direction: column;
gap: 24px;
font-size: 26px;
}
.cta .text strong {
font-weight: 500;
}
.cta .text .btn {
padding: 0 60px;
}
.reliability {
background: #F8F8F8;
border-radius: 50px;
}
.reliabilityImg {
display: flex;
align-items: center;
justify-content: center;
margin-top: 12px;
}
.reliability .sliderWrapper .slick-track {
display: flex;
}
.reliability .sliderWrapper .slick-slide {
height: auto;
flex: 0 0 auto;
}
.reliability .projectItem .review {
line-height: 140%;
}
.standard {
padding: 90px 0;
}
.standard._gray {
background: #F8F8F8;
border-radius: 50px;
padding: 90px 20px;
}
.standard .container {
justify-content: space-between;
gap: 24px;
padding: 0;
}
.standard .col {
max-width: 680px;
display: flex;
flex-direction: column;
gap: 10px;
font-size: 18px;
line-height: 132%;
}
.standard .col:last-child {
width: 540px;
}
.standard h2 {
font-size: 40px;
font-weight: 900;
}
.greened {
color: #4EA954;
font-weight: 500;
font-size: 22px;
}
.standard .info {
background: #F3F3F3;
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
border-radius: 20px;
}
.standard._gray .info {
background: #FFFFFF;
}
.standard h4 {
font-size: 18px;
}
.standard .listCta {
font-size: 16px;
color: #545454;
}
.standard .listCta img {
min-width: 20px;
width: 20px;
}
.breadcrumbs {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
position: relative;
z-index: 2;
}
.breadcrumbs a {
color: #FFFFFF;
}
.properties {
min-height: 46px;
}
.breadcrumbs a:hover {
color: #4EA954;
}
.projectCard {
border-radius: 50px;
background: #F8F8F8;
padding: 90px 0;
}
.projectCard .container {
gap: 12px;
}
.projectCard .sliderWrapper {
max-width: 700px;
width: 100%;
border-radius: 25px;
}
.cardSlide {
min-height: 390px;
border-radius: 25px;
overflow: hidden;
display: flex !important;
justify-content: center;
}
.cardSlide img {
object-fit: cover;
object-position: center;
border-radius: 25px;
}
.projectCard .slick-arrow,
.sliderWrapper[data-slider="trust"] .slick-arrow {
position: absolute;
bottom: -32px;
left: 0;
}
.projectCard .slick-next,
.sliderWrapper[data-slider="trust"] .slick-next {
left: unset;
right: 0;
}
.projectCard .slick-dots,
.sliderWrapper[data-slider="trust"] .slick-dots {
bottom: -28px;
}
.projectCard .info {
max-width: 510px;
width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: 20px;
}
.projectCard h2 {
font-size: 35px;
}
.projectCard .props {
display: flex;
border-radius: 20px;
background: #FFFFFF;
padding: 20px 32px;
justify-content: space-between;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
}
.projectCard .props .col {
display: flex;
flex-direction: column;
gap: 10px;
}
.projectCard .props .col p {
line-height: 22px;
}
.projectCard .props .col:first-child p {
color: rgba(0, 0, 0, 0.5);
font-size: 19px;
}
.projectCard .props .col:first-child strong {
font-weight: 500;
color: #232323;
}
.projectCard .listCta img {
min-width: 18px;
width: 18px;
}
.projectCard .listCta {
font-size: 16px;
color: #545454;
}
.projectCard .price {
padding: 12px 32px;
background: #FFFFFF;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
font-size: 18px;
}
.projectCard .price strong {
font-size: 24px;
}
.projectCard div:last-child .btn {
max-width: 360px;
height: 56px;
font-size: 18px;
}
.priceType {
padding: 90px 0;
}
.tableTop {
margin-bottom: 15px;
display: flex;
gap: 15px;
}
.tableTop .col,
.tableSlide .col {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
width: calc((100% - 45px) / 4);
border-radius: 25px;
background: #F3F3F3;
font-size: 20px;
}
.tableTop .col {
height: 90px;
background: rgba(78, 169, 84, 0.20);
font-weight: 500;
}
.sliderWrapper[data-slider="price"] {
display: flex;
flex-direction: column;
gap: 15px;
}
.tableSlide {
display: flex;
gap: 15px;
}
.tableSlide .col {
min-height: 150px;
padding: 20px;
}
.tableSlide .image {
width: calc((100% - 45px) / 4);
border-radius: 25px;
overflow: hidden;
position: relative;
}
.tableSlide .image img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.tableSlide .image::after {
position: absolute;
content: '';
background: linear-gradient(180.00deg, rgba(217, 217, 217, 0), rgba(0, 0, 0, 0.5) 100%);
width: 100%;
height: 100%;
left: 0;
top: 0;
z-index: 1;
}
.tableSlide .image p {
font-size: 16px;
font-weight: 700;
color: #FFFFFF;
position: absolute;
left: 0;
bottom: 16px;
z-index: 2;
width: 100%;
text-align: center;
}
.priceType .message {
text-align: center;
font-size: 14px;
padding-top: 20px;
}
.priceType .message sup {
font-size: 9px;
color: #FF0000;
font-weight: 700;
}
.doubleCta {
display: flex;
gap: 20px;
padding: 20px 0;
}
.smallCta {
display: flex;
flex-direction: column;
justify-content: center;
width: calc(50% - 10px);
border-radius: 50px;
padding: 80px;
min-height: 480px;
background-size: cover !important;
background-position: center !important;
color: #FFFFFF;
}
.smallCta:first-child {
background: url(../../../assets/files/project-item/cta1/cta.jpg);
}
.smallCta:last-child {
background: url(../../../assets/files/project-item/cta2/cta.jpg);
}
.smallCta h2 {
font-size: 30px;
}
.smallCta .text {
display: flex;
flex-direction: column;
gap: 12px;
max-width: 580px;
}
.smallCta .listCta {
font-size: 22px;
font-weight: 400;
}
.smallCta .listCta img {
min-width: 20px;
width: 20px;
}
.smallCta .btn {
margin-top: 12px;
font-size: 16px;
padding: 0 52px;
}
.subtitle {
font-size: 22px;
text-transform: uppercase;
}
.smallCta:last-child .btn {
text-transform: uppercase;
}
.quiz {
padding: 105px 0;
}
.quizWrapper {
max-width: 1240px;
width: 100%;
margin: 0 auto;
}
.quizItem {
width: 100%;
min-height: 440px;
border-radius: 25px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
background: #FFFFFF;
font-size: 20px;
overflow: hidden;
position: relative;
display: none;
}
[data-quiz*="3"] .btn {
font-size: 18px;
color: #323232;
height: 56px;
font-weight: 500;
padding: 0 44px;
}
.quizItem[data-quiz="0"] {
display: block;
}
.quizItem>div {
height: 100%;
display: flex;
}
.quizItem .bg {
padding: 20px;
border-radius: 20px;
background: #F8F8F8;
}
.quizItem[data-quiz="0"] {
padding: 60px 90px;
}
.quizItem[data-quiz="0"] .btn {
max-width: 380px;
width: 100%;
}
.quizItem[data-quiz="0"]>div {
flex-direction: column;
justify-content: center;
max-width: 720px;
gap: 16px;
}
.quizItem[data-quiz="0"] .image {
position: absolute;
top: -210px;
right: -216px;
height: auto;
max-width: unset;
}
.quizItem[data-quiz="0"]>div:nth-child(1) {
position: relative;
z-index: 1;
}
.quizItem:not([data-quiz="0"]) .image {
position: relative;
max-width: 420px;
width: 100%;
height: 100%;
display: flex;
max-height: 440px;
}
.quizItem:not([data-quiz="0"]) .image img {
object-fit: cover;
object-position: center;
}
.quizItem .col {
width: calc(100% - 420px);
padding: 30px;
display: flex;
flex-direction: column;
gap: 12px;
}
.quizItem .info {
width: calc(100% - 580px);
display: flex;
flex-direction: column;
gap: 10px;
}
.quizItem .info h2 {
font-weight: 900;
font-size: 34px;
}
.quizItem .form {
width: 540px;
padding: 28px 36px;
border-radius: 20px;
backdrop-filter: blur(12px);
background: rgba(243, 242, 242, 0.3);
display: flex;
flex-direction: column;
gap: 10px;
}
.form button {
height: 50px;
}
.quizItem .info p {
color: rgba(70, 78, 71, 0.6);
}
.quizSteps {
position: relative;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
height: 25px;
border-radius: 40px;
background: #F3F3F3;
font-size: 12px;
}
.quizSteps::after {
border-radius: 40px;
position: absolute;
content: '';
height: 100%;
width: 33%;
left: 0;
top: 0;
background: linear-gradient(90.00deg, rgba(78, 169, 84, 0.5), rgb(78, 169, 84) 100%);
}
[data-quiz*="4"] {
min-height: unset;
padding: 30px;
}
[data-quiz*="4"]>div {
gap: 40px;
}
[data-quiz*="3"] .quizSteps {
color: #FFFFFF;
}
[data-quiz*="2"] .quizSteps:after {
width: 66%;
}
[data-quiz*="3"] .quizSteps:after {
width: 100%;
}
.quizSteps p {
position: relative;
z-index: 2;
}
.stepName {
color: #4EA954;
font-size: 18px;
}
.question,
.quizItem .type3 {
padding: 12px 0;
display: flex;
flex-direction: column;
gap: 15px;
flex-grow: 1;
}
.quizItem .type3,
.quizItem .type3 .bg {
font-size: 18px;
}
.quizItem .type3 h2 {
font-size: 28px;
}
.quizItem .type3 h2:not(.bad) span {
color: #4EA954;
display: block;
}
.quizItem .type3 h2.bad span {
color: #FF0000;
}
.question h3 {
font-size: 22px;
font-weight: 500;
}
.radioGroup {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.radio {
position: relative;
display: flex;
align-items: center;
width: calc((100% - 15px) / 2);
height: 60px;
border-radius: 15px;
background: #F3F3F3;
border: 1px solid transparent;
}
.radio input[type=radio] {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
cursor: pointer;
opacity: 0;
z-index: 1;
}
.radio p {
display: inline-block;
cursor: pointer;
position: relative;
padding-left: 70px;
line-height: 18px;
user-select: none;
}
.radio p:before {
position: absolute;
content: '';
width: 30px;
height: 30px;
left: 24px;
top: 50%;
transform: translateY(-50%);
background: #FFFFFF;
border: 1px solid rgba(207, 212, 226, 0.66);
border-radius: 50%;
}
.radio input[type=radio]:checked+p::after {
position: absolute;
content: '';
width: 20px;
height: 20px;
left: 30px;
top: 50%;
transform: translateY(-50%);
filter: blur(4px);
background: rgba(78, 169, 84, 0.6);
border-radius: 50%;
}
.radio._active {
border: 1px solid rgba(78, 169, 84, 0.3);
}
.question .comment {
color: rgba(35, 35, 35, 0.4);
font-size: 16px;
}
.quizBottom {
display: flex;
align-items: center;
justify-content: space-between;
}
.hint {
display: flex;
align-items: center;
gap: 10px;
font-size: 14px;
max-width: 310px;
}
.quizBottom .btns {
display: flex;
gap: 10px;
}
.quizBottom .btn {
border: none;
height: 56px;
padding: 0;
width: 160px;
color: #323232;
text-transform: uppercase;
font-weight: 500;
font-size: 18px;
}
.quizBottom .btn.back {
background: #F8F8F8;
font-weight: 400;
border: 1px solid transparent;
}
.quizBottom .btn.back:hover {
border-color: #323232;
}
.radioGroup .message {
background: #F8F8F8;
border-radius: 20px;
padding: 20px 24px 20px 42px;
position: relative;
width: 100%;
}
.radioGroup .message::after {
position: absolute;
content: '•';
left: 24px;
top: 20px;
}
.faq {
padding: 110px 0;
border-radius: 50px;
background: #F8F8F8;
}
.faq .container {
flex-direction: column;
gap: 32px;
}
.faqWrapper {
display: flex;
flex-direction: column;
gap: 12px;
}
.faqItem {
background: #FFFFFF;
border-radius: 20px;
overflow: hidden;
}
.faqHeader {
padding: 24px 30px;
display: flex;
align-items: center;
justify-content: space-between;
font-size: 20px;
font-weight: 500;
cursor: pointer;
}
.faqHeader p {
display: flex;
align-items: center;
gap: 10px;
}
.faqHeader>img {
transition: all 0.4s;
}
.faqHeader:hover>img {
transform: rotate(-90deg);
}
.faqHeader._active>img {
transform: rotate(-180deg);
}
.faqContent {
padding: 24px 30px;
padding-top: 0;
display: none;
}
.faqContent>div {
display: flex;
flex-direction: column;
gap: 10px;
}
.faqContent ul {
gap: 10px;
}
.faqContent strong {
font-weight: 500;
}
.faqContent .listCta {
font-size: 16px;
}
.faqContent .listCta img {
min-width: 14px;
width: 14px;
}
.result {
padding: 105px 0;
}
.result .container {
gap: 20px;
}
.result .col {
display: flex;
flex-direction: column;
gap: 20px;
width: calc(100% - 596px);
}
.result .image {
display: flex;
width: 580px;
height: 100%;
border-radius: 25px;
overflow: hidden;
}
.result .image img {
object-fit: cover;
object-position: top center;
width: 100%;
height: 100%;
}
.result .user {
border-radius: 24px;
background: #F3F3F3;
padding: 16px 20px;
display: flex;
flex-direction: column;
gap: 6px;
}
.result .user strong {
font-size: 24px;
font-weight: 500;
color: #4EA954;
}
.full {
width: 100% !important;
max-width: 100% !important;
line-height: 130%;
}
.priceType .container.flex {
gap: 24px 15px;
flex-wrap: wrap;
}
.priceType .container.flex .tableTop {
margin: 0;
width: calc((100% - 45px) / 4);
flex-direction: column;
}
.priceType .container.flex .tableTop .col {
width: 100%;
height: 110px;
}
.priceType .container.flex .tableTop .col:first-child {
opacity: 0;
}
.priceType .container.flex .sliderWrapper {
width: calc(100% - ((100% - 45px) / 4) - 15px);
}
.priceType .container.flex .sliderWrapper {
flex-direction: row;
}
.priceType .container.flex .tableSlide {
width: calc((100% - 30px) / 3);
flex-direction: column;
}
.priceType .container.flex .tableSlide .image,
.priceType .container.flex .tableSlide .col {
min-height: 110px;
width: 100%;
}
.priceType .container.flex .tableSlide .image {
height: 110px;
border-radius: 20px;
}
.priceType .container.flex .tableSlide .image p {
bottom: unset;
top: 50%;
transform: translateY(-50%);
}
.priceType .container.flex .tableSlide strong {
font-weight: 500;
}
.betterList {
display: flex;
flex-direction: column;
gap: 12px;
font-size: 16px;
}
.betterList h4 {
font-size: 18px;
font-weight: 500;
display: flex;
align-items: center;
gap: 6px;
}
.betterList img {
width: 20px;
height: 20px;
}
.betterList p {
padding-left: 26px;
}
.better p {
line-height: 140%;
}
.tested {
padding: 70px 0;
}
.tested .container {
gap: 12px;
flex-wrap: wrap;
padding: 0 !important;
}
.testedItem {
width: calc((100% - 24px) / 3);
background: #FFFFFF;
border-radius: 24px;
box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.05);
overflow: hidden;
}
.testedItem iframe {
width: 100%;
height: 100%;
border-radius: 24px;
overflow: hidden;
height: 400px;
}
.testedItem .content {
padding: 20px;
}
.testedItem p {
padding: 12px 16px;
border-radius: 20px;
background: #F3F3F3;
font-size: 18px;
}
.testedItem p strong {
font-weight: 500;
color: #4EA954;
}
.faq+.reliability {
background: transparent;
border-radius: 0;
}
@media screen and (max-width: 1440px) {
.about,
.works {
padding: 80px 0;
}
.cta .info {
width: calc(100% - 600px);
}
.cta form {
width: 500px;
}
.container {
padding: 0 32px;
}
.header .container {
padding: 0;
}
.smallCta {
padding: 40px;
}
.projectCard .sliderWrapper {
max-width: 600px;
}
.projectCard .info {
max-width: calc(100% - 612px);
}
.smallCta h2 {
font-size: 28px;
}
.subtitle,
.smallCta .listCta {
font-size: 20px;
}
.steps.type4,
.works.better {
padding: 80px 0;
}
.better .slick-track {
display: flex !important;
}
.better .slick-slide {
height: auto;
}
.workSlide .content {
padding: 20px;
flex-grow: 1;
}
.workSlide .content .col {
gap: 12px;
font-size: 16px;
}
.betterList {
gap: 6px;
}
}
@media screen and (max-width: 1320px) {
.why.type3 .row .listItem {
width: calc((100% - 20px) / 3);
}
.steps:not(.type1):not(.type2) .stepItem:first-child {
width: 100%;
min-height: unset;
}
.footer .container {
justify-content: unset;
}
.slideSub {
padding-bottom: 12px;
}
.slideTitle {
font-size: 45px;
}
.btn {
padding: 0 54px;
}
.aboutImage {
width: 500px;
height: unset;
}
.aboutImage ._image {
height: 490px;
}
.aboutImage ._image:first-child {
margin-top: 100px;
}
.aboutImage ._image:first-child img {
left: calc(50% + 120px);
top: calc(50% - 85px);
}
.aboutImage ._image:last-child img {
left: calc(50% - 120px);
top: calc(50% + 15px);
}
.about .wrapper {
width: calc(100% - 512px);
}
}
@media screen and (max-width: 1280px) {
.workSlide .content {
align-items: center;
}
.workSlide .content .image {
width: 340px;
height: 340px;
}
.workSlide .content .col {
width: calc(100% - 356px);
}
.steps.type4 .stepItem {
width: calc((100% - 24px) / 3);
}
.result {
padding: 80px 0;
}
.quizItem[data-quiz="0"] {
padding: 60px 40px;
font-size: 18px;
}
.quizItem[data-quiz="0"]>div {
max-width: 560px;
}
.quiz .container,
.priceType .container {
padding: 0;
}
.quiz {
padding: 80px 0;
}
.header {
padding-top: 0;
}
.header .logotype {
order: 1;
flex-grow: 1;
}
.phoneNumber {
order: 2;
}
.socials {
order: 3;
}
.navigation {
order: 4;
width: 100%;
padding: 20px 28px;
background: #F8F8F8;
border-radius: 20px;
justify-content: space-between;
}
.citySelect .current {
padding: 0 32px 0 12px;
}
.header .container {
flex-wrap: wrap;
gap: 15px 28px;
}
.cta[data-id="first"] .container {
flex-direction: column;
max-width: 800px;
align-items: unset;
gap: 36px;
}
.cta .info {
width: 100%;
gap: 16px;
}
.reviews .container {
display: flex;
flex-direction: column;
gap: 24px;
}
.reviews .col {
order: 1;
width: 100%;
}
.reviews .col br {
display: none;
}
.reviews .col>p {
max-width: 100%;
}
.reviews .sliderWrapper {
order: 2;
}
.reviews .links {
order: 3;
justify-content: center;
margin-top: -16px;
}
.reviews .slick-next {
right: 0;
}
.reviews .slick-prev {
left: 0;
}
.reviews .slick-arrow {
top: unset;
transform: unset;
bottom: -64px;
}
.reviews .slick-dots {
bottom: -60px;
left: 50%;
transform: translateX(-50%);
}
.advantages {
padding: 0 24px;
}
.footer {
padding: 80px 0;
}
.standard .col {
max-width: 600px;
}
}
@media screen and (max-width: 1200px) {
.doubleCta {
flex-wrap: wrap;
}
.smallCta {
width: 100%;
}
.smallCta:first-child {
background: url('../../../assets/files/project-item/cta1/cta1024.jpg');
}
.smallCta:last-child {
background: url('../../../assets/files/project-item/cta2/cta1024.jpg');
}
.projectCard .sliderWrapper {
max-width: 440px;
}
.projectCard .info {
max-width: calc(100% - 452px);
}
.quizItem[data-quiz="0"] .image {
top: -140px;
right: -250px;
}
.quizItem[data-quiz="0"] .image img {
width: 640px;
height: auto;
}
.why.type2 .container {
padding: 0;
}
}
@media screen and (max-width: 1120px) {
.result .col,
.result .image {
width: 100%;
}
.result .image {
height: 760px;
}
.result .container {
flex-direction: column-reverse;
}
.result .image {
height: 680px;
}
.trustItem {
width: 240px !important;
margin: 0 5px;
}
.quizItem[data-quiz="4"]>div {
gap: 16px;
}
.quizItem[data-quiz="4"] h2 {
font-size: 26px;
}
.quizItem[data-quiz="4"] {
font-size: 16px;
}
.quizItem .form {
width: 420px;
padding: 24px;
}
.quizItem .info {
width: calc(100% - 436px);
}
.mySlide.item {
height: 320px;
text-align: center;
}
.mySlide.item .container {
justify-content: center;
align-items: center;
}
.breadcrumbs {
justify-content: center;
}
.reliability {
background: transparent;
}
.reliability .container {
padding: 0;
}
.aboutImage {
width: 440px;
}
.aboutImage ._image:first-child img {
left: calc(50% + 110px);
}
.aboutImage ._image:last-child img {
left: calc(50% - 110px);
}
.about .wrapper {
width: calc(100% - 452px);
}
h2 {
font-size: 40px;
}
.stepItem {
width: calc((100% - 15px) / 2);
}
.why .col {
max-width: 640px;
width: 100%;
}
.why:not(.type1):not(.type2):not(.type3) .container {
flex-direction: column;
align-items: center;
}
h2.colored {
font-size: 36px;
}
.cta[data-id="first"] {
background: url(../../../assets/files/cta1/cta1024.jpg);
}
.cta[data-id="projects"] {
background: url(../../../assets/files/projects-page/cta/cta1024.jpg);
}
.workSlide .image {
height: 600px;
}
.sliderWrapper[data-slider="hero"],
.mySlide,
.steps,
.map,
.why,
.cta,
.reliability,
.footer,
.quizItem,
.smallCta,
.works.better,
.faq,
.standard._gray {
border-radius: 35px;
}
.standard .col {
width: calc(100% - 444px);
}
.standard .col:last-child {
max-width: 420px;
width: 100%;
}
.standard .col {
font-size: 16px;
}
.projectCard div:last-child .btn {
font-size: 16px;
}
.projectCard .props {
padding: 20px;
}
.projectCard .price {
padding: 12px 20px;
}
.projectCard .props .col:first-child p {
font-size: 16px;
}
.why.type2 .container {
max-width: 660px;
}
.why .row .listItem {
width: 100%;
padding: 24px;
}
.faqHeader {
font-size: 18px;
}
.projectCard h2 {
font-size: 32px;
}
.quizBottom .btn {
height: 48px;
}
.quizItem:not([data-quiz="0"]) .image {
max-width: 280px;
}
.quizItem .col {
width: calc(100% - 280px);
padding: 20px;
}
}
@media screen and (max-width: 960px) {
.workSlide .content .col {
width: 100%;
}
.workSlide .content {
flex-direction: column;
align-items: unset;
}
.workSlide .content .image {
width: 100%;
}
.testedItem {
width: calc(50% - 6px);
}
.why.type3 .row .listItem {
width: calc(50% - 5px);
flex-direction: row;
align-items: center;
padding: 16px 20px;
}
.why.type3 .row .listItem img {
width: 28px;
}
.resultZ {
padding: 60px 0;
}
.standard._gray {
padding: 80px 20px;
}
.quizItem .type3,
.quizItem .type3 .bg {
font-size: 16px;
}
.tableSlide .col {
font-size: 16px;
padding: 16px;
}
.quizItem[data-quiz="0"] .image img {
width: 540px;
height: auto;
}
.quizItem {
min-height: 400px;
}
.cta {
min-height: 600px;
}
.sliderWrapper[data-slider="projects-page"] .slick-track {
margin: 0;
}
h2 {
font-size: 36px;
}
.slideTitle {
font-size: 40px;
}
.mySlide {
height: 610px;
}
.advantages {
flex-wrap: wrap;
gap: 12px;
}
.advantage {
width: calc(50% - 6px);
}
.about .container {
flex-direction: column;
gap: 32px;
}
.about,
.reliability,
.standard {
padding: 60px 0;
}
.about .wrapper {
width: 100%;
padding: 0;
}
.aboutImage {
width: 100%;
}
.aboutImage ._image {
height: 400px;
}
.aboutImage ._image:first-child {
margin-top: 80px;
}
.aboutImage ._image:first-child img {
left: calc(50% + 22vw);
top: calc(50% - 65px);
}
.aboutImage ._image:last-child img {
left: calc(50% - 22vw);
top: calc(50% + 15px);
}
.footerMenu {
width: 100%;
justify-content: space-between;
}
.navItem {
font-size: 14px;
}
.citySelect .current {
font-size: 14px;
}
h2.colored span {
gap: 4px;
}
h2.colored span span {
padding: 8px !important;
border-radius: 24px !important;
}
.projectItem.slick-slide,
.projects .slick-slide,
.command .slick-slide {
width: 440px !important;
}
.reviews .slick-track,
.projects .slick-track,
.command .slick-track {
display: flex;
height: auto;
margin: 0;
margin-left: 8px;
}
.properties {
gap: 10px 32px;
}
.standard .container {
flex-direction: column;
}
.standard .col {
width: 100% !important;
max-width: 100% !important;
}
.cta .text {
font-size: 22px;
}
.projectCard .container {
flex-direction: column;
gap: 56px !important;
}
.projectCard .sliderWrapper,
.projectCard .info {
max-width: 100%;
}
.projectCard .props {
padding: 20px 32px;
justify-content: unset;
gap: 140px;
}
.projectCard .price {
padding: 12px 32px;
}
.projectCard {
padding: 52px 0;
}
.tableTop .col,
.tableSlide .col {
font-size: 18px;
}
.tableTop .col {
height: 80px;
}
.tableSlide .col {
min-height: 120px;
}
.quizItem[data-quiz="0"]>div {
max-width: 480px;
}
.works.better h2 {
font-size: 36px;
}
.mySlide.default {
font-size: 18px;
}
}
@media screen and (max-width: 840px) {
.quizItem[data-quiz="4"]>div {
flex-direction: column;
}
.quizItem .info {
width: 100%;
}
.quizItem .form {
width: 100%;
}
.projectCard .props {
gap: 12px;
flex-wrap: wrap;
justify-content: space-between;
}
.faqHeader {
font-size: 16px;
}
.quizItem[data-quiz="0"] {
min-height: 720px;
font-size: 16px;
padding: 36px;
}
.quizItem[data-quiz="0"]>div {
max-width: 100%;
}
.quizItem {
min-height: 640px;
}
.quizItem[data-quiz="0"] .image {
top: unset;
bottom: -60px;
right: -60px;
transform: rotate(42deg);
}
.quizItem[data-quiz="0"] .image img {
width: 480px;
}
.header {
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 8;
padding: 12px 20px;
margin: 0;
background: #FFFFFF;
}
.footer {
padding: 80px 20px;
}
.burgerBtn {
display: block;
z-index: 10;
}
.headerFixer {
display: block;
height: 60px;
}
._active .navigation {
top: 72px;
}
.navigation {
top: -100vh;
position: fixed;
z-index: 7;
left: 0;
width: 100%;
height: calc(100vh - 72px);
flex-direction: column;
justify-content: unset;
gap: 20px;
padding: 20px;
align-items: flex-start;
backdrop-filter: blur(4px);
background: rgba(255, 255, 255, 0.8);
border-top: 1px solid rgba(0, 0, 0, 0.15);
transition: all 0.4s;
}
.navItem {
font-size: 18px;
}
.citySelect .current {
display: none;
}
.citySelect .list {
display: flex;
flex-wrap: wrap;
gap: 12px;
position: relative;
left: unset;
top: unset;
padding: 8px 12px;
}
.citySelect .list .cityItem {
font-size: 16px;
padding: 4px;
}
.slideSub {
font-size: 18px;
}
.slideTitle,
h2,
.cta h2,
.standard h2 {
font-size: 35px;
}
.btn {
padding: 0 24px;
}
.container {
padding: 0;
}
.mySlide,
.why .container,
.steps:not(.type2) .container,
.faq .container,
.projectCard .container {
padding: 0 20px;
}
.cta {
padding: 115px 20px;
}
.works,
.reviews {
padding: 60px 0;
}
.reviews {
padding-bottom: 80px;
}
.cta form {
width: 100%;
}
h2.colored {
font-size: 32px;
}
.listCta img {
min-width: 24px;
width: 24px;
}
.quizItem {
border-radius: 25px;
min-height: unset;
font-size: 18px;
}
.quizItem>div {
flex-direction: column-reverse;
}
.quizItem:not([data-quiz="0"]) .image {
height: 220px;
max-width: 100%;
border-radius: 25px;
overflow: hidden;
}
.quizItem:not([data-quiz="0"]) .image img {
width: 100%;
}
.quizItem .col {
width: 100%;
}
.question {
min-height: 200px;
}
.quizBottom .btn {
width: 120px;
}
.question h3 {
font-size: 20px;
}
.result {
padding-top: 20px;
}
}
@media screen and (max-width: 768px) {
.mySlide.default {
font-size: 16px;
}
.testedItem {
width: 100%;
}
.works.better h2 {
font-size: 32px;
}
.priceType .container.flex .sliderWrapper {
width: 100%;
}
.command {
padding: 60px 0;
}
.quizItem[data-quiz="4"] {
padding: 24px 12px;
}
.quizItem .form {
padding: 16px;
}
.question .comment {
font-size: 14px;
}
.steps h2,
.why h2 {
font-size: 32px;
}
.workSlide .image {
height: 560px;
}
.cta[data-id="first"] {
background: url(../../../assets/files/cta1/cta640.jpg);
}
.cta[data-id="projects"] {
background: url(../../../assets/files/projects-page/cta/cta640.jpg);
}
.smallCta {
min-height: 640px;
justify-content: unset;
padding-top: 80px;
}
.tableSlide {
width: 320px !important;
margin: 0 5px;
opacity: 0.7;
transition: all 0.4s;
}
.tableSlide.slick-active {
opacity: 1;
}
.tableSlide .image {
width: 100%;
height: 120px;
border-radius: 16px;
border: 1px solid transparent;
}
.tableSlide.slick-active .image {
border-color: #4EA954;
box-shadow: 0px 4px 4px 0px rgba(78, 169, 84, 0.19);
}
.priceType,
.faq {
padding: 60px 0;
}
.priceType .message {
text-align: left;
}
.tableSlide .col {
position: relative;
justify-content: unset;
align-items: unset;
width: 100%;
gap: 10px;
background: transparent;
border-radius: unset;
padding: 0;
margin-top: 10px;
display: none;
width: 0;
min-height: 52px;
}
.tableSlide.slick-active .col {
display: flex;
width: calc(100vw - 40px) !important;
}
.priceType .container.flex .tableSlide .col {
min-height: 50px;
}
.priceType .container.flex .tableSlide .col::before {
font-weight: 500;
width: calc(40% - 5px);
}
.tableSlide .col::before {
content: attr(aria-label);
}
.tableSlide .col::before,
.tableSlide .col span {
flex-direction: column;
gap: 4px;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
display: flex;
content: attr(aria-label);
padding: 16px;
border-radius: 16px;
background: #F3F3F3;
font-size: 14px;
line-height: 110%;
}
.tableSlide .col span br {
display: none;
}
.steps.type4 .stepItem {
width: calc(50% - 6px);
}
.tableSlide .col::before {
background: rgba(78, 169, 84, 0.2);
min-width: 100px;
}
.tableSlide .col span {
flex: 1 1 auto;
}
.tableTop {
display: none;
}
.smallCta:first-child {
background: url('../../../assets/files/project-item/cta1/cta640.jpg');
}
.smallCta:last-child {
background: url('../../../assets/files/project-item/cta2/cta640.jpg');
}
.stepItem {
width: 100%;
min-height: unset;
}
.btn.border {
height: 60px;
}
.btn {
font-size: 18px;
}
.footerMenu {
gap: 24px;
flex-wrap: wrap;
}
h2.colored {
gap: 4px;
}
.cta .text {
gap: 16px;
font-size: 18px;
}
}
@media screen and (max-width: 640px) {
.cta .text {
min-height: 600px;
}
.cta .text div {
margin-top: auto;
}
.why.type3 .row .listItem {
width: 100%;
}
[data-quiz*="3"] .btn {
width: 100%;
font-size: 14px;
height: 44px;
padding: 0;
}
.quizItem .type3 h2 {
font-size: 20px;
}
.quizItem .type3,
.quizItem .type3 .bg {
font-size: 14px;
}
.quizItem .col {
padding: 12px;
}
.quizBottom {
gap: 10px;
flex-direction: column;
}
.hint {
max-width: 100%;
}
.radio {
width: 100%;
}
.quizBottom .btn {
width: 100%;
}
.quizBottom .btns {
flex-direction: column-reverse;
width: 100%;
}
.projectCard .price {
font-size: 16px;
}
.projectCard .price strong {
font-size: 20px;
}
.tableSlide {
width: 280px !important;
}
.projectCard .props {
padding: 20px;
}
.projectCard .price {
padding: 12px 20px;
}
.projectCard h2 {
font-size: 28px;
}
.projectCard .info>div:last-child {
flex-direction: column;
align-items: center;
}
.projectCard .btn {
max-width: 100% !important;
}
.faqHeader {
font-size: 14px;
}
.smallCta h2 {
font-size: 25px;
}
.phoneNumber {
position: fixed;
top: -100vh;
right: 20px;
z-index: 8;
font-size: 18px;
font-weight: 500;
}
._active .phoneNumber {
top: 136px;
}
.socials {
position: fixed;
right: 20px;
z-index: 8;
top: -100vh;
transition: all 0.4s;
}
._active .socials {
top: 92px;
}
.header .logotype {
flex-grow: unset;
}
}
@media screen and (max-width: 600px) {
.steps.type4,
.works.better {
padding: 60px 0;
}
.steps.type4 .stepItem {
width: 100%;
}
.workSlide .content .col {
font-size: 14px;
}
.workSlide .content h3 {
font-size: 20px;
}
.betterList h4 {
font-size: 16px;
}
.betterList {
font-size: 14px;
}
.works.better h2 {
font-size: 28px;
}
.radioGroup .message {
padding: 12px 16px 12px 24px;
border-radius: 12px;
}
.radioGroup .message::after {
left: 12px;
top: 12px;
}
.faq h2 {
font-size: 24px !important;
}
.why .row .listItem {
font-size: 16px;
}
.why .row .listItem img {
width: 20px;
}
.fz18 {
font-size: 14px;
}
h2.colored {
font-size: 28px;
}
.subtitle {
font-size: 18px;
}
.smallCta {
padding: 16px;
padding-top: 52px;
}
.steps h2,
.why h2 {
font-size: 28px;
}
.mySlide .properties {
padding: 16px;
gap: 12px;
}
.cta form,
.standard form {
padding: 16px;
}
.listItem {
padding: 20px;
gap: 10px;
}
.fCol {
width: 100%;
}
body {
font-size: 14px;
}
.slideSub {
font-size: 16px;
text-align: center;
}
.mySlide {
text-align: center;
font-size: 16px;
}
.slideTitle {
font-size: 26px;
text-align: center;
min-height: unset;
}
h2,
.cta h2,
.why h2,
.standard h2 {
font-size: 30px;
}
.mySlide .container {
display: flex;
flex-direction: column;
align-items: center;
}
.btn {
font-size: 14px;
}
.mySlide .container::after {
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 540px;
}
.about {
padding: 44px 0;
}
h4 {
font-size: 18px;
}
.wrapper li {
font-size: 16px;
}
.wrapper .bag {
padding: 16px;
margin: 0;
}
.projects .slick-arrow {
position: relative;
top: unset;
right: unset;
order: 0;
}
.projects .slick-list {
order: 1;
}
.projects .slick-dots {
order: 2;
margin: 0 auto;
}
.projects .sliderWrapper {
display: flex;
flex-wrap: wrap;
gap: 15px 20px;
}
.btn.border {
height: 44px;
width: 100%;
font-size: 16px;
}
.btn.border.bold {
height: 52px;
}
.projects,
.steps,
.why,
.steps.type2 {
padding: 60px 0;
}
.stepItem h3 {
font-size: 16px;
}
.markerContent {
width: 400px;
font-size: 12px;
gap: 8px;
padding: 12px;
}
.markerContent .city {
font-size: 16px;
}
.markerContent .props {
font-size: 14px;
}
.markerContent .closeButton {
right: 8px;
top: 8px;
}
.listItem {
font-size: 16px;
}
.projectItem.slick-slide,
.projects .slick-slide,
.command .slick-slide {
width: 360px !important;
}
.footer {
padding: 60px 20px;
}
.projectItem .content div:last-child {
flex-direction: column;
align-items: center;
gap: 5px;
width: 100%;
}
.projectItem .btn {
width: 100%;
max-width: unset !important;
}
.advantage {
width: 230px;
}
.advantages {
padding: 0;
justify-content: center;
}
input {
height: 40px;
}
button {
height: 40px;
font-size: 16px;
padding: 0;
}
.standard .info {
padding: 24px;
gap: 10px;
}
.standard h4 {
font-size: 16px;
}
.standard .listCta {
font-size: 14px;
}
.standard .listCta img {
min-width: 16px;
width: 16px;
}
.greened {
font-size: 18px;
}
.standard {
line-height: 132%;
}
.faqHeader,
.faqContent {
padding: 16px;
}
.faqHeader {
gap: 12px;
}
.faqContent {
padding-top: 0;
}
.faqHeader>img {
width: 20px;
}
.quizItem[data-quiz="0"] {
padding: 40px 20px;
}
.quizItem[data-quiz="0"] .image {
top: unset;
bottom: -20px;
right: -220px;
transform: rotate(24deg);
}
}
@media screen and (max-width: 480px) {
.mySlide.default {
font-size: 14px;
}
.result .image {
height: 360px;
}
.form button {
font-size: 14px;
}
.quizItem[data-quiz="4"] h2 {
font-size: 20px;
}
.quizItem[data-quiz="4"] {
font-size: 14px;
}
.quizSteps {
height: 16px;
font-size: 10px;
}
.stepName {
font-size: 14px;
}
.question {
font-size: 16px;
}
.question h3 {
font-size: 18px;
}
.smallCta h2 {
word-wrap: break-word;
}
.btnUp {
right: 16px;
bottom: 16px;
width: 52px;
height: 52px;
}
.btnUp svg {
width: 32px;
}
.markerContent {
width: 320px;
font-size: 10px;
gap: 6px;
padding: 10px;
}
.markerContent .city {
font-size: 14px;
}
.markerContent .info {
gap: 6px;
}
.markerContent .image {
max-width: 132px;
min-width: 132px;
}
.markerContent .more {
font-size: 12px;
}
.markerContent .props {
font-size: 12px;
}
.listCta {
font-size: 18px;
}
.workSlide .image>.btn {
min-width: 280px;
font-size: 14px;
height: 52px;
padding: 0;
}
.workSlide .image {
height: 380px;
}
body {
padding: 12px;
gap: 12px;
}
.mySlide,
.why .container,
.steps:not(.type2) .container {
padding: 0 12px;
}
.cta {
padding: 80px 12px;
}
.footer {
padding: 48px 12px;
}
.projectItem.slick-slide,
.projects .slick-slide,
.command .slick-slide {
width: 320px !important;
}
.sliderWrapper[data-slider="hero"],
.mySlide,
.steps,
.map,
.why,
.cta,
.footer {
border-radius: 35px;
}
.smallCta h2 {
font-size: 20px;
}
.quiz {
padding: 52px 0;
}
.why .row .listItem {
font-size: 14px;
}
.smallCta .btn {
font-size: 14px;
padding: 0 24px;
}
.tableSlide {
width: 200px !important;
}
.tableSlide.slick-active .col {
width: calc(100vw - 24px) !important;
}
.projectCard div:last-child .btn {
height: 52px;
font-size: 14px;
}
.more {
font-size: 12px;
}
.testedItem p {
font-size: 16px;
}
.workSlide .content {
padding: 12px;
}
}
@media screen and (max-width: 380px) {
.more {
font-size: 10px;
}
}
@media screen and (max-width: 360px) {
.mySlide,
.why .container,
.steps:not(.type2) .container,
.faq .container,
.projectCard .container {
padding: 0 12px;
}
.markerContent {
width: 280px;
}
.markerContent .image {
max-width: 120px;
min-width: 120px;
}
.projectItem.slick-slide,
.projects .slick-slide {
width: 290px !important;
}
.slideTitle {
font-size: 24px;
text-align: center;
min-height: unset;
}
h2 {
font-size: 24px !important;
}
h2.colored span span {
padding: 4px 8px !important;
border-radius: 16px !important;
}
}
.publ-cont {
/* background: #f2f2f2;*/
}
.publ h1 {
font-size: 38px;
text-align: center;
font-weight: 600;
margin-top: 60px;
margin-bottom: 44px;
}
.publ-video {
align-items: center;
}
.publ-video .polisbeton-general-left {
min-height: 300px;
height: 1px;
min-width: 530px;
}
.publ-text {
max-width: 718px;
margin: 0 auto;
}
.publ-text span {
display: block;
}
.publ-text span:nth-of-type(1) {
font-size: 31px;
font-weight: 600;
text-align: center;
max-width: 587px;
padding-bottom: 40px;
}
.publ-text span:nth-of-type(2) {
font-size: 28px;
font-weight: 600;
padding-bottom: 10px;
}
.publ-text span:nth-of-type(3), .publ-text span:nth-of-type(4) {
font-size: 21px;
font-weight: 600;
padding-top: 43px;
padding-bottom: 10px;
}
.publ-text p {
margin: 0;
text-indent: 30px;
line-height: 18px;
}
.publ-text p:nth-of-type(3) {
text-indent: 0px;
padding-bottom: 30px;
}
.publ-text-footer {
padding-bottom: 70px;
}
.publ-img {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 902px;
padding-bottom: 20px;
}
.publ-img img {
margin-bottom: 20px;
}
.pubf {
background-image: url(/assets/templates/img/publ/pubf-1.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 57px;
padding-bottom: 57px;
margin-bottom: 67px;
}
.pubf-title {
text-align: center;
padding-bottom: 30px;
color: white;
font-weight: 600;
font-size: 28px;
}
.pubf-form {
display: flex;
justify-content: space-between;
}
.pubf-form input {
width: 349px;
padding: 25px 0px 24px 20px;
border-radius: 10px;
border: 0px;
}
.pubf-form button {
width: 349px;
border-radius: 10px;
border: 0px;
text-align: center;
font-size: 17px;
color: white;
background: #c21313;
padding: 25px 0px 25px 0px;
}
textarea {
resize: none;
}
.publ-cont-main {
max-width: 720px;
margin: 0 auto;
}
.publ-fab span {
font-weight: 600;
font-size: 21px;
display: block;
margin-bottom: 10px;
}
.publ-fab p {
margin: 0;
margin-bottom: 40px;
line-height: 18px;
}
.publ-img {
padding-bottom: 79px;
}
.publ-main-title {
padding-top: 80px;
}
.publ-main-title span {
font-size: 38px;
font-weight: 600;
padding-bottom: 20px;
display: block;
}
.publ-main-title p {
margin: 0;
padding-bottom: 50px;
}
.publ-icon {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-bottom: 62px;
}
.publ-icon-one:nth-of-type(1) {
max-width: 240px;
}
.publ-icon-one {
flex-basis: 50%;
padding-bottom: 20px;
}
.publ-icon span {
display: block;
max-width: 340px;
padding-top: 10px;
}
.publ-title-k2 {
font-size: 28px;
font-weight: 600;
padding-top: 79px;
padding-bottom: 40px;
}
.pubf-2 {
margin-top: 50px;
margin-bottom: 50px;
background-image: url(/assets/templates/img/publ/pubf-1.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 69px;
padding-bottom: 69px;
}
.pubf-2-form {
display: flex;
justify-content: space-between;
align-items: center;
}
.pubf-2-form span {
display: block;
color: white;
}
.pubf-2-form-text span:nth-of-type(1) {
font-size: 40px;
font-weight: 600;
}
.pubf-2-form-text span:nth-of-type(2) {
font-size: 28px;
font-weight: 600;
padding-bottom: 7px;
}
.pubf-2-form-text span:nth-of-type(3) {
font-size: 18px;
}
.pubf-2-form input, .pubf-2-form button {
border: 0;
border-radius: 10px;
padding: 25px 0px 24px 0px;
}
.pubf-2-form input {
padding-left: 41px;
min-width: 284px;
}
.pubf-2-form button {
min-width: 255px;
color: white;
text-align: center;
background: #c21313;
margin-left: -20px;
}
.pub-footer-img {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.pub-footer-img span {
display: block;
max-width: 349px;
}
.pub-footer-img span:nth-of-type(1) {
font-weight: 600;
padding-bottom: 5px;
}
.pub-footer-img img {
padding-bottom: 20px;
}
.pub-footer-one {
padding-bottom: 50px;
}
.pubf-3 {
background-image: url(/assets/templates/img/publ/pubf-1.png);
background-position: center;
background-size: cover;
background-repeat: no-repeat;
padding-top: 70px;
padding-bottom: 70px;
margin-bottom: 50px;
}
.pubf-3-form {
display: flex;
justify-content: center;
align-items: center;
}
.pubf-3-form textarea {
border-radius: 10px;
width: 257px;
height: 94px;
padding-top: 16px;
padding-left: 21px;
margin-right: 20px;
}
.pubf-3-form textarea::placeholder {
font-size: 14px;
}
.pubf-3-form button {
width: 255px;
border-radius: 10px;
border: 0px;
background: #c21313;
color: white;
font-size: 17px;
text-align: center;
padding-top: 14px;
padding-bottom: 12px;
margin-top: auto;
}
.pubf-3-title {
margin-right: 19px;
font-size: 22px;
max-width: 257px;
color: white;
font-weight: 600;
}
.pubf-3-input {
margin-right: 20px;
display: flex;
flex-direction: column;
}
.pubf-3-input input {
border-radius: 10px;
border: 0px;
width: 257px;
height: 45px;
padding-left: 31px;
}
.pubf-3-input input::placeholder {
font-size: 14px;
}
.pubf-3-input input:nth-of-type(1) {
margin-bottom: 4px;
}
.pub-imgdom img {
margin-bottom: 30px;
padding-right: 20px;
}
.publ-video-footer {
padding-top: 35px;
font-size: 31px;
font-weight: 600;
text-align: center;
padding-bottom: 78px;
}
.publ-video-footer-cont {
display: flex;
justify-content: space-between;
align-items: center;
padding-bottom: 78px;
}
.publ-video-footer-left {
width: 561px;
padding-right: 47px;
}
.publ-video-footer-right {
flex-basis: 45%;
}
.publ-video-footer-left iframe {
height: 232px;
width: 413px;
}
.state-main {
position: relative;
}
.state-main-title {
font-size: 28px;
font-weight: 600;
}
.state-main-cont {
display: flex;
}
.state-cont {
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.state-one {
flex-basis: calc(33% - 10px);
position: relative;
padding-bottom: 75px;
/*height: 570px;*/
}
@media (max-width: 1150px) {
.state-one {
flex-basis: calc(50% - 10px);
}
}
@media (max-width: 1150px) {
.state-one {
flex-basis: 100%;
}
.state-one-title {
min-height: auto!important;
}
}
.state-one a {
color: black;
}
.state-one img {
padding-bottom: 25px;
width: 100%;
max-height: 170px;
object-fit: cover;
}
.state-one-block {
padding-bottom: 7px;
color: #545454;
font-size: 14px;
display: flex;
justify-content: space-between;
}
.state-one-title {
font-size: 24px;
font-weight: 600;
/*min-height: 88px;*/
padding-bottom: 10px;
}
.state-one p {
color: #c21313;
display: flex;
position: absolute;
bottom: 0px;
}
.state-one p img {
margin-left: 10px;
}
@media (max-width: 1200px) {
.pubf {
background-image: url(/assets/templates/img/publ/pubf-2.png);
}
.pubf-form {
flex-direction: column;
justify-content: center;
align-items: center;
}
.pubf-form input {
margin-bottom: 10px;
padding-left: 20px;
}
.pubf-form button {
margin-top: 10px;
}
}
@media (max-width: 1000px) {
.pubf-3 {
background-image: url(/assets/templates/img/publ/pubf-2.png);
}
.pubf-3-title {
margin-right: 0;
max-width: 579px;
text-align: center;
margin-bottom: 30px;
}
.pubf-3-form textarea {
order: 2;
margin-bottom: 10px;
}
.pubf-3-form button {
order: 3;
}
.pubf-3-input input:nth-of-type(1) {
order: 2;
margin-bottom: 10px;
}
.pubf-3-input input:nth-of-type(2) {
margin-bottom: 10px;
}
.pubf-3-input {
margin-right: 0;
}
.pubf-3-input input, .pubf-3-form button, .pubf-3-form textarea {
width: 349px;
margin-right: 0;
}
.pubf-3-form {
flex-direction: column;
}
.pubf-2 {
background-image: url("/assets/templates/img/cart-form2.png");
}
.pubf-2-form {
flex-direction: column;
}
.pubf-2-form-text span {
text-align: center;
}
.pubf-2-form-text span:nth-of-type(1) {
font-size: 28px;
padding-bottom: 5px;
}
.pubf-2-form-text span:nth-of-type(2) {
font-size: 22px;
padding-bottom: 10px;
}
.pubf-2-form-text span:nth-of-type(3) {
font-size: 16px;
padding-bottom: 30px;
}
}
@media (max-width: 769px) {
/*.state-main-cont{
flex-direction: column;
align-items: center;
}
*/
.state-main-cont {
padding-right: 20px;
padding-left: 20px;
}
.state-one {
padding-right: 0;
}
.publ-video-footer-cont {
display: flex;
flex-direction: column;
align-items: center;
}
.publ-video-footer-left {
width: 100%;
height: 300px;
padding-right: 0px;
padding-bottom: 30px;
}
.publ-video-footer-left .video {
height: 100%;
width: 100%;
}
.publ-video-footer-left img {
object-fit: cover;
height: 100%;
width: 100%;
}
.publ-video-footer-right {
flex-basis: 100%;
}
.publ-video-footer-left iframe {
height: 100%;
width: 100%;
}
.pubf-2-form-cont input {
display: block;
text-align: center;
padding-left: 0;
min-width: 360px;
}
.pubf-2-form-cont button {
margin-left: 0;
margin-top: -10px;
min-width: 360px;
}
.publ-main-title span {
font-size: 31px;
}
.publ-text {
max-width: none;
}
.publ-text span:nth-of-type(1) {
text-align: left;
max-width: none;
font-size: 28px;
}
.publ-cont {
max-width: none;
}
.publ h1 {
font-size: 28px;
text-align: left;
}
}
@media (max-width: 600px) {
.polis-line {
height: 1px;
padding-top: 50px;
}
.publ-icon {
flex-direction: column;
}
.pubf-form input, .pubf-form button {
width: auto;
padding: 20px 40px 20px 40px;
}
.pubf-form button {
font-size: 16px;
}
.publ-video .polisbeton-general-left {
min-height: 300px;
min-width: auto;
}
}
@media (max-width: 400px) {
.pubf-3-input input, .pubf-3-form button, .pubf-3-form textarea {
width: 280px;
}
}
.question-article {
background-image: url(/assets/templates/img/article/question-article.png);
}
.san-article label {
text-align: center;
}
.article-cont {
max-width: 1100px;
margin: 0 auto;
}
.article-cont .question-footer {
justify-content: center;
}
.article-cont .question-footer input {
margin-right: 30px;
}
.article-cont .question-footer input:nth-of-type(4) {
margin-right: 0;
}
.article-cabinet {
width: 100%;
background: #fff;
border-radius: 15px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 17px;
border: 0px;
margin-bottom: 57px;
margin-top: 10px;
}
.article-cabinet:focus-visible {
outline: 0;
}
.article h1 {
font-size: 38px;
font-weight: 600;
padding-bottom: 20px;
padding-top: 89px;
max-width: 600px;
margin: 0px;
}
.article-button {
padding-bottom: 100px;
}
.article-button a {
border-radius: 10px;
background-color: #e10000;
color: white;
text-align: center;
display: block;
padding-top: 15px;
padding-bottom: 15px;
font-size: 19px;
font-weight: 600;
}
.article-text {
padding-bottom: 10px;
}
.article-text span {
display: block;
padding-bottom: 20px;
}
.article-text-maintitle {
font-size: 28px;
font-weight: 600;
padding-bottom: 10px;
}
.article-text-title {
font-size: 21px;
font-weight: 600;
padding-bottom: 10px;
}
.article-text-italy {
font-style: italic;
padding-bottom: 10px;
}
.article-block {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 30px;
}
.article-block-right {
margin-left: 20px;
}
.article-block-right span {
display: block;
max-width: 349px;
}
.article-block-right span:nth-child(1) {
font-size: 21px;
font-weight: 600;
padding-bottom: 10px;
}
.article-minititle {
padding-bottom: 10px;
font-style: italic;
font-size: 21px;
}
.article-blockimg {
display: flex;
align-items: center;
justify-content: center;
padding-bottom: 30px;
}
.article-blockimg-left {
margin-right: 20px;
}
.article-blockimg-left span {
display: block;
max-width: 349px;
}
.article-blockimg-left span:nth-child(1) {
font-size: 21px;
padding-bottom: 10px;
font-style: italic;
}
.article-check {
display: flex;
padding-bottom: 30px;
}
.article-check-left {
padding-right: 20px;
}
.article-check-one {
display: flex;
padding-bottom: 10px;
}
.article-check-one span:nth-child(1) {
min-width: 35px;
}
.article-check-one span:nth-child(2) {
max-width: 309px;
}
.form_contact-main .input-file {
width: 0.1px;
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
z-index: -1;
}
.error_upload-form {
position: absolute;
bottom: 39px;
}
.error_upload-form .error {
color: white !important;
}
.form-img-cont .input-img {
width: 257px;
padding: 19px 0px 16px 25px;
border-radius: 20px;
border: 0px;
margin-left: 15px;
margin-bottom: 30px;
}
.form-img-cont .input-img:focus-visible {
outline: 0;
}
.form_contact-main .form-group {
width: 257px;
background: #c21313;
border-radius: 10px;
text-align: center;
color: white;
font-size: 17px;
padding-top: 20px;
padding-bottom: 17px;
}
.form_contact-main .input-file + .js-labelFile {
overflow: hidden;
white-space: nowrap;
cursor: pointer;
}
.form-img-cont {
display: flex;
position: relative;
align-items: flex-start;
justify-content: center;
flex-wrap: wrap;
}
.form-img-button {
flex-basis: 100%;
}
.form-img-button button {
width: 300px;
display: block;
margin: 0 auto;
color: white;
background: #c21313;
border-radius: 15px;
border: 0px;
padding: 20px 25px 15px 25px;
}
.main-img-form {
padding-bottom: 54px;
}
.article-ex {
padding-top: 40px;
padding-bottom: 60px;
}
.cart-form-ten span:nth-of-type(2) {
padding-bottom: 47px;
}
.article-block-font span:nth-child(1) {
font-size: 28px;
}
.article-compr-one {
margin-bottom: 20px;
}
.article-compr-one span:nth-of-type(1) {
min-width: 50px;
margin-right: 10px;
}
.article-button-mid {
font-size: 19px;
display: block;
margin: 0 auto;
text-align: center;
background-color: #e10000;
border-radius: 10px;
padding-top: 10px;
padding-bottom: 10px;
color: white;
}
.article-build {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.article-build-img {
flex-basis: 26%;
margin-bottom: 20px;
}
.article-check-correct {
justify-content: space-between;
}
.article-check-correct .article-check-one {
padding-bottom: 20px;
}
.article-block-cont {
display: flex;
justify-content: space-between;
}
.article-block-cont p {
font-size: 14px;
color: #545454;
}
.article-block-correct a {
color: #c21313;
display: flex;
align-items: center;
font-size: 18px;
}
.article-block-correct a img {
padding-left: 10px;
}
.article-block-correct span:nth-of-type(1) {
padding-top: 7px;
padding-bottom: 10px;
font-size: 24px;
font-weight: 600;
}
.article-picture {
display: flex;
align-items: center;
padding-bottom: 30px;
}
.article-picture-left {
margin-right: 21px;
}
.article-picture-right {
max-width: 440px;
}
.article-picture-right span:nth-of-type(1) {
display: block;
font-weight: 600;
padding-bottom: 10px;
}
.article-figure {
display: flex;
align-items: center;
padding-bottom: 30px;
}
.article-figure-right {
margin-right: 21px;
}
.article-figure-left {
max-width: 440px;
}
.article-figure-left span:nth-of-type(1) {
display: block;
font-weight: 600;
padding-bottom: 10px;
}
.article-list {
display: flex;
padding-bottom: 20px;
}
.article-list-left {
min-width: 40px;
margin-right: 20px;
}
.left-correct img {
min-height: 275px;
}
.article-footer {
display: flex;
padding-bottom: 30px;
justify-content: center;
}
.article-footer img {
padding-left: 10px;
padding-right: 10px;
}
.artile-dream {
margin-top: -50px;
font-size: 21px;
font-weight: 600;
padding-bottom: 30px;
}
.artile-dream a {
color: #e10000;
font-weight: 600;
}
.article-dream-one {
display: flex;
align-items: center;
padding-bottom: 20px;
}
.article-dream-left {
margin-right: 20px;
}
.article-dream-right {
flex-basis: 50%;
}
.article-dream-right span {
max-width: 349px;
font-size: 24px;
font-weight: 600;
display: block;
padding-bottom: 20px;
}
.article-dream-right a {
display: flex;
align-items: center;
}
.article-dream-right a img {
padding-left: 15px;
}
.article-dream-right a p {
font-size: 18px;
color: #c21313;
}
.suggestions-one {
padding-bottom: 30px;
}
.suggestions-one a {
display: flex;
align-items: center;
}
.suggestions-one a img {
padding-right: 20px;
}
.suggestions-one-block {
display: flex;
justify-content: space-between;
}
.suggestions-one-block span {
display: block;
color: #545454;
font-size: 14px;
padding-bottom: 7px;
}
.suggestions-one-title {
font-size: 24px;
font-weight: 600;
color: black;
padding-bottom: 20px;
}
.suggestions-one-right {
flex-basis: 50%;
}
.suggestions-one-right p {
display: flex;
align-items: center;
color: #c21313;
}
.suggestions-one-right p img {
padding-left: 20px;
}
@media (max-width: 1200px) {
.article-build {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.article-build-img {
flex-basis: auto;
margin-bottom: 20px;
margin-right: 10px;
margin-bottom: 10px;
}
.form-img-cont .input-img {
flex-basis: 40%;
width: 351px;
margin-left: 0;
}
.form_contact-main .form-group {
width: 376px;
margin-right: 20px;
margin-bottom: 45px;
}
.input-img-mob {
margin-right: 20px;
}
.error_upload-form {
bottom: 125px;
}
}
@media (max-width: 1050px) {
.article-cont .question-footer input {
flex-basis: 34%;
margin-bottom: 10px;
margin-right: 5px;
}
.article-cont .question-footer input:nth-of-type(4) {
margin-right: 5px;
}
}
@media (max-width: 991px) {
.article-footer {
flex-wrap: wrap;
}
.article-footer img {
padding-bottom: 20px;
}
.form-img-cont {
flex-direction: column;
align-items: center;
}
.input-img-mob {
margin-right: 0px;
}
.form_contact-main .form-group {
margin-right: 0px;
width: 341px;
}
.form-img-button button {
width: 341px;
}
.error_upload-form {
bottom: 303px;
font-size: 14px;
}
}
@media (max-width: 769px) {
.suggestions-img {
width: 100%;
margin-bottom: 20px;
}
.suggestions-one {
padding-bottom: 60px;
}
.suggestions-one a {
flex-direction: column;
}
.suggestions-one a img {
padding-right: 0px;
}
.suggestions-one-right {
flex-basis: 100%;
}
.article-dream-one {
flex-direction: column;
}
.article-dream-left {
margin-right: 0px;
}
.article-dream-right {
flex-basis: 100%%;
padding-top: 30px;
}
.left-correct img {
min-height: auto;
}
.article-picture {
flex-direction: column;
padding-bottom: 30px;
}
.article-picture-left {
margin-right: 0px;
width: 100%;
padding-bottom: 15px;
}
.article-picture-left img {
width: 100%;
}
.article-picture-right {
max-width: none;
}
.article-figure {
flex-direction: column;
padding-bottom: 30px;
}
.article-figure-right {
order: -1;
margin-right: 0px;
width: 100%;
padding-bottom: 15px;
}
.article-figure-right img {
width: 100%;
}
.article-figure-left {
max-width: none;
}
.article-block-font {
order: -1;
margin-bottom: 20px;
}
.article-check {
flex-direction: column;
}
.article-check-left {
padding-right: 0px;
}
.article-check-one span:nth-child(2) {
max-width: none;
}
.article-blockimg {
flex-direction: column;
}
.article-blockimg-left {
order: 2;
margin-right: 0px;
}
.article-blockimg-left span {
display: block;
max-width: none;
}
.article-blockimg-left span:nth-child(1) {
font-size: 21px;
padding-bottom: 10px;
font-style: italic;
}
.article-blockimg-right {
width: 100%;
padding-bottom: 20px;
}
.article-blockimg-right img {
width: 100%;
}
.article-block {
flex-direction: column;
}
.article-block-right {
margin-left: 0px;
}
.article-block-right span {
max-width: none;
}
.article-block-left {
width: 100%;
padding-bottom: 20px;
}
.article-block-left img {
width: 100%;
}
.article h1 {
font-size: 28px;
padding-top: 60px;
padding-bottom: 10px;
max-width: none;
}
}
@media (max-width: 600px) {
.article-cabinet::placeholder {
white-space: break-spaces;
}
.article-cabinet {
padding-bottom: 25px;
}
}
@media (max-width: 700px) {
.hero .mySlide {
background: url(../../../assets/files/hero/hero_new2.webp)!important;
}
}
/* NEWSTYLE */
.place{
padding: 70px 0;
}
.colored span{
align-items: center;
}
.why .colored{
max-width: 640px;
}
.place .container{
gap: 24px;
}
.place ._image{
max-width: 600px;
width: 100%;
display: flex;
height: auto;
border-radius: 24px;
overflow: hidden;
}
.place ._image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.place .wrapper{
display: flex;
flex-direction: column;
gap: 16px;
font-size: 18px;
}
.place .message{
text-transform: uppercase;
padding: 20px 40px;
border-radius: 16px;
background: #f5f5f5;
font-size: 36px;
position: relative;
}
.place .message span{
font-weight: 700;
color: #4EA954;
}
.place .message img{
position: absolute;
top: 100%;
right: 20px;
}
.place .row{
display: flex;
gap: 20px;
margin-top: 32px;
}
.place .row .col{
display: flex;
flex-direction: column;
gap: 12px;
}
.toMap{
display: flex;
height: auto;
max-width: 220px;
width: 100%;
border-radius: 20px;
height: auto;
overflow: hidden;
background: url(/files/about/map.png);
background-size: cover !important;
background-position: center !important;
}
.toMap img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.place .row .col div{
display: flex;
align-items: flex-start;
background: #FFFFFF;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
border-radius: 25px;
padding: 24px;
gap: 10px;
font-size: 20px;
}
.place .row .col div p{
display: flex;
flex-direction: column;
gap: 2px;
font-weight: 300;
}
.place .row .col span{
display: inline-block;
font-weight: 700;
color: #4EA954;
}
.about .wrapper .item{
display: flex;
align-items: flex-start;
background: #FFFFFF;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.03);
gap: 10px;
padding: 20px;
border-radius: 24px;
}
.about .wrapper .item p{
display: flex;
flex-direction: column;
gap: 8px;
}
.about .container{
gap: 20px;
}
.aboutImage ._image{
height: 640px;
}
.col .bag{
margin: 0;
}
.result .image{
height: unset;
}
.mapWrapper{
display: flex;
flex-direction: column;
gap: 24px;
}
.map{
position: relative;
}
.map .info{
position: absolute;
display: flex;
flex-direction: column;
gap: 20px;
padding: 48px 32px;
max-width: 480px;
border-radius: 24px;
background: rgba(255, 255, 255, 0.8);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(7px);
left: calc((100vw - 1360px) / 2);
top: 50%;
transform: translateY(-50%);
z-index: 2;
}
.map h3{
text-transform: uppercase;
font-size: 24px;
}
._big{
font-size: 22px;
font-weight: 500;
}
.lasted .listCta{
font-size: 28px;
}
.standard .col:last-child{
max-width: 600px;
width: 100%;
}
.lasted h2{
font-size: 40px;
}
.lasted h3{
font-size: 32px;
font-weight: 500;
}
.gift{
background: #FFFFFF;
padding: 40px 24px;
display: flex;
align-items: center;
gap: 12px;
font-weight: 300;
border-radius: 20px;
position: relative;
font-size: 24px;
margin-top: 12px;
}
.gift strong{
font-weight: 900;
text-transform: uppercase;
font-size: 44px;
color: #4EA954;
}
.gift div{
display: flex;
flex-direction: column;
gap: 12px;
}
.gift > img:first-child{
min-width: 144px;
height: auto;
}
.gift > img:last-child{
position: absolute;
top: calc(100% - 2px);
right: 20px;
}
.lasted .col{
gap: 16px;
max-width: 620px;
}
.lasted .col:last-child{
max-width: 620px;
}
.colored.uniq{
display: inline-block;
max-width: 900px;
}
.hero .row{
display: flex;
align-items: center;
gap: 24px;
margin-top: 12px;
flex-wrap: wrap;
}
.hero .row p{
display: flex;
align-items: center;
gap: 12px;
font-weight: 700;
font-size: 18px;
}
.hero .more{
opacity: 1;
}
.hero .row .btn{
margin: 0;
}
.content.long h1{
font-size: 40px;
}
.workSlide .content .col{
position: relative;
z-index: 1;
}
.benefitWrapper{
margin-top: 32px;
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.benefitWrapper .col{
display: flex;
flex-direction: column;
gap: 16px;
width: calc(50% - 8px) !important;
max-width: 100% !important;
}
.benefitItem{
padding: 20px;
background: #fafafa;
border-radius: 20px;
width: 100%;
}
.benefitHeader{
display: flex;
align-items: center;
justify-content: space-between;
cursor: pointer;
}
.benefitHeader img{
transition: all 0.4s;
}
.benefitHeader._open > img{
transform: rotate(180deg);
}
.benefitHeader p{
display: flex;
align-items: center;
gap: 12px;
font-size: 22px;
font-weight: 500;
}
.benefitContent{
display: none;
font-size: 18px;
padding-top: 12px;
}
.center{
gap: 12px;
}
.sliderWrapper .tableSlide{
position: relative;
}
.crown .sliderWrapper .tableSlide:first-child::before{
position: absolute;
content: '';
width: 42px;
height: 42px;
background: url(../../files/icons/crown.png);
background-size: cover;
left: -18px;
top: -18px;
transform: rotate(-45deg);
z-index: 1;
}
.gift._green{
color: #FFFFFF;
background: linear-gradient(180deg, rgba(78, 169, 84, 0.3) 0%, rgba(78, 169, 84, 1) 100%);
}
.steps._white{
background: transparent;
border-radius: 0;
}
.steps h3{
display: flex;
align-items: center;
gap: 12px;
}
.steps h3 img{
min-width: 44px;
}
.materialSlider {
border-radius: 50px;
background: #F8F8F8;
padding: 90px 0;
}
.materialSlider .container {
gap: 12px;
}
.materialSlider .sliderWrapper{
max-width: 560px;
}
.materialSlider .slick-arrow{
position: absolute;
bottom: -32px;
left: 0;
}
.materialSlider .slick-next{
left: unset;
right: 0;
}
.materialSlider .slick-dots{
bottom: -28px;
}
.materialSlider .slick-dots button{
background: rgba(70, 78, 71, 0.3);
}
.materialSlider h2{
font-size: 38px;
margin-bottom: auto;
}
.materialSlider .info{
display: flex;
flex-direction: column;
gap: 16px;
}
.materialQual{
padding: 24px;
display: flex;
gap: 8px 12px;
background: #FFFFFF;
border-radius: 20px;
align-items: flex-start;
}
.materialQual.col{
flex-direction: column;
}
.materialQual h3{
text-transform: uppercase;
font-size: 20px;
}
.materialQual > h3{
color: #4EA954;
}
.materialQual .col{
display: flex;
flex-direction: column;
gap: 8px;
}
.visual{
padding: 90px 0;
}
.visual .row{
display: flex;
gap: 20px;
flex-wrap: wrap;
}
.visual .item{
width: calc((100% - 60px) / 4);
display: flex;
flex-direction: column;
gap: 24px;
padding: 30px 20px;
border-radius: 24px;
background: #FFFFFF;
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
align-items: center;
font-size: 18px;
}
.visual .col{
width: 100%;
}
.visual .col strong{
display: inline-block;
margin-bottom: 16px;
padding: 4px 12px;
border-radius: 16px;
background: linear-gradient(180deg, rgba(78, 169, 84, 0.33) 0%, rgba(78, 169, 84, 0.83) 100%);
font-weight: 500;
color: #FFFFFF;
}
.visual .item img{
max-width: 100%;
}
.container.long{
max-width: 1600px;
}
.new .quizItem{
min-height: unset !important;
}
.new .quizItem[data-quiz="0"]{
padding: 60px 44px;
}
.new .quizItem[data-quiz="0"]>div{
max-width: 600px;
}
.new .quizItem[data-quiz="0"] .image{
border-radius: 24px;
top: 0 !important;
right: 0 !important;
transform: unset !important;
display: flex;
height: 100%;
overflow: hidden;
max-width: calc(100% - 624px);
bottom: unset !important;
}
.new .quizItem[data-quiz="0"] .image img{
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.quiz.new .image .price{
position: absolute;
left: 24px;
bottom: 24px;
padding: 12px 16px;
background: linear-gradient(180deg, rgba(78, 169, 84, 0.33) 0%, rgba(78, 169, 84, 0.83) 100%);
border-radius: 40px;
font-weight: 700;
font-size: 30px;
color: #FFFFFF;
}
.quiz.new .greened{
margin-bottom: 24px;
}
.radioGroup input[type="number"]{
width: calc(50% - 8px);
background: #F3F3F3;
height: 60px;
box-shadow: none;
}
.radioGroup.c3 input{
width: 100%;
}
.radioGroup.c3 .radio{
width: calc((100% - 32px) / 3);
}
.quizPrice{
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
padding: 20px;
gap: 12px;
font-size: 20px;
font-weight: 500;
background: #F8F8F8;
border-radius: 24px;
}
.quizPrice p:last-child{
font-size: 16px;
color: rgba(0, 0, 0, 0.4);
font-weight: 400;
}
.quizPrice .pricer{
color: #4EA954;
font-size: 35px;
}
.newForm h4{
font-weight: 500;
font-size: 18px;
width: 100%;
}
.newForm{
display: flex;
flex-wrap: wrap;
gap: 12px;
}
.newForm > input{
width: calc(50% - 6px);
height: 40px;
}
.newForm button{
padding: 8px 20px;
margin-left: auto;
height: 40px;
}
.fileInput{
width: 100%;
height: 40px;
border-radius: 10px;
background: #FFFFFF;
border: 1px dashed rgba(78, 169, 84, 0.5);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.05);
border-radius: 10px;
display: flex;
align-items: center;
gap: 8px;
padding: 12px;
position: relative;
font-size: 14px;
color: #444444;
}
.fileInput input{
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
cursor: pointer;
}
.fileInput .good{
color: #4EA954;
}
.video .container {
flex-direction: column;
gap: 32px;
}
.videoBtn{
position: relative;
}
.videoBtn .image{
position: relative;
overflow: hidden;
border-radius: 24px;
height: 100%;
display: flex;
}
.videoBtn .image::before{
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(0, 0, 0, 0.1);
backdrop-filter: blur(4px);
}
.videoBtn > img{
position: absolute;
z-index: 2;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
}
.videoBtn .image img{
width: 100%;
object-fit: cover;
object-position: center;
}
.priceType + .visual{
padding-top: 0;
}
.center{
justify-content: center;
flex-wrap: wrap;
}
.hero{
font-size: 22px;
}
.btn._long{
min-width: 260px;
}
.default .tableTop .col:first-child{
width: 290px;
min-width: 290px;
}
.default .tableTop .col{
background: rgba(235, 235, 235, 0.7);
font-size: 18px;
width: calc((100% - 335px) / 4);
}
.default .container{
display: flex;
flex-direction: column;
gap: 16px;
}
.default .tableSlide .image{
width: 290px;
min-width: 290px;
height: 80px;
}
.default .tableSlide .col {
min-height: unset;
height: 80px;
width: calc((100% - 335px) / 4);
}
.default .tableSlide .image p{
bottom: unset;
top: 50%;
transform: translateY(-50%);
}
.default .tableSlide:last-child .image::after{
background: linear-gradient(180deg, rgba(217, 217, 217, 0) 20%, rgba(78, 169, 84, 0.225) 100%);
}
.default .tableSlide:last-child .col{
background: linear-gradient(180deg, rgba(217, 217, 217, 0) 20%, rgba(78, 169, 84, 0.365) 100%), rgba(255, 255, 255, 0.6);
font-weight: 500;
}
.newMessage{
padding: 16px 40px;
border-radius: 16px;
background: linear-gradient(180deg, rgba(217, 217, 217, 0.7) -60.94%, rgba(78, 169, 84, 1) 100%);
position: relative;
font-size: 30px;
font-weight: 700;
color: #FFFFFF;
}
.newMessage img{
position: absolute;
right: 20px;
top: calc(100% - 2px);
}
.quiz.new{
background: #F8F8F8;
border-radius: 44px;
}
.quizRow{
display: flex;
gap: 16px;
flex-wrap: wrap;
}
.quizRow p{
font-weight: 500;
font-size: 14px;
padding: 10px 16px;
border-radius: 20px;
background: #4EA954;
color: #FFFFFF;
}
.quizRow img{
max-height: 32px;
}
.newForm ._gray{
color: rgba(70, 78, 71, 0.3);
font-size: 14px;
}
.hero h3{
position: relative;
z-index: 2;
margin-top: 16px;
}
.type5 .stepItem{
min-height: unset !important;
}
.type5 .stepItem p{
font-size: 20px;
}
.steps.type5{
border-radius: 44px;
background: #F8F8F8;
}
.steps.type5 h3{
text-transform: unset;
}
.event{
font-size: 20px;
line-height: 140%;
}
.event strong{
text-transform: uppercase;
}
.mySlide.short{
min-height: 600px;
height: unset;
}
.reviews .col{
width: 440px;
}
.heroGift{
padding: 24px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.28);
backdrop-filter: blur(6px);
font-size: 20px;
position: absolute;
bottom: -120px;
right: 20px;
z-index: 2;
}
.heroGift strong{
text-transform: uppercase;
font-size: 24px;
}
.heroGift .image{
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
background: linear-gradient(180deg, rgba(78, 169, 84, 0.4) 0%, #4EA954 100%);
box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.11);
border-radius: 50%;
position: absolute;
top: -50px;
left: -50px;
}
.heroGift .image img{
transform: rotate(20deg);
}
.tableRower{
display: flex;
gap: 15px;
width: 100%;
}
/* NEWSTYLE */
@media screen and (max-width: 1440px) {
/* NEWSTYLE */
.map .info{
left: 32px;
}
.materialSlider h2{
font-size: 32px;
}
.visual .item{
width: calc(50% - 10px);
}
}
/* NEWSTYLE */
@media screen and (max-width: 1320px) {
.default .tableTop .col{
width: calc((100% - 60px) / 5) !important;
min-width: unset !important;
border-radius: 12px;
}
.default .tableSlide .col,
.default .tableSlide .image {
width: calc((100% - 60px) / 5) !important;
min-width: unset;
border-radius: 12px;
}
.lasted .col{
max-width: 620px;
}
.lasted .col:last-child{
max-width: 540px;
}
.lasted h3{
font-size: 28px;
}
.lasted .listCta{
font-size: 24px;
}
}
@media screen and (max-width: 1280px) {
.default .tableTop .col{
font-size: 16px;
word-wrap: break-word;
word-break: break-all;
padding: 0 8px;
}
.place .row{
flex-direction: column;
gap: 16px;
}
.place ._image{
max-width: 440px;
}
.place .message{
font-size: 28px;
}
.lasted h2{
font-size: 30px;
}
.toMap{
max-width: 100%;
height: 160px;
background: url(/files/about/map1024.png);
}
.place h2{
font-size: 32px;
}
.materialSlider .sliderWrapper{
max-width: 480px;
}
.gift strong{
font-size: 40px;
}
.gift > img:first-child {
min-width: 132px;
width: 132px;
}
}
@media screen and (max-width: 1200px) {
.heroGift{
font-size: 16px;
padding: 20px;
}
.heroGift .image{
width: 64px;
height: 64px;
top: -40px;
left: -40px;
}
.heroGift img{
width: 36px;
height: 36px;
}
.heroGift strong{
font-size: 18px;
}
.materialSlider .sliderWrapper{
max-width: 440px;
}
.gift{
font-size: 20px;
}
.gift strong{
font-size: 36px;
}
.gift > img:first-child {
min-width: 124px;
width: 124px;
}
}
@media screen and (max-width: 1120px) {
.new .quizItem[data-quiz="0"] .image{
max-width: calc(100% - 540px);
}
.newMessage{
font-size: 20px;
}
.event,
.type5 .stepItem p{
font-size: 18px;
}
.projects h2{
font-size: 32px;
max-width: calc(100% - 120px);
}
.materialSlider .container{
flex-direction: column;
gap: 48px;
}
.materialSlider .sliderWrapper{
max-width: 100%;
}
.materialSlider .cardSlide img{
width: 100%;
max-height: 600px;
height: 100%;
}
.benefitContent{
font-size: 16px;
}
.benefitHeader p{
font-size: 20px;
}
.quiz.new .image .price{
font-size: 24px;
}
.lasted .col{
width: 100% !important;
max-width: 50% !important;
}
.lasted h3 {
font-size: 24px;
}
.lasted .listCta{
font-size: 20px;
}
.lasted .info{
padding: 24px;
}
.lasted form{
padding: 24px;
}
.gift{
padding: 24px;
margin-bottom: 12px;
}
.gift > img:first-child {
min-width: 100px;
width: 100px;
}
}
@media screen and (max-width: 960px) {
.videoBtn > img{
width: 80px;
height: 80px;
}
.videoBtn .image::before{
backdrop-filter: blur(2px);
}
.cta {
min-height: 760px;
}
.heroGift{
position: relative;
right: unset;
bottom: unset;
max-width: 400px;
margin-top: 48px;
display: flex;
align-items: center;
gap: 12px;
}
.heroGift .image{
position: relative;
left: unset;
top: unset;
}
.event,
.type5 .stepItem p{
font-size: 16px;
}
.place .container{
flex-direction: column;
}
.place ._image{
max-width: 100%;
}
.new .quizItem[data-quiz="0"]>div{
max-width: 480px;
}
.new .quizItem[data-quiz="0"] .image{
max-width: calc(100% - 504px);
}
.steps._white{
padding: 80px 0;
}
.gift strong br{
display: none;
}
.cta h2{
font-size: 36px;
}
}
@media screen and (max-width: 840px) {
.cta h2{
font-size: 32px;
}
.quiz.new{
padding: 80px 20px;
}
.content.long h1{
font-size: 32px;
}
.place{
padding: 50px 0;
}
.projects h2{
font-size: 26px;
}
.map .info{
left: 50%;
transform: translateX(-50%);
bottom: 50px;
top: unset;
width: 100%;
}
.place .message{
font-size: 24px;
}
.materialSlider{
padding: 20px;
border-radius: 40px;
}
.steps._white .container{
padding: 0 !important;
}
.steps .container{
padding: 0 20px;
}
.new .quizItem[data-quiz="0"] .image{
right: unset !important;
top: unset !important;
position: relative;
max-width: 100%;
height: 220px;
}
.new .quizItem[data-quiz="0"]{
padding: 0;
display: flex;
flex-direction: column-reverse;
}
.new .quizItem[data-quiz="0"]>div:not(.image){
max-width: 100%;
padding: 24px;
}
.materialSlider .cardSlide{
min-height: unset;
}
}
@media screen and (max-width: 768px) {
.newMessage{
font-size: 18px;
}
.sliderWrapper .tableSlide:first-child::before{
display: none;
}
.materialQual h3{
font-size: 18px;
}
.visual .item{
width: 100%;
}
.default .tableSlide .col, .default .tableSlide .image{
width: 100% !important;
}
.default .tableSlide .col::before{
min-width: 40%;
}
}
@media screen and (max-width: 640px) {
.cta .text{
font-size: 16px;
}
.hint br{
display: none;
}
.radioGroup input[type="number"]{
height: 44px;
}
.quiz.new .radio{
height: 44px;
}
.quizPrice .pricer{
font-size: 28px;
}
.newForm button{
height: 44px;
}
}
@media screen and (max-width: 600px) {
.videoBtn .image{
border-radius: 16px;
}
.videoBtn .image::before {
backdrop-filter: blur(1px);
}
.videoBtn > img{
width: 56px;
height: 56px;
}
.newMessage{
font-size: 16px;
padding: 16px;
}
.lasted h3{
font-size: 20px;
}
.gift strong {
font-size: 28px;
}
.content.long h1{
font-size: 28px;
}
.visual .item{
font-size: 16px;
}
._big{
font-size: 16px;
}
.more svg{
display: none;
}
.more{
text-align: center;
}
.toMap{
height: 100px;
}
.place h2{
font-size: 28px;
}
.place .message{
padding: 16px;
font-size: 20px;
}
.place .row .col div{
font-size: 16px;
}
.projects h2{
max-width: 100%;
}
.map .info{
display: none;
}
.gift{
padding: 16px;
font-size: 14px;
}
.gift p{
display: inline-block;
}
.gift img{
min-width: 28px;
width: 28px;
height: 28px;
}
.hero .row{
justify-content: center;
}
.benefitHeader p{
font-size: 18px;
}
}
@media screen and (max-width: 480px) {
.cta h2{
font-size: 24px;
}
.quiz.new{
padding: 70px 12px;
}
.heroGift{
flex-direction: column;
text-align: center;
}
.default .tableSlide .col::before{
min-width: 100px;
max-width: 100px;
word-break: break-all;
}
.radio p:before{
width: 24px;
height: 24px;
}
.radio input[type=radio]:checked+p::after{
left: 26px;
}
.newForm button{
width: 100%;
}
.lasted h3{
font-size: 18px;
}
.gift > img:first-child{
min-width: 80px;
width: 80px;
}
.gift strong{
font-size: 24px;
}
.materialSlider{
border-radius: 24px;
padding: 16px;
}
.materialQual{
padding: 16px;
flex-direction: column;
}
h2.colored{
font-size: 26px;
}
.materialQual h3{
font-size: 16px;
}
.quiz.new .image .price{
font-size: 20px;
}
.lasted h2{
font-size: 24px;
}
.new .quizItem[data-quiz="0"]>div:not(.image){
padding: 16px;
}
}
@media screen and (max-width: 380px) {
.gift {
flex-direction: column;
align-items: unset;
}
.new .quizItem[data-quiz="0"] h2{
font-size: 20px !important;
}
.content.long h1{
font-size: 26px;
}
.lasted h3{
font-size: 16px;
}
.lasted h2{
font-size: 20px !important;
}
}
@media screen and (max-width: 960px) {
.standard_update.lasted .col {
max-width: none !important;
}
}
.reviews {
overflow: hidden;
}
@media (max-width: 768px) {
.map {
height: 400px;
}
}
@media screen and (max-width: 600px) {
.markerContent {
width: 110%;
}
}
@media screen and (max-width: 640px) {
.tableSlide {
width: 380px !important;
}
}
@media screen and (max-width: 480px) {
.tableSlide {
width: 335px !important;
}
}
@media screen and (max-width: 640px) {
.cta .text {
min-height: 400px;
}
}
@media screen and (max-width: 960px) {
.cta {
min-height: auto;
}
}
@media screen and (max-width: 980px) {
.cta {
padding: 20px 12px;
}
}
@media screen and (max-width: 960px) {
.standard .col {
width: 100% !important;
max-width: 100% !important;
}
}
.house-cost-form {
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
padding: 40px 15%;
box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
background-image: url(../../../assets/templates/img/question.png);
background-size: cover;
border-radius: 44px;
background-position: center;
background-attachment: fixed;
}
.house-cost-form__title {
font-size: 28px;
font-weight: bold;
text-align: center;
margin-bottom: 10px;
color: white;
}
.house-cost-form__subtitle {
font-size: 18px;
text-align: center;
margin-bottom: 40px;
color: white;
}
.house-cost-form__group {
margin-bottom: 30px;
}
.house-cost-form__label {
display: block;
margin-bottom: 10px;
font-weight: bold;
color: white;
font-size: 16px;
}
.house-cost-form__floors-options {
display: flex;
gap: 15px;
}
.house-cost-form__floor-option {
flex: 1;
padding: 15px;
background: white;
border: 2px solid #ddd;
border-radius: 8px;
text-align: center;
cursor: pointer;
transition: all 0.3s;
font-size: 16px;
color: black;
}
.house-cost-form__floor-option--selected {
border-color: #4EA954;
color: #4EA954;
font-weight: bold;
background-color: rgba(78, 169, 84, 0.1);
background: white;
}
.house-cost-form__range-container {
display: flex;
align-items: center;
gap: 20px;
}
.house-cost-form__range-value {
min-width: 40px;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #4EA954;
}
.house-cost-form__range-input {
flex: 1;
height: 3px;
padding: 3px 0px;
-webkit-appearance: none;
background: #ddd;
border-radius: 5px;
outline: none;
}
.house-cost-form__range-input::-webkit-slider-thumb {
-webkit-appearance: none;
width: 24px;
height: 24px;
background: #4EA954;
border-radius: 50%;
cursor: pointer;
transition: all 0.2s;
}
.house-cost-form__range-input::-webkit-slider-thumb:hover {
transform: scale(1.1);
}
/* Стили для строки с полями ввода */
.house-cost-form__row {
display: flex;
gap: 20px;
}
.house-cost-form__field {
flex: 1;
}
.house-cost-form__text-input,
.house-cost-form__tel-input {
width: 100%;
padding: 15px;
border: 1px solid #ddd;
border-radius: 8px;
font-size: 16px;
transition: border 0.3s;
}
.house-cost-form__text-input:focus,
.house-cost-form__tel-input:focus {
border-color: #4EA954;
outline: none;
}
.house-cost-form__submit-btn {
width: 100%;
padding: 18px;
color: white;
border: none;
font-size: 18px;
font-weight: bold;
cursor: pointer;
transition: all 0.3s;
margin-top: 10px;
transition: --color-start 0.5s ease-in-out, --color-end 0.5s ease-in-out;
border: 1px solid #4EA954;
border-radius: 38px;
background: linear-gradient(180deg, var(--color-start), var(--color-end));
}
/*.house-cost-form__submit-btn:hover {
background-color: #3e8e44;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}*/
.container-form {
max-width: 1100px;
}
@media (max-width: 768px) {
.house-cost-form {
padding: 30px 10%;
}
.house-cost-form__row {
flex-direction: column;
gap: 15px;
}
}
@media (max-width: 480px) {
.house-cost-form {
padding: 25px 5%;
}
.house-cost-form__title {
font-size: 24px;
}
.house-cost-form__subtitle {
font-size: 16px;
margin-bottom: 30px;
}
.house-cost-form__floors-options {
/*flex-direction: column;*/
}
.house-cost-form__range-container {
/*flex-direction: column;*/
align-items: flex-start;
gap: 10px;
}
.house-cost-form__range-input {
width: 100%;
}
}
.modal__thanks {
padding: 60px 40px 30px;
}
.modal__thanks-title {
font-size: 40px;
text-align: center;
font-weight: 900;
line-height: 130%;
text-transform: uppercase;
margin-bottom: 40px;
color: white;
}
.modal__thanks-text {
font-size: 26px;
text-align: center;
font-weight: 500;
line-height: 130%;
margin-bottom: 40px;
color: white;
}
@media (max-width: 900px) {
.modal__thanks-title {
font-size: 25px;
}
.modal__thanks-text {
font-size: 20px;
}
}