a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
div {
max-width: 100%;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol,
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
content: "";
content: none;
} @font-face {
font-family: "Montserrat";
src: url(//terra-sfera.ru/wp-content/themes/ilean/assets/fonts/Montserrat-Regular.ttf)
format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Montserrat";
src: url(//terra-sfera.ru/wp-content/themes/ilean/assets/fonts/Montserrat-SemiBold.ttf)
format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
} @font-face {
font-family: "Montserrat";
src: url(//terra-sfera.ru/wp-content/themes/ilean/assets/fonts/Montserrat-Bold.ttf)
format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
html,
body {
width: 100%;
overflow-x: hidden;
padding: 0;
margin: 0;
}
body {
font-family: Montserrat;
font-size: 13px;
line-height: 120%;
width: 100vw;
padding: 0;
margin: 0;
overflow: hidden;
}
.container {
margin: auto;
padding: 0 10px;
width: 100%;
box-sizing: border-box;
}
@media screen and (min-width: 768px) {
.container {
max-width: 750px;
}
}
@media screen and (min-width: 992px) {
.container {
max-width: 860px;
}
}
@media screen and (min-width: 1200px) {
.container {
max-width: 1120px;
}
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.flex {
flex
}
.flex-w {
flex:wrap
}
.jc-spb {
justify-content: space-between
}
.jc-c {
justify-content: center
}
.ali-c {
align-items: center;
}
.red {
color: #669933;
}
.btn {
border-radius: 5px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
color: #fff;
max-width: 315px;
height: 48px;
gap: 15px;
text-decoration: none;
cursor: pointer;
}
.btn svg {
max-width: 20px;
fill: white;
margin-top: 5px;
}
.btn-red {
background: #669933;
border: 0;
}
.btn-blink {
-webkit-transition: 0.2s linear;
transition: 0.2s linear;
position: relative; border-radius: 5px;
font-size: 18px;
width: 420px;
height: 60px;
max-width: 100%;
font-family: 'Montserrat';
}
.btn-red.btn-blink svg {
display: none;
}
.btn-blink::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 20px;
height: 100%;
opacity: 0.36;
background-color: #fff;
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
-webkit-animation-name: flare;
animation-name: flare;
-webkit-animation-duration: 5s;
animation-duration: 5s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@-webkit-keyframes flare {
0% {
left: -100%;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}
@keyframes flare {
0% {
left: -100%;
}
50% {
left: 100%;
}
100% {
left: 100%;
}
}
input[type="tel"] {
width: 100%;
height: 55px;
border-radius: 5px;
text-align: center;
font-size: 16px;
border: 0px;
max-width: 315px;
-webkit-box-sizing: border-box;
box-sizing: border-box; display: block;
-webkit-box-shadow: 0px 0px 3px #cecece;
box-shadow: 0px 0px 3px #cecece;
font-family: 'Montserrat';
}
.popup input[type="tel"] {
margin: 20px auto 10px;
}
.fancybox-content {
padding: 40px 20px 40px;
max-width: 320px;
}
@media screen and (max-width: 600px){
header {
padding: 10px 0;
}
header>.container>.row {
flex-wrap:wrap;
gap: 10px 30px;
}
}
.logo {
font-size: 21px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
text-decoration: none;
color: inherit;
height: 100px;
font-weight: 500;
text-transform: uppercase;
}
.logo .red {
font-weight: 600;
}
.logo_description {
font-size: 9px;
line-height: 153%;
margin-top: 5px;
display: block;
font-weight: 400;
}
@media screen and (max-width: 991px) {
.logo {
height: 60px
}
.logo img {
max-width: 35px;
}
.logo .logo_description {
display: none;
margin-top: 0;
font-size: 10px;
}
}
@media screen and (max-width: 600px){
.logo {
font-size: 16px;
height: 37px;
order: 2;
width: 80%;
}
}
@media screen and (min-width: 1200px) {
.logo .logo_description {
display: block;
}
}
.messangers {
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.messangers .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.messangers svg {
max-width: 22px;
max-height: 28px;
position: relative;
}
.messanger-email {
position: relative;
}
.messanger-email:before {
background-color: white;
content: "";
border-radius: 95%;
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 4px;
bottom: 4px;
left: 1px;
}
@media screen and (max-width: 991px){
}
@media screen and (max-width: 767px){
.messangers {
order: 1;
}
.messangers .row {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
gap: 13px;
}
.messangers span {
display: none;
}
footer .messangers {
align-items: center;
margin: auto
}
}
.phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 7px;
}
.phone a, .phone span.phone-encoded {
font-size: 18px;
text-decoration: none;  }
.phone span {
font-size: 12px;
}
@media screen and (min-width: 992px) {
.phone a, .phone-encoded {
font-size: 23px !important;
text-decoration: none;
}
}    
@media scree and (max-width: 991px){
.phone {
order: 0;
}
}
@media screen and (max-width: 767px){
.phone {
text-align: left;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
white-space: nowrap;
max-width: calc(100% - 90px);
}
.phone>span {
display: none;
font-size: 10px;
}
.phone a {
font-size: 14px !important;
}
}
@media screen and (min-width: 992px) {
.messangers {  margin-right: 40px;
}
.messangers .row {
margin-top: 8px;
position: relative;
}
.messangers svg {
max-width: 28px;
max-height: 28px;
}
.messanger-email:before {
background-color: white;
content: "";
border-radius: 95%;
display: block;
width: 25px;
height: 25px;
position: absolute;
top: 2px;
bottom: 4px;
left: 1px;
}
.phone a, .phone-encoded {
font-size: 23px !important;
text-decoration: none;
}
}
.navigation {
width: 100%;
position: relative;
min-height: 66px;
display: flex;
align-items:center
}
header .navigation:before {
content: '';
width: 100vw;
height: 100%;
left:  -10px;
background: linear-gradient(90deg, #94c733, #669933);
display: block;
position: absolute;
top: 0;
z-index: -1;
}
.navigation ul {
display: flex;
gap: 30px;
font-size: 14px;
color: #ffffff;
text-decoration: none;
text-transform: lowercase;
width: 100%;
}
.navigation ul a {
color: #ffffff;
text-decoration: none;
}
@media screen and (max-width: 991px){
}
@media screen and (min-width: 768px){
header .navigation:before { 
left:  calc((100vw - 750px)/-2); 
}
}
@media screen and (max-width: 600px){
.navigation ul  {
flex-direction: column
}
}
@media screen and (min-width: 992px){
header .navigation:before {
left: calc((100vw - 836px)/-2);
}
}
@media screen and (min-width: 1200px){
header .navigation:before {
left: calc((100vw - 1098px)/-2);
}
} .burger-menu {
display: none;
flex-direction: column;
cursor: pointer;
padding: 0;
z-index: 1001;
}
.burger-menu span {
width: 20px;
height: 2px;
background: #333;
margin: 2px 0;
transition: 0.3s;
display: block;
transition: all .3s ease
}
.burger-menu.active span {
background: white
} .burger-menu.active span:nth-child(1) {
transform: rotate(45deg) translate(5px, 6px);
}
.burger-menu.active span:nth-child(2) {
opacity: 0;
}
.burger-menu.active span:nth-child(3) {
transform: rotate(-45deg) translate(3px, -3px);
} .navigation {
transition: all 0.3s ease;
}
.main-navigation {
transition: all 0.3s ease;
} @media (max-width: 991px) {
.burger-menu {
display: flex !important;
order:3
}
header .navigation {
position: fixed;
top: 0;
left: -100%;
width: 80%;
max-width: 300px;
height: 100vh;
background: white;
z-index: 1000;
transition: left 0.3s ease;
box-shadow: 2px 0 10px rgba(0,0,0,0.1);
padding: 80px 20px 20px;
overflow-y: auto;
}
.navigation.active {
left: 0;
}
.main-navigation .menu ul {
flex-direction: column;
gap: 10px;
}
.main-navigation .menu li {
margin: 10px 0;
}
.main-navigation .menu a {
display: block;
padding: 12px 0;
border-bottom: 1px solid #eee;
font-size: 16px;
} .menu-overlay {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.5);
z-index: 999;
}
.menu-overlay.active {
display: block;
}
}
footer {
max-width: 100%;
position: relative;
z-index: 999;
width: 100%;
background-color: #77a449;
color:white;
padding-top: 20px;
}
footer .row {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0px;
}
footer .logo {
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: center
}
footer .messangers {
gap: 16px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
footer .phone a {
color: white
}
footer .navigation.navigation--footer {
justify-content: center;
min-height: 80px;
}
.copyright {
font-size: 14px;
color: #000;
text-align: center;
padding: 20px 0;
}
.copyright a {
color: #000;
text-decoration: none;
margin-left: 11px;
}
@media screen and (max-width: 991px) {
footer>.container>.row {
align-items: center;
gap: 17px; flex-wrap: wrap;
}
footer .logo {
height: auto;
order: 0;
}
footer .phone {
order: 2;
gap: 2px; }
footer .messangers {
order: 2;
font-size: 12px;
margin-left: auto;
}
footer .navigation.navigation--footer {
display: flex !important;
justify-content: center;
width: auto;
text-align: center;
}
.copyright a {
display: block;
margin-top: 6px;
}
}
@media screen and (max-width: 600px){
footer {
padding: 20px 0;
text-align: center;
}
footer>.container {   }
footer>.container>.row {
flex-direction: column;
justify-content:center;
align-items: center;
width: 100%;
}
footer .logo {
justify-content: flex-start;
flex-direction: column;
align-items: center;
gap: 5px;
width: 100%;
}
footer .navigation.navigation--footer {
display: flex !important;
justify-content: center;
width: auto;
text-align: center;
}
footer .navigation.navigation--footer {
max-width: 100%;
}
footer .navigation ul {
flex-direction:column;
align-items: center;
gap: 11px;
font-size: 12px;
text-align: right;
}
.copyright {
font-size: 12px
}
}
@media screen and (min-width: 1200px) {
footer .logo {
font-size: 24px
}
footer .logo_description {
display: flex !important;
font-size: 14px;
margin-top: 0;
}
}
.banner {
background-image: url(//terra-sfera.ru/wp-content/themes/ilean/assets/images/banner.jpg);
background-repeat: no-repeat;
background-size: 1920px auto;
background-position: 47%;
color: #000000;
overflow: hidden;
max-width: 100vw;
height: calc(100vh - 60px);
max-height: 400px;
}
.banner img {
position: absolute;
top: 427px;
right: -86px;
left: 8%;
margin: auto;
max-width: 261px;
z-index: 0;
pointer-events: none;
}
.banner_content {
padding: 47px 0px;
margin: auto;
text-align: center;
}
.banner h1 {
font-size: 18px;
line-height: 211%;
font-weight: 600;
color: #669933;
text-transform: uppercase;
margin-bottom: 40px;
}
.banner .large {
font-size: 40px;
font-weight: bold;
display: block;
}
.banner_list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px 0px 30px;
}
.banner_list li {
max-width: 100%;
width: auto;
margin-bottom: 12px;
font-size: 11px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 12px;
line-height: 120%;
font-weight: 300;
max-width: 241px;
}
.banner_list svg {
max-width: 20px;
max-height: 20px;
}
@media screen and (min-width: 768px) {
.banner .container {  }
.banner {
background-repeat: no-repeat;
background-size: COVER;
background-position: BOTTOM;
height: calc(100vh - 60px);
display: flex;
align-items: center;
max-height: calc(100vh - 60px);
}
.banner img {
position: absolute;
top: 394px;
right: 0px;
left: auto;
margin: auto;
}
.banner_content {
max-width: 100%;
padding: 50px 0px;
text-align: center;
}
.banner h1 {
font-size: 20px;
line-height: 211%;
text-align: center;
margin-bottom: 40px;
}
.banner .large {
font-size: 44px;
font-weight: bold;
}
}
@media screen and (min-width: 992px) {
.banner_content {
text-align: left;
}
.banner h1 {
font-size: 40px;
line-height: 150%;
margin-bottom: 50px;
text-align: left;
}
.banner .large {
font-size: 70px;
font-weight: bold;
display: block;
}
.banner p {
margin-top: 28px;
font-size: 16px
}
}
@media screen and (max-width: 414px) {
.banner {
background-size: cover;
}
}
section.page {
padding: 80px 0px;
}
.page__header {
text-align: center;
margin-bottom: 40px;
}
.page__header h1 {
padding-bottom: 15px;
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
position: relative;
z-index: 2;
line-height: 120%;
}
.page__header h1:before {
padding-bottom: 15px;
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
position: relative;
z-index: 2;
line-height: 120%;
content: "";
width: 200px;
height: 2px;
display: block;
background-color: #6da033;
bottom: 0;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (max-width: 414px) {
.page {
padding: 40px 0px 60px;
}
} .page-id-163 .page {
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/functions.jpg);
background-size: 1920px;
background-position: bottom;
padding-bottom: 42px;
background-repeat: no-repeat;
min-height: 700px;
}
.page-id-163 .page__content {
max-width: 50%;
margin-left: auto;
font-size: 16px;
line-height: 136%;
}
.page-id-163 .page__content p {
margin-bottom: 20px;
}
.page-id-163 .page__content strong {
font-weight: 700;
}
.page-id-163 .page__content ul {
list-style: disc;
-webkit-padding-start: 20px;
padding-inline-start: 20px;
}
@media screen and (max-width: 991px) {
.page-id-163 .page__content {
max-width: 100%;
font-size: 16px;
padding-bottom: 160px;
}
.page-id-163 .page {
background-size: 500px;
padding: 50px 0;
}
}
.about-company {
color: white;
text-decoration: none;
}
.heading {
text-align: center;
position: relative
}
.heading h2 {
position: relative;
font-size: 24px;
font-weight: 500;
margin-bottom: 0;
position: relative;
z-index: 2;
line-height: 120%;
margin-bottom: 40px;
}
.heading.underlined h2 {
position: relative;
}
.heading.underlined h2:before {
content:'';
width: 200px;
height: 2px;
display: block;
position: absolute;
bottom: -12px;
right: 0;
left: 0;
margin: auto;
background: #669933;
}
.functions {
background-repeat: no-repeat;
padding: 80px 0 80px;
position: relative
}
.functions:before {
content:'';
width: 300px;
height: 600px;
background-image: url(//terra-sfera.ru/wp-content/uploads/2025/10/functions-decor.png);
display: block;
position: absolute;
right: 0px;
bottom: 0;
left: auto;
top: 0;
margin: auto;
background-size: cover;
z-index: -1;
}
.functions_heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 14px;
font-weight: bold;
line-height: 120%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 13px;
}
.functions_heading i {
margin-right: 10px;
min-width: 51px;
}
.functions_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: center;
max-width: 800px;
margin: 40px auto 0;
}
.functions_item {
width: 240px;
height: 203px;
border-radius: 5px;
border: 2px solid #669933;
padding: 20px 16px;
font-size: 14px;
line-height: 120%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px 10px 20px;
background-color: white;
margin-top: 0;
}
.functions_item:nth-child(4) .functions_heading {
letter-spacing: -0.5px;
}
.functions_item img {
background: #669933;
padding: 7px;
border-radius: 100%;
width: 45px;
height: 45px;
box-sizing: border-box;
margin-right: 11px;
flex-shrink: 0;
}
.functions_item a {
display: none;
}
.functions_item i.icon {
background-image: url(//terra-sfera.ru/icons.png);
background-repeat: no-repeat;
display: block;
}
.functions_item .icon-func-1 {
width: 51px;
height: 50px;
background-position: -5px -5px;
}
.functions_item .icon-func-2 {
width: 51px;
height: 50px;
background-position: -66px -5px;
}
.functions_item .icon-func-3 {
width: 51px;
height: 50px;
background-position: -5px -65px;
}
.functions_item .icon-func-4 {
width: 51px;
height: 50px;
background-position: -66px -65px;
}
.functions_item .icon-func-5 {
width: 51px;
height: 50px;
background-position: -127px -5px;
}
.functions_item .icon-func-6 {
width: 51px;
height: 50px;
background-position: -127px -65px;
}
section.udobstvo {
background-image: url(//terra-sfera.ru/wp-content/uploads/2025/10/udobstvo.jpg);
background-size: 1920px;
background-position: center;
background-repeat: no-repeat;
padding: 60px 0px 0px;
color: white;
position: relative
}
section.udobstvo:before {
content:'';
width: 42%;
height: 100%; display: block;
position: absolute;
left: 1362.2px;
top:0;
background-repeat: no-repeat;
display: none;
}
.udobstvo .heading h2 {
color: #669933
}
.udobstvo_item {
width: 260px;
border-radius: 5px;
border: 2px solid #669933;
font-size: 15px;
line-height: 120%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px;
margin-bottom: 30px;
max-height: 360px;
position: relative;
background-color: #393d46;
text-align: left;
min-height: 305px;
}
.udovstvo_heading {
font-size: 16px;
font-weight: bold;
text-align: center;
color: white;
background-color: #669933;
padding: 10px;
}
.udovstvo_text {
padding: 15px;
font-size: 14px;
text-align: left;
}
.udobstvo_row:nth-child(3) .udobstvo_item:nth-child(1) .udovstvo_text {
max-width: 140px;
}
.udobstvo_row:nth-child(3) .udobstvo_item:nth-child(1) img {
max-width: 238px;
max-height: 270px;
}
.udobstvo_row:nth-child(3) .udobstvo_item:nth-child(1) img {
position: absolute;
top: auto;
right: -10px;
bottom: -15px;
}
.udobstvo_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.udobstvo_row:nth-child(2) .udobstvo_item:first-child img {
max-width: 300px;
margin-right: -19px;
max-height: auto;
}
.udobstvo_row:nth-child(2) .udobstvo_item:nth-child(2) img {
max-width: 238px;
max-height: 270px;
margin-right: -16px;
}
.udobstvo_row:nth-child(3) .udobstvo_item:nth-child(2) {
flex-wrap: wrap;
}
.udobstvo_row:nth-child(3) .udobstvo_item:nth-child(2) img {
max-width: 238px;
max-height: 270px;
}
.udobstvo_row:nth-child(3) .udobstvo_item:nth-child(2) img {
position: absolute;
top: auto;
right: -10px;
bottom: -15px;
}
.udobstvo_animation {
position: ABSOLUTE;
top: -171px;
right: 0;
width: 430px;
}
.udobstvo_item img {
max-width: 228px;
max-height: 166px;
object-fit: contain;
margin: auto;
display: block;
}
img.animation_lamp {
top: 0;
display: block;
margin: auto;
}
img.animation_light {
position: absolute;
top: 311px;
z-index: 999;
left: 0;
right: 0;
margin: auto;
pointer-events: none;
}
.animation_toggle {
position: absolute;
top: 500px;
left: 0;
right: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
input#animation {
margin: 10px;
max-width: 311px;
}
input[type="range"] {
opacity: 1;
position: relative;
margin: 10px auto;
}
input[type="range"] {
-webkit-appearance: none; width: 100%; background: transparent; }
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
}
input[type="range"]:focus {
outline: none; }
input[type="range"]::-ms-track {
width: 100%;
cursor: pointer;
background: transparent;
border-color: transparent;
color: transparent;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
height: 32px;
width: 32px;
border-radius: 100px;
background: #fff;
cursor: pointer;
margin-top: -10px;  } input[type="range"]::-moz-range-thumb {
height: 32px;
width: 32px;
border-radius: 100px;
background: #fff;
border-radius: 100px;
background: #babec3;
cursor: pointer;
} input[type="range"]::-ms-thumb {
height: 32px;
width: 32px;
border-radius: 100px;
background: #fff;
border-radius: 100px;
background: #babec3;
cursor: pointer;
}
input[type="range"]::-webkit-slider-runnable-track {
width: 100%;
height: 15px;
cursor: pointer;
background: #babec2;
border-radius: 100px;
}
input[type="range"]:focus::-webkit-slider-runnable-track {
background: red !important;
}
input[type="range"]::-moz-range-track {
width: 100%;
height: 15px;
cursor: pointer;
background: #babec2;
border-radius: 100px;
}
section.udobstvo .container {
position: relative;
}
img.udobstvo_image {
position: absolute;
margin-left: calc(50% - 959px);
bottom: 0;
margin-right: auto;
left: 0;
pointer-events: none;
}
.udobstvo_row:nth-of-type(3) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
section.reasons {
padding: 70px 0px;
position: relative
}
.reasons:before {
content:'';
width: 300px;
height: 600px;
background-image: url(//terra-sfera.ru/wp-content/uploads/2025/10/reasons-decor.png);
display: block;
position: absolute;
right: auto;
bottom: 0;
left: 0;
top: 0;
margin: auto;
background-size: cover;
z-index: -1;
}
.reasons_item {
width: 325px;
font-size: 16px;
line-height: 120%;
margin-bottom: 30px;
}
.reasons_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: distribute;
justify-content: space-around;
}
img.reasons_image {
max-width: 100%;
height: 235px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 30px;
}
.reasons_item h3 {
margin-bottom: 20px;
color: #669933;
line-height: 120%;
font-weight: bold;
}
section.electrika {
padding: 70px 0px;
}
.num {
font-size: 14px;
width: 25px;
height: 25px;
border-radius: 25px;
background-color: #669933;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight: bold;
color: white;
min-width: 25px;
position: relative;
}
.num:after {
content: "";
-webkit-transition: right 1s, width 1s;
-o-transition: right 1s, width 1s;
transition: right 1s, width 1s;
width: 30px;
height: 2px;
background-color: #669933;
display: block;
position: absolute;
right: -30px;
z-index: -1;
}
.elektrika_item.active span {
display: block;
}
.elektrika_item span {
font-weight: 600;
}
.elektrika_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px; position: relative;
z-index: 9;
margin-top: 10px;
cursor: pointer;
}
.elektrika_item:first-child {
margin-top:0
}
.elektrika_item .num {
margin-right: 35px;
}
.reasons_item.active {
color: #e10f50;
}
.elektrika_item.active .num:after {
width: 23px !important;
right: 1px;
z-index: -1;
}
.elektrika_item.active .span {
padding: 15px;
border: 1px solid #cacaca;
border-right: 0px;
background-color: white;
border-radius: 5px 0 0 5px;
}
.elektrika_item .span {
width: 100%;
padding: 15px;
}
.elektrika_list {
width: 370px;
position: relative;
z-index: 1;
}
.elektrika_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
justify-content: center;
}
.elektrika_text {
display: none;
}
.elektrika_text.active {
display: block;
width: 715px;
line-height: 150%;
}
.elektrika_texts {
width: 715px;
padding: 20px 37px;
font-size: 16px;
line-height: 120%;
border: 1px solid #cacaca;
margin-left: -1px;
position: relative;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
max-width: calc(100% - 300px);
box-sizing: border-box;
border-radius: 5px 5px 5px 5px;
}
.cta h2 {
font-size: 24px;
font-weight: bold;
line-height: 123%;
}
section.cta p {
font-size: 17px;
font-weight: 300;
line-height: 120%;
margin-top: 20px;
}
.cta_content {
padding: 60px 30px 30px;
color: white;
line-height: 120%;
background: linear-gradient(310deg, #669933, #92c533);
}
.cta .list_item {
font-size: 16px;
line-height: 130%;
margin-bottom: 20px;
gap: 17px;
}
.cta .list_item svg {
fill: white;
width: 20px;
height: 20px;
flex-shrink: 0;
}
.cta_content {
max-width: 425px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.list {
margin-top: 30px;
font-weight: 300;
}
.list_item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px !important;
}
.cta_aside {
color: white;
}
.cta_content {
}
section.cta {
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/cta.jpg);
background-size: 1920px;
background-position: center;
position: relative;
}
img.aside_image {
margin-left: -164px;
margin-top: -144px;
margin-bottom: -100px;
}
.cta .list_item:nth-child(2) {
max-width: 239px;
}
.cta .list_item:nth-child(3) {
max-width: 239px;
}
.cta a.btn.btn-calc.btn-red.btn-blink {
position: absolute;
bottom: 0px;
}
.cta_aside {
width: 600px;
padding-left: 0px;
position: relative;
}
.cta .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.cta a.btn.btn-calc.btn-red.btn-blink {
width: 350px;
height: 55px;
font-size: 16px;
margin-left: 300px;
margin-right: 0px;
}
.cta_aside p {
text-align: center;
font-size: 16px !important;
}
section.examples {
padding: 120px 0px 30px;
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/example.jpg);
background-size: 1920px;
background-position: top center;
background-repeat: no-repeat;
}
section.examples .container:nth-child(1) .examples_content {
max-width: 439px;
font-size: 16px;
line-height: 120%;
margin-top: 30p;
}
.examples_content p {
margin-bottom: 20px;
font-size: 16px !important;
line-height: 120%;
}
.container:first-of-type .examples_content {
height: 475px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.examples_content {
}
.heading P {
font-size: 16px;
margin-bottom: 30px;
}
section.examples .container:nth-child(1) {
margin-bottom: 50px;
}
@media screen and (max-width: 600px){
section.examples .container:nth-child(1) {
margin-bottom: 300px;
}
}
section.examples .container:nth-child(2) .examples_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.examples_item {
max-width: 325px;
font-size: 18px;
margin: 20px;
}
.examples_item img {
height: 325px;
width: 325px;
-o-object-fit: cover;
object-fit: cover;
margin-bottom: 20px;
}
.examples_item h3 {
font-weight: bold;
margin-bottom: 10px;
line-height: 120%;
}
section.consult {
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/consult.jpg);
background-size: 1920px;
background-position: center;
background-repeat: no-repeat;
padding: 50px 0px 30px;
}
.consult .container {
max-width: 950px;
color: white;
line-height: 120%;
}
section.consult h2 {
font-size: 29px;
font-weight: bold;
margin-bottom: 30px;
line-height: 120%;
}
p.subtitle {
font-size: 16px;
margin-bottom: 30px;
line-height: 120%;
}
.consult ul {
list-style: disc;
-webkit-padding-start: 14px;
padding-inline-start: 14px;
margin-bottom: 35px;
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
max-width: 760px;
line-height: 120%;
font-size: 16px;
}
.consult ul li::marker {
color: #669933;
}
.consult ul li {
margin-bottom: 10px;
line-height: 120%;
}
a.btn.btn-calc.btn-dark.btn-blink {
width: 240px;
height: 54px;
background-color: #393d46;
border-radius: 5px;
margin: 30px auto 20px;
}
.consult h3 {
font-size: 20px;
font-weight: bold;
margin-bottom: 35px;
}
.consult label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
span.wpcf7-list-item.first {
margin-left: 0px;
}
input[type="radio"] {
position: absolute;
opacity: 0;
}
span.wpcf7-list-item-label:before {
content: "";
width: 20px;
height: 20px;
display: block;
border: 3px solid #ffffff;
border-radius: 100px;
background-color: white;
margin-right: 10px;
-webkit-box-shadow: 0px 0px 2px 2px #669933;
box-shadow: 0px 0px 2px 2px #669933;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
span.wpcf7-list-item-label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
margin-right: 20px;
}
.consult input[type="radio"]:checked + span:before {
background-color: #669933;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel {
border: 1px solid #669933;
}
.consult input.wpcf7-form-control.has-spinner.wpcf7-submit {
width: 100%;
height: 55px;
font-size: 16px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px;
border-radius: 5px;
background-color: #669933;
color: white;
font-family: "Montserrat";
margin-left: 16px;
max-width: 300px;
}
.consult .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 17px;
}
.consult .row {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 15px;
}
.map_content {
width: 362px; background-color: white;
border-top: 4px solid red;
padding: 20px 28px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
line-height: 120%;
}
.hidden {
display: none;
margin-left: 28px;
padding-left: 10px;
border-left: 6px solid #afafaf;
margin-top: 20px;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
margin-bottom: 20px;
}
i.open,
i.closed {
width: 20px;
height: 20px;
border-radius: 20px;
background-color: #dfdfdf;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 16px;
font-weight: bold !important;
font-family: "Montserrat";
font-style: normal;
float: left;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
margin-right: 10px;
}
.map_item {
min-height: 30px;
}
.hidden b {
font-weight: bold;
}
section.map {
position: relative;
padding: 50px 0px;
}
ymaps#ymaps1657779154687513309 {
position: absolute;
z-index: -1;
top: 0;
}
.calc_question {
display: none;
}
:root {
--color: #5454e6;
--color-lighten: #afaff3;
--color-lighten10: rgb(225 15 80 / 69%);
--color-lighten2: #f2f2fd;
--color-darken: #1c1cba;
--color-darken10: #e10f50;
--color-alpha: rgba(84, 84, 230, 0.5);
--color-alpha2: rgba(84, 84, 230, 0.2);
--color-alpha3: rgba(84, 84, 230, 0.05);
}
.calc_question.active {
display: block;
}
.calc_content {
border-radius: 10px;
border: 1px solid #393d46;
margin: 50px 0px;
padding: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px;
}
.calc_content h2 {
font-size: 26px;
text-align: center;
width: 560px;
margin: 0px auto 25px;
line-height: 120%;
}
.calc_content h2 b {
font-weight: bold;
}
.calc_col.calc_questions {
width: 660px;
margin-right: 30px;
}
.calc_col.calc_bomus {
width: 315px;
}
.calc_row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.calc_col.calc_bomus h3 {
text-transform: uppercase;
font-size: 14px;
margin-bottom: 30px;
}
.calc_col.calc_bomus h3 b {
font-weight: bold;
}
b {
font-weight: bold;
}
span.number {
width: 45px;
height: 45px;
display: block;
border-radius: 5px;
background-color: #edf4f6;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 10px;
color: #393d46;
min-width: 32px;
flex-shrink: 0;
}
.calc_heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 40px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 18px;
line-height: 120%;
margin-top: 40px;
}
.calc_options {
font-size: 16px;
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.calc_options label {
margin-bottom: 17px;
display: block;
width: 50%;
}
.calc_options input[type="checkbox"] {
position: absolute;
opacity: 0;
left: 0;
}
.calc_options input + span {
text-align: left;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px;
line-height: 120%;
-webkit-box-align: center;
-ms-flex-align: c;
align-items: center;
position: relative; margin-left: 0;
}
.calc_options br {
display: none;
}
.calc_options input + span:before {
content: "";
width: 21px;
height: 20px;
display: block;
border: 1px solid #669933;
border-radius: 3px;
margin-right: 15px;
min-width: 20px;
}
.calc_options input[type="submit"] {
width: 320px;
height: 55px;
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0px;
border-radius: 5px;
background-color: #e10f50;
color: white;
font-family: "Montserrat";
margin: 10px auto;
}
.bonus img {
max-width: 20px;
margin-right: 12px;
}
.bonus {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
height: 70px;
border-radius: 10px;
margin-bottom: 13px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-ms-flex-pack: distribute;
justify-content: flex-start;
color: white;
font-size: 14px;
background-size: cover;
background-position: center;
line-height: 130% !important;
}
.bonus:nth-of-type(1) {
background: -o-linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),
url(https://proffidom.ru/wp-content/uploads/2021/11/5b2a2279201f71.jpg);
background: linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),
url(https://proffidom.ru/wp-content/uploads/2021/11/5b2a2279201f71.jpg);
background-size: cover;
background-position: center;
}
.bonus:nth-of-type(2) {
background: -o-linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),
url(https://slabo-tochka.by/wp-content/uploads/2021/02/smart-home-3-1-700x467.jpg);
background: linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),
url(https://slabo-tochka.by/wp-content/uploads/2021/02/smart-home-3-1-700x467.jpg);
background-size: cover;
background-position: center;
}
.bonus:nth-of-type(3) {
background: -o-linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),
url(https://vod5tv.cdnvideo.ru/webp/shared/files/202103/1_1276665.jpg);
background: linear-gradient(45deg, rgb(0 0 0 / 75%), rgb(0 0 0 / 75%)),
url(https://vod5tv.cdnvideo.ru/webp/shared/files/202103/1_1276665.jpg);
background-size: cover;
background-position: center;
}
.calc_options input:checked + span:after {
content: "";
width: 16px;
height: 15px;
display: block;
border-radius: 3px;
margin-right: 15px;
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/tick-mark.svg);
background-repeat: no-repeat;
position: absolute;
left: 4px;
top: 4px;
}
.calc_line {
width: 560px;
height: 10px;
border-radius: 10px;
background-color: #edf4f6;
margin: 0px auto 25px;
position: relative;
}
.line-1:before,
.line-1:after {
width: 10%;
}
.line-2:before,
.line-2:after {
width: 25%;
}
.line-3:before,
.line-3:after {
width: 50%;
}
.line-4:before,
.line-4:after {
width: 75%;
display: none;
}
.line-5:before,
.line-5:after {
width: 100%;
display: none;
}
.line-6 {
display: none !important;
}
.calc_line:before {
content: "";
display: block;
height: 100%;
border-radius: 20px;
background-image: -webkit-gradient(
linear,
left top,
right top,
from(#669933),
to(rgb(102 153 51 / 60%))
);
background-image: -o-linear-gradient(left, #669933, #669933);
background-image: linear-gradient(90deg, #669933, #669933);
position: relative;
overflow: hidden;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.calc_line:after {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
background-image: -o-linear-gradient(
135deg,
hsla(0, 0%, 100%, 0.08) 25%,
transparent 0,
transparent 50%,
hsla(0, 0%, 100%, 0.08) 0,
hsla(0, 0%, 100%, 0.08) 75%,
transparent 0,
transparent
);
background-image: linear-gradient(
-45deg,
hsla(0, 0%, 100%, 0.08) 25%,
transparent 0,
transparent 50%,
hsla(0, 0%, 100%, 0.08) 0,
hsla(0, 0%, 100%, 0.08) 75%,
transparent 0,
transparent
);
z-index: 1;
background-size: 20px 20px;
-webkit-animation: move 1.5s linear infinite;
animation: move 1.5s linear infinite;
border-radius: 20px;
overflow: hidden;
}
@-webkit-keyframes move {
0% {
background-position: 0 0;
}
to {
background-position: 20px 20px;
}
}
@keyframes move {
0% {
background-position: 0 0;
}
to {
background-position: 20px 20px;
}
}
section.map ymaps {
position: absolute;
top: 0;
z-index: -1;
}
.active .hidden {
display: block !important;
}
.btn-next img {
width: 15px;
}
.btn-next {
background-color: #669933;
color: white;
font-size: 16px;
height: 54px;
min-width: 160px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
border-radius: 5px;
margin-left: auto;
max-width: 200px;
padding: 0 20px;
box-sizing: border-box;
margin-top: 0px;
}
.bonus:not(:last-child) {
margin-bottom: 10px;
}
.btn-next.disabled {
opacity: 0.6;
}
.calc_question:last-child .calc_heading {
font-size: 20px;
text-align: center;
line-height: 120%;
}
.calc_question:last-child input[type="text"],
.calc_question:last-child input[type="tel"],
.calc_question:last-child input[type="email"] {
width: 280px;
display: block;
height: 45px;
width: 100%;
height: 55px;
border-radius: 5px;
text-align: center;
font-size: 18px;
border: 0px;
max-width: 315px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 7px auto;
display: block;
-webkit-box-shadow: 0px 0px 3px #cecece;
box-shadow: 0px 0px 3px #cecece;
font-family: "Montserrat";
}
.calc_question:last-child .calc_options {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
button.btn {
width: 280px;
display: block;
height: 45px;
width: 100%;
height: 55px;
border-radius: 5px;
text-align: center;
font-size: 18px;
border: 0px;
max-width: 315px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 7px auto;
display: block;
font-family: "Montserrat";
background-color: #e10f50;
}
.wpcf7-response-output {
display: none;
}
span.wpcf7-not-valid-tip {
position: absolute;
top: 80px;
}
.examples_content {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.examples_item p:first-of-type {
font-weight: bold;
}
.btn.show-more {
background-color: #669933;
font-size: 16px;
border-radius: 5px;
margin: 30px auto;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
max-width: 280px;
}
.btn.show-more:hover {
background-color: #bb0c42;
}
.examples_content.collapsed .examples_item:nth-child(n + 4) {
display: none;
}
img.scheme_image {
position: absolute;
top: 0;
left: 0;
}
section.scheme h2 {
color: white
}
@media screen and (min-width: 992px) {
section.scheme {
position: relative;
padding: 50px 0px 58px;
color: white;
text-align: center;
background: url(//terra-sfera.ru/wp-content/uploads/2025/10/Scheme.png), linear-gradient(310deg, #669933, #92c533);
background-position: center bottom;
background-repeat: no-repeat;
}
.scheme-mob {
display: none !important;
}
}
.scheme_content {
position: relative;
z-index: 9;
height: 894px;
margin-top: 75px;
}
.icon-scheme {
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/spritesheet-5.png);
background-repeat: no-repeat;
display: block;
display: block;
margin: auto;
position: relative;
margin-bottom: 18px;
}
.icon-scheme-1 {
width: 80px;
height: 80px;
background-position: -5px -5px;
}
.icon-scheme-2 {
width: 80px;
height: 80px;
background-position: -95px -5px;
display: block;
margin: auto;
margin-bottom: 16px;
}
.icon-scheme-3 {
width: 80px;
height: 80px;
background-position: -185px -5px;
}
.icon-scheme-4 {
width: 80px;
height: 80px;
background-position: -5px -95px;
}
.icon-scheme-5 {
width: 80px;
height: 80px;
background-position: -95px -95px;
}
.icon-scheme-6 {
width: 80px;
height: 80px;
background-position: -185px -95px;
}
.icon-scheme-7 {
width: 80px;
height: 80px;
background-position: -5px -185px;
margin-top: -70px;
}
.icon-scheme-8 {
width: 80px;
height: 80px;
background-position: -95px -185px;
margin-top: -70px;
}
.icon-scheme-9 {
width: 80px;
height: 80px;
background-position: -185px -185px;
margin-top: -70px;
}
.scheme-item p:first-of-type {
font-size: 16px;
line-height: 120%;
padding-bottom: 6px;
margin-bottom: 13px;
position: relative;
display: block;
font-weight: 500;
}
.scheme-item p:nth-of-type(2) {
font-size: 14px;
line-height: 120%;
padding-bottom: 8px;
}
.scheme-item p:first-of-type:before {
content: "";
width: 114px;
height: 2px;
display: block;
background-color: #ffffff;
left: 0;
right: 0;
margin: auto;
bottom: 0px;
top: auto;
position: absolute;
max-width: 100%;
}
.scheme-item {
width: 218px;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
position: relative
}
.scheme-item:before {
content:'';
width: 70px;
height: 70px;
background-color: white;
display: block;
top: 5px;
left: 1px;
right: 0;
border-radius: 100%;
position: absolute;
z-index:-1;
margin: auto;
}
.scheme-item img {
margin-bottom: 20px;
max-width: 40px;
object-fit: contain;
height: 60px;
}
.scheme-item.item-2 {
position: absolute;
top: 0px;
left: 124px;
}
.scheme-item.item-1 {
position: absolute;
top: 73px;
left: -42px;
}
.scheme-item.item-3 {
position: absolute;
left: 325px;
top: 72px;
}
.scheme-item.item-4 {
position: absolute;
left: 502px;
top: -18px;
}
.scheme-item.item-5 {
position: absolute;
left: 657px;
top: 74px;
}
.scheme-item.item-6 {
position: absolute;
left: 849px;
top: -20px;
}
.scheme-item.item-7 {
position: relative;
top: 726px;
left: 122px;
max-width: 201px; border-radius: 10px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.scheme-item.item-8 {
max-width: 194px;
border-radius: 5px;
padding: 10px;
box-sizing: border-box;
top: 494px;
left: 693px;
position: relative;
}
.scheme-item.item-9 {
max-width: 191px; border-radius: 10px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute; left: 931px;
top: 715px;
}
.circlephone {
box-sizing: content-box;
-webkit-box-sizing: content-box;
border: 2px solid #ffffff;
width: 110px;
height: 110px;
bottom: -17px;
right: -17px;
position: absolute;
border-radius: 100%;
opacity: 0.5;
-webkit-animation: circle-anim 2.4s infinite ease-in-out !important;
animation: circle-anim 2.4s infinite ease-in-out !important;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
min-width: 110px;
z-index: -1;
}
.circle-fill {
box-sizing: content-box;
-webkit-box-sizing: content-box;
background-color: #ffffff;
width: 100px;
height: 100px;
bottom: -12px;
right: -12px;
position: absolute;
border-radius: 100%;
border: 2px solid transparent;
-webkit-animation: circle-fill-anim 2.3s infinite ease-in-out;
animation: circle-fill-anim 2.3s infinite ease-in-out;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
min-width: 100px;
z-index: -3;
}
@keyframes pulse {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
opacity: 1;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0.95);
opacity: 1;
}
50% {
-webkit-transform: scale(1);
opacity: 1;
}
100% {
-webkit-transform: scale(0.95);
opacity: 1;
}
}
@keyframes tossing {
0% {
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
50% {
-webkit-transform: rotate(8deg);
transform: rotate(8deg);
}
100% {
-webkit-transform: rotate(-8deg);
transform: rotate(-8deg);
}
}
@-webkit-keyframes tossing {
0% {
-webkit-transform: rotate(-8deg);
}
50% {
-webkit-transform: rotate(8deg);
}
100% {
-webkit-transform: rotate(-8deg);
}
}
@-webkit-keyframes circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
-webkit-opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
-webkit-opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
-webkit-opacity: 0.1;
}
}
@keyframes circle-anim {
0% {
-webkit-transform: rotate(0) scale(0.5) skew(1deg);
transform: rotate(0) scale(0.5) skew(1deg);
opacity: 0.1;
}
30% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.5;
}
100% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.1;
}
}
@-webkit-keyframes circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
}
@keyframes circle-fill-anim {
0% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
50% {
-webkit-transform: rotate(0) scale(1) skew(1deg);
transform: rotate(0) scale(1) skew(1deg);
opacity: 0.2;
}
100% {
-webkit-transform: rotate(0) scale(0.7) skew(1deg);
transform: rotate(0) scale(0.7) skew(1deg);
opacity: 0.2;
}
}
@media screen and (min-width: 1200px){
.scheme-item.item-7:after, .scheme-item.item-8:after, .scheme-item.item-9:after  {
content:'';
display: block;
position: absolute;
background-color: #4b494a;
border-radius: 5px;
width: 100%;
height: calc(100% - 30px);
left: 0;
top: 30px;
z-index: -2;
}
}
@media screen and (max-width: 340px) {
section.scheme {
display: none !important;
}
section.reasons {
padding-bottom: 0px !important;
}
section.electrika {
padding-top: 20px !important;
}
}
@media screen and (min-width: 991px) and (max-width: 1200px) {
.udobstvo_animation {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
top: -100p;
left: 61%;
}
.udovstvo_image img {
max-width: 100%;
}
section.scheme {
background-size: 1566px;
}
.scheme-item p {
display: none !important;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
}
.scheme-item.item-1 {
left: -78px;
top: 178px;
}
.scheme_content {
height: 682px;
margin-top: -72px;
}
.scheme-item.item-2 {
top: 129px;
left: 50px;
}
.scheme-item.item-3 {
top: 178px;
left: 215px;
}
.scheme-item.item-3 {
}
.scheme-item.item-4 {
top: 99px;
left: 358px;
}
.scheme-item.item-5 {
top: 171px;
left: 483px;
}
.scheme-item.item-6 {
top: 100px;
left: 645px;
}
.scheme-item.item-7 {
background-color: transparent;
top: 570px;
left: 53px;
}
.scheme-item.item-8 {
background-color: transparent;
top: 537px;
left: 541px;
}
.scheme-item.item-9 {
background-color: transparent;
top: 541px;
left: 715px;
}
.elektrika_texts {
max-width: 100% !important;
width: 496px;
}
img.aside_image {
max-width: 592px;
margin-top: 12px;
margin-bottom: 1px;
}
.cta a.btn.btn-calc.btn-red.btn-blink {
margin-left: 76px;
margin-top: 50px;
width: auto;
padding: 10px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section.examples {
background-position-x: 30%;
}
.bonus {
min-height: 70px;
height: auto;
font-size: 14px;
padding-left: 16px;
}
.consult .container {
max-width: 860px;
}
.wpcf7-list-item {
margin-left: 0;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
margin-left: 30px;
}
.circle-fill {
}
.scheme-item.active p {
display: block !important;
}
.scheme-item.active p:nth-of-type(2) {
top: 120px;
}
.scheme-item.active { background-color: #393d46; -webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
z-index: 99;
}
.calc_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.calc_col.calc_questions {
width: 100%;
margin-right: 0px;
margin-bottom: 40px;
}
.calc_col.calc_bomus {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calc_col.calc_bomus h3 {
width: 100%;
}
.bonus {
width: 32%;
}
.bonus:not(:last-child) {
margin-right: 10px;
}
}
@media screen and (min-width: 992px){
.circlephone, .circle-fill {
display: none
}
}
@media screen and (min-width: 1200px) {
.calc_options input + span {
align-items: center;
}
}
@media screen and (max-width: 991px) {
.scheme-item.item-1 {
left: -55px;
top: 108px;
}
.scheme-item.item-2 {
top: 88px;
left: 73px;
}
i.icon-scheme.icon-scheme-2 {
background-position: -74px -3px;
}
.scheme-item.item-3 {
top: 99px;
left: 196px;
}
.scheme-item.item-3 {
top: 170p;
}
.scheme-item.item-4 {
top: 39px;
left: 317px;
}
.scheme-item.item-5 {
top: 76px;
left: 422px;
}
.scheme-item.item-6 {
top: 32px;
left: 556px;
}
.scheme-item.item-7 {
background-color: transparent;
top: 508px;
left: 51px;
}
.scheme-item.item-8 {
background-color: transparent;
top: 523px;
left: 460px;
}
.scheme-item.item-9 {
background-color: transparent;
top: 471px;
left: 581px;
}
section.scheme {
background-size: 1304px;
background-position-y: -36px;
}
.scheme-item p:last-child {
display: none !important;
-webkit-transition: all 0.7s;
-o-transition: all 0.7s;
transition: all 0.7s;
width: 200px;
white-space: pre-wrap;
height: auto;
}
.scheme-item.active p {
display: block !important;
}
.scheme-item.active p:nth-of-type(2),
.scheme-item.active p {
width: 200px;
background-color: hsl(216.92deg 10.24% 24.9% / 92.94%);
padding: 10px;
height: auto;
transform: translateX(-50%);
margin-left: 50%;
text-align: center;
font-size: 12px;
margin-bottom: 0;
}
.scheme-item.active {
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-radius: 8px;
z-index: 99;
}
.calc_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.calc_col.calc_questions {
width: 100%;
margin-right: 0px;
margin-bottom: 40px;
}
.calc_col.calc_bomus {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.calc_col.calc_bomus h3 {
width: 100%;
font-size: 18px;
line-height: 120%;
}
.bonus {
width: 32%;
}
.bonus {
flex-direction: column;
gap: 4px;
align-items: flex-start;
justify-content: center;
height: auto;
}
a.btn.btn-calc.btn-red.btn-blink {
font-size: 18px;
padding: 20px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 325px;
height: auto;
}
.functions_item {
width: 260px;
}
.udobstvo_row:nth-of-type(2) {
}
.udobstvo_animation {
transform: scale(0.8);
left: 0;
right: 0;
margin: auto;
}
.udovstvo_image img { margin: auto;
display: block;
}
.udobstvo_row:first-of-type {
margin-top: 55px;
}
.udobstvo_row {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.udobstvo_row:nth-of-type(3) {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
section.udobstvo {
background-size: auto 100%;
background-position: top;
}
.cta .container {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.cta_aside {
margin-top: 30px;
text-align: center;
}
img.aside_image {
max-width: 519px;
margin: auto;
display: block;
margin-top: -50px;
}
a.btn.btn-calc.btn-red.btn-blink {
margin: 0px auto 20px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
position: relative !important;
max-width: 391px;
font-size: 16px !important;
}
section.examples {
background-position-x: 30%;
}
.consult .container {
max-width: 750px;
}
span.wpcf7-list-item {
margin-left: 0px;
margin-bottom: 10px;
}
section.consult {
background-position-x: 30%;
background-size: cover;
}
}
@media screen and (max-width: 540px) {
.elektrika_list {
display: none;
}
.elektrika_list.mobile {
display: block !important;
}
.reasons_item p {
order: 3;
}
.reasons_item {
display: flex;
flex-direction: column;
margin-bottom: 0px;
}
.reasons_item:not(:last-child) {
margin-bottom: 0;
padding-bottom: 0;
}
.udobstvo_row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.udobstvo_animation {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
top: 0;
}
img.udobstvo_image {
-webkit-transform: scale(0.6);
-ms-transform: scale(0.6);
transform: scale(0.6);
-webkit-transform-origin: bottom right;
-ms-transform-origin: bottom right;
transform-origin: bottom right;
margin-left: calc(50% - 732px);
}
section.udobstvo {
}
.udobstvo_row:nth-of-type(3) {
padding-bottom: 30px;
}
.udobstvo_item {
width: 280px;
margin-bottom: 20px;
}
.functions_item {
height: auto;
display: block;
padding: 0;
margin: 5px 5px;
width: calc(50% - 10px);
}
.reasons_item {
width: 100%;
max-width: 315px;
}
img.reasons_image {
height: 200px;
margin-bottom: 20px;
}
.scheme_content {
-ms-transform: scale(0.53);
-ms-transform-origin: left;
}
section.scheme {
background-size: 695px;
background-position-y: 181px; }
section.scheme h2 {
color: black;
}
.scheme-item.active {
-webkit-transform: scale(1.4);
-ms-transform: scale(1.4);
transform: scale(1.4);
top: 500px !important;
bottom: 0 !important;
left: 0 !important;
right: 0px !important;
margin: auto !important;
}
section.scheme {
margin-bottom: -180px;
}
.elektrika_item {
padding: 13px;
font-size: 15px;
}
.elektrika_texts {
width: 330px;
max-width: 100%;
margin: auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.list_item:before {
width: 14px;
height: 14px;
background-size: contain;
margin-right: 7px;
}
.cta_content {
width: 100vw;
}
section.examples .container:nth-child(1) .examples_content {
max-width: 327px;
margin: auto;
}
.examples_item {
max-width: 280px;
}
.examples_item img {
height: 324px;
width: 280px;
}
.consult ul {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
}
.consult .row {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit {
margin-left: 0 !important;
max-width: 280px;
margin-top: 10px;
}
section.consult h2 {
font-size: 24px;
}
p.subtitle {
font-size: 18px;
}
span.wpcf7-list-item-label:before {
width: 20px;
height: 20px;
}
span.wpcf7-form-control-wrap.tel-434 {
width: 275px;
}
.calc_content h2 {
width: 100%;
font-size: 24px;
}
.calc_options label {
width: 100%;
}
.btn-next {
margin: 20px auto;
}
.bonus {
width: 100%;
min-height: 70px;
height: auto;
margin-right: 0px !important;
}
.calc_content {
padding: 30px;
max-width: 340px;
margin: 30px auto;
}
section.reasons {
padding-bottom: 10px;
}
.consult .container {
max-width: 280px;
}
.calc_options input + span:before {
min-width: 20px;
width: 20px;
height: 20px;
}
.calc_options input:checked + span:after {
width: 18px;
height: 21px;
top: 2px;
left: 2px;
}
section.reasons {
padding-bottom: 10px;
}
.consult .container {
max-width: 280px;
}
.calc_options input + span:before {
min-width: 20px;
width: 20px;
height: 20px;
}
.calc_options input:checked + span:after {
width: 18px;
height: 21px;
top: 2px;
left: 2px;
}
.udovstvo_heading {
font-size: 16px;
}
.udovstvo_text {
text-align: center;
}
.functions_item:nth-child(4) .functions_heading {
}
a.btn.functions_button {
background: #e10f50;
border-radius: 5px;
margin-top: 30px;
}
.udobstvo_item:last-child img {
max-width: 323px;
min-height: 184px;
margin-left: -18px;
}
}
@media screen and (max-width: 540px) {
body {
padding-top: 0px !important;
}
section.banner {
display: flex;
}
.active i.icon-scheme {
-webkit-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.scheme_content {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
margin-left: -25px;
}
section.scheme {
display: none;
}
section.banner {
}
.functions_text {
display: none;
}
a.btn.functions_button {
display: none;
}
.functions_heading {
margin-bottom: 0px;
text-align: center;
word-wrap: break-word;
hyphens: auto;
text-align: left;
min-height: 90px;
position: relative;
padding-left: 0;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 4px;
text-align: center;
}
.functions_item img {
height: 40px;
width: 40px
}
section.functions {
background-image: none;
display: block;
padding: 60px 0 60px;
}
a.btn.btn-calc.btn-red.btn-blink {
max-width: 288px;
max-height: 50px;
border-radius: 5px;
font-size: 14px !important;
box-sizing: border-box;
width: 100%;
}
.heading h2 {
font-size: 18px;
max-width: 80%;
margin: 0px auto 28px;
display: block;
padding-bottom: 5px;
}
section.udobstvo {
position: relative;
}
.udobstvo_animation {
top: -568px;
}
i.icon.icon-off {
min-width: 30px;
}
i.icon.icon-on {
min-width: 51px;
}
.udobstvo_item {
background-color: #4c5056;
max-width: 254px;
min-height: 312px;
}
img.udobstvo_image {
display: none;
}
.udobstvo_row {
}
section.reasons {
padding: 60px 0px;
}
.reasons_item h3,
.reasons_item p {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 20px;
}
.elektrika_list {
}
.elektrika_texts {
display: none;
}
.elektrika_item.active .span {
border-right: 1px solid #cacaca !important;
max-width: calc(100% - 20px);
}
.cta_aside p {
font-weight: 600 !important;
text-align: left;
padding-left: 20px;
}
section.cta {    background-size: contain;
}
.cta_content {
background-color: transparent;
padding: 30px 30px 20px;
max-width: 300px;
}
section.cta p {
font-size: 16px;
}
.cta h2 {
font-size: 21px;
}
.list {
margin-top: 35px;
font-size: 14px;
}
.cta .list_item {
font-size: 14px !important;
}
.cta_aside {
max-width: 295px;
}
.cta_aside br {
display: none;
}
img.aside_image {
margin-left: -92px;
}
section.examples {
padding-top: 42px;
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/08/examples-mob.jpg);
background-repeat: no-repeat;
background-size: 414px;
background-position-y: 87px;
}
section.examples .container:nth-child(1) .examples_content {
justify-content: flex-start;
margin-bottom: 200px;
}
section.examples .container:nth-child(1) .examples_content p:first-child {
max-width: 80%;
}
section.examples .container:nth-child(1) .examples_content p:nth-child(2) {
max-width: 90%;
}
.span.active p { }
.elektrika_item.active span {
margin-bottom: 10px;
}
.span.active span {
display: block;
margin-bottom: 10px;
}
.elektrika_item.active .span p {
display: block !important;
font-size: 14px;
}
}
.elektrika_item .span p {
display: none;
}
.elektrika_item.active .span p {
font-size: 14px;
}
@media screen and (max-width: 991px) {
section.scheme {
display: none;
}
section.scheme-mob {
display: block !important;
}
.scheme_content {
position: relative;
z-index: 9;
height: 908px;
}
.icon-scheme {
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/07/spritesheet-5.png);
background-repeat: no-repeat;
display: block;
display: block;
margin: auto;
position: relative;
margin: 0;
width: 70px;
height: 70px;
background-size: 300% 300%;
}
section.scheme-mob {
padding: 30px 0 53%;
color: white;
background: url(//terra-sfera.ru/wp-content/uploads/2025/10/Scheme.png), linear-gradient(310deg, #669933, #92c533);
background-repeat: no-repeat;
background-position: bottom;
background-size: 120%;
position: relative; }
.scheme_content {
width: 326px;
margin: auto;
margin-top: 20px;
background-repeat: no-repeat;
height: 336px;
background-position: center 40px;
z-index: 9999999;
position: relative;
}
.scheme-item.item-5 {
top: 0;
left: 0;
width: 70px;
height: 70px;
}
i.icon-scheme.icon-scheme-5 {
background-position: -74px -74px;
}
.scheme-item p:first-of-type {
font-size: 14px;
text-align: center;
text-decoration: underline;
text-underline-position: under;
margin-top: 5px;
width: 200px;
justify-content: center;
text-align: center;
transform: translateX(-50%);
margin-left: 50%;
}
.scheme-item p:first-of-type:before {
display: none;
}
.scheme-item.item-1 {
left: 0;
bottom: 0;
top: auto;
}
.scheme-item {
width: 70px;
height: 70px;
padding: 0 !important;
}
.scheme-item:before {
content:'';
width: 56px;
height:  56px;
background-color: white;
display: block;
top: 2px;
left: -10px;
border-radius: 100%;
position: absolute;
z-index:-1
}
.scheme-item img {
max-width: 36px;
height: 45px;
object-fit: contain;
object-position: center;
margin-top: 7px;
margin-left: 12px;
}
.scheme-item.item-4 {
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
.icon-scheme-4 {
background-position: -3px -73px;
}
i.icon-scheme.icon-scheme-1 {
background-position: -3px -2px;
}
.scheme-item.item-7 {
bottom: auto;
top: 0;
left: 0;
right: 0;
margin: auto;
position: absolute;
}
i.icon-scheme.icon-scheme-7 {
background-position: -4px -144px;
}
.scheme-item.item-9 {
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: auto;
position: absolute;
}
i.icon-scheme.icon-scheme-9 {
background-position: -144px -145px;
}
.scheme-item.item-9 p {
}
.scheme-item.item-8 {
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
position: absolute;
}
i.icon-scheme.icon-scheme-8 {
background-position: -74px -144px;
}
.scheme-item.item-6 {
top: auto;
left: auto;
right: 0;
bottom: 0;
}
i.icon-scheme.icon-scheme-6 {
background-position: -144px -73px;
}
.scheme-item.item-3 {
top: 0;
right: 0;
left: auto;
bottom: 0;
margin: auto;
}
i.icon-scheme.icon-scheme-3 {
background-position: -144px -3px;
}
.scheme-item.item-2 {
top: 0;
left: auto;
right: 0;
margin: auto;
}
}
@media screen and (max-width: 414px) {
section.banner {
background-position: top center;
margin-bottom: 0;
}
section.examples {
padding-top: 60px;
background-image: url(//terra-sfera.ru/wp-content/uploads/2022/08/examples-mob.jpg);
background-repeat: no-repeat;
background-size: 414px;
background-position-y: 157px;
}
section.udobstvo {
}
}
@media screen and (min-width: 992px) {
.scheme-item.item-7 p:nth-of-type(2),
.scheme-item.item-8 p:nth-of-type(2),
.scheme-item.item-9 p:nth-of-type(2) {
background: transparent;
}
}
section.scheme-mob:before {
content: "";
width: 221px;
height: 484px;
display: none;
position: absolute;
background-image: url(//terra-sfera.ru/wp-content/uploads/2024/11/sloj-709-kopiya-6.png);
background-size: cover;
z-index: 99999;
}
section.scheme-mob:after {
content: "";
width: 221px;
height: 290px;
display: none;
position: absolute;
background-image: url(//terra-sfera.ru/wp-content/uploads/2024/11/sloj-709-kopiya-14.png);
background-size: cover;
z-index: 99999;
right: 0;
top: 39%;
} p.form_title {
font-size: 18px;
margin-bottom: 20px;
font-family: Montserrat;
line-height: 130%;
font-weight: 500;
text-align: center;
}
.popup {
font-size: 14px;
font-family: 'Montserrat';
line-height: 120%;
border-radius: 5px;
text-align: center;
}
.popup a {
color: #669933;
}
.popup input[type="submit"] {
margin-bottom: 20px;
font-size: 16px;
}
.fancybox-button svg path {
stroke-width: 0px;
}
.fancybox-is-open .fancybox-bg {
opacity: .4;
}
.phone-encoded {
}
.phone-encoded.phone-visible {
display: inline;
}
.phone-reveal-btn {
border: 0;
background: none;
color: #669933;
font-family: 'Montserrat';
text-transform: lowercase;  right: 0;
left: 0;
text-decoration: underline;
text-underline-position: under;
font-size: 12px;
padding: 0;
}
.phone-reveal-btn.revealed { }
.phone-container {
display: flex;
align-items: CENTER;
gap: 4px;
position: relative;
width: 215px;
flex-direction: column;
}
footer .phone-container * {
color: white 
}
@media screen and (max-width: 991px){
.phone-container {
align-items: flex-start;
justify-content: flex-start;
gap: 0;
}
footer .phone-container {
align-items: center;
}
}
.banner {
position: relative;
background-image: url(https://terra-sfera.ru/wp-content/uploads/2025/10/banner.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
height: 60vh;
display: flex;
align-items: center;
max-height: 600px;
}
.banner::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(
45deg,
rgba(44, 62, 80, 0.1) 0%,
rgba(44, 62, 80, 0.05) 50%,
rgba(44, 62, 80, 0.1) 100%
);
z-index: 1;
}
.banner .container {
position: relative;
z-index: 2;
width: 100%;
}
.banner_content {
max-width: 542px;
margin-left: 10%;
padding: 40px 40px 30px;
background: rgb(255 255 255 / 0%);
border-radius: 16px;
position: relative;
box-shadow: 0 20px 43px rgba(0, 0, 0, 0.08),
0 8px 41px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(14px);
box-sizing: border-box;
margin: auto;
} .banner_content::before {
content: '';
position: absolute;
top: -2px;
left: -2px;
right: -2px;
bottom: -2px; border-radius: 18px;
z-index: -1;
opacity: 0.7;
}
.banner_content::after {
content: '';
position: absolute;
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
background: rgb(255 255 255 / 48%);
border-radius: 15px;
z-index: -1;
}
.banner_content h1 {
margin-bottom: 25px;
line-height: 120%;
position: relative;
text-align: center;
}
.banner_content h1::after { position: absolute;
bottom: -15px;
left: 0;
width: 60px;
height: 3px;
background: linear-gradient(135deg, #b2db78, #7cae37);
border-radius: 2px;
}
.banner_content h1 span {
display: block;
font-weight: 400;
color: #2c502d;
font-size: 20px;
line-height: 130%;
}
.banner_content h1 span.large {
font-weight: 700;
font-size: 50px;
margin-top: 14px;
background: linear-gradient(135deg, #4a7e00, #7cae37);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
line-height: 130%;
}
.banner_content .btn {
display: flex;
align-items: center;
gap: 10px;
padding: 8px 14px;
background: linear-gradient(135deg, #4a7e00, #7cae37);
color: white;
text-decoration: none;
border-radius: 8px;
border: none;
cursor: pointer;
transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 6px 20px rgb(112 153 35 / 30%);
position: relative;
overflow: hidden;
font-size: 16px;
height: 60px;
width: 360px;
margin: auto;
}
.banner_content .btn::before {
content: '';
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: linear-gradient(90deg, 
transparent, 
rgba(255, 255, 255, 0.2), 
transparent
);
transition: left 0.6s ease;
}
.banner_content .btn:hover::before {
left: 100%;
}
.banner_content .btn:hover {
transform: translateY(-3px);
box-shadow: 0 6px 20px rgb(112 153 35 / 30%);
}
.banner_content .btn:active {
transform: translateY(-1px);
}
.banner_content .icon {
width: 18px;
height: 18px;
fill: currentColor;
}
.banner_content p {
margin-top: 20px;
color: #7f8c8d;
font-size: 0.85rem;
font-weight: 400;
font-style: italic;
text-align: center;
} .banner_content {
animation: slideInLeft 0.8s ease-out;
}
@keyframes slideInLeft {
from {
opacity: 0;
transform: translateX(-30px);
}
to {
opacity: 1;
transform: translateX(0);
}
} @media (max-width: 768px) {
.banner { }
.banner_content {
margin: 0 auto;
padding: 40px 30px;
max-width: 85%;
text-align: center;
}
.banner_content h1 {
margin-bottom: 20px
}
.banner_content h1::after {
left: 50%;
transform: translateX(-50%);
}
.banner_content h1 span {
font-size: 20PX;
}
.banner_content h1 span.large {
font-size: 3rem;
}
}
@media (max-width: 480px) {
.banner_content {
padding: 35px 25px;
}
.banner_content h1 span {
font-size: 16PX;
max-width: 238px;
margin: auto;
}
.banner_content h1 span.large {
font-size: 32px;
}
.banner_content .btn {
padding: 14px 28px;
font-size: 0.95rem;
}
}