@font-face {
font-family: 'Montserrat';
src: url(//ileansystems.com/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(//ileansystems.com/wp-content/themes/ilean/assets/fonts/Montserrat-Bold.ttf) format('truetype');
font-weight: 700;
font-style: normal;
font-display: swap;
}
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
}
table {
border-collapse: collapse;
border-spacing: 0
}
.burger svg {
max-width: 28px;
max-height: 28px;
}
.container { margin: auto;
padding: 0 10px
}
.row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.red {
color: #e10f50
}
.btn-red {
background: #e10f50;
border: 0
}
.btn {
border-radius: 30px;
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-blink {
-webkit-transition: .2s linear;
transition: .2s linear;
position: relative;
overflow: hidden
}
input[type="tel"] {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: 20px auto;display: block;-webkit-box-shadow: 0px 0px 3px #cecece;box-shadow: 0px 0px 3px #cecece;font-family: 'Montserrat';}
#popup-call p.form_title.tac.mt-1{
margin-bottom: 30px
}
p.form_title.tac.mt-1 {font-size: 21px;font-family: 'Montserrat';font-weight: 600;text-align: center;line-height: 119%; }
input.btn.mb-3.btn-orange.col-12.btn-red.btn-blink {width: 100%;margin: 20px auto;border-radius: 5px;height: 55px;font-size: 18px;font-family: 'Montserrat';}
input+span { display: block;margin: auto;text-align: center;font-family: 'Montserrat';font-size: 12px;}
span a {color: #e10f50;}
.fancybox-content {padding: 40px;max-width: 400px;}
.btn-blink::before {
content: "";
position: absolute;
top: 0;
left: -100%;
width: 20px;
height: 100%;
opacity: .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
}
.fancybox-button svg path {
fill: currentColor;
stroke-width: 0 !important;
} @-webkit-keyframes flare {
0% {
left: -100%
}
50% {
left: 100%
}
100% {
left: 100%
}
}
@keyframes flare {
0% {
left: -100%
}
50% {
left: 100%
}
100% {
left: 100%
}
}
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;
}
.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;
max-width: 200px;
}
.logo .red {
font-weight: 600
}
.logo img {
max-width: 200px
}
.messangers svg {
max-width: 22px;
max-height: 28px;
position: relative
}
.messangers .row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
header .messangers {
text-align: center
;  -webkit-box-align: center;-ms-flex-align: center;align-items: center;}
header .phone a {
font-size: 12px;
text-decoration: none;
color: #fff
}
footer .phone a {
font-size: 17px;
text-decoration: none;
color: #fff;
margin-bottom: 10px
}
.phone span {
font-size: 12px
}
.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: 10px;;  }
header .row.row-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 0 5px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-ms-flex-wrap: wrap;flex-wrap: wrap;max-width: 100%;}
footer .row.row-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 15px 0px}
span.logo_description {
font-size: 9px; line-height: 132%;
margin-top: 5px;
display: block;
}
footer,
header {
background-color: #393e46;
color: #fff
;max-width: 100%;position: relative;z-index: 999;}
header .menu {
background-color: #000;
color: #fff
;-webkit-transition: all .7s;transition: all .7s;width: 100%;}
.menu a {
color: #fff;
text-decoration: none
}
.menu ul {
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;
padding: 11px 0px;}
ul.sub-menu {   }
li.has-children:after {
-webkit-transform: rotateX(45deg);
transform: rotateX(45deg)
}
li.has-children svg {
max-width: 10px;
max-height: 10px
}
ul.sub-menu {       }
li.has-children {
position: relative
}
ul.sub-menu li {
margin: 5px 0
}
footer .messangers.row {
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;}
.copyright {
font-size: 14px;
color: #000;
text-align: center;
padding: 20px 0
}
.copyright a {
color: #000;
text-decoration: none;
margin-left: 11px
}
a.messanger-email:before {
background-color: #fff;
content: '';
border-radius: 95%;
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 4px;
bottom: 4px;
left: 4px
}
a.messanger-email {
position: relative
}
svg.hidden{
display: none;
}
footer .logo>span:first-child {font-size: 26px;}
footer span.logo_description {margin-left: 11px;font-size: 15px;display: none;}
header .phone {  }
footer .menu ul {font-size: 14px;padding: 30px 0px 31px;}
footer .menu {
display: none;
}
footer .menu ul {font-size: 16px;padding: 30px 0px 0px;}
footer { }
.logo-mobile {background-color: black;padding: 10px 0px;}
.row.logo-mobile_row {-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}  svg.icon { }
a.messanger-email:before {background-color: white;content: '';border-radius: 95%;display: block;width: 20px;height: 20px;position: absolute;top: 4px;bottom: 4px;left: 1px;}
a.messanger-email {position: relative;}
.banner_content {max-width: 300px;padding: 47px 0px;margin: auto;text-align: center;margin: auto;}
.banner_content h1 {font-size: 24px;line-height: 211%;font-weight: 200;margin-bottom: 60px;}
span.large {font-size: 30px;font-weight: bold;display: block;}
ul.banner_list {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 30px 0px 30px;}
ul.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;}
ul.banner_list svg {max-width: 20px;max-height: 20px;}
section.banner {background-image: url(//ileansystems.com/wp-content/themes/ilean/assets/images/banner.jpg);background-repeat: no-repeat;background-size: 1920px auto;background-position: 47%;color: white;padding-bottom: 133px;overflow: hidden;max-width: 100vw;}
section.banner img {position: absolute;top: 427px;right: -86px;left: 8%;margin: auto;max-width: 261px;z-index: 0;pointer-events: none;}
.directions { }
ul.direction_ul li svg {max-width: 20px;max-height: 20px;;}
ul.direction_ul li {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;gap: 11px;margin-bottom: 19px;font-size: 15px;line-height: 120%;}
ul.direction_ul b {font-weight: bold;}
h2.direction_h2.h2 {font-size: 32px;font-weight: bold;line-height: 100%;margin-bottom: 25px;}
.directions_items.direction>svg {max-width: 130px;max-height: 130px;margin-bottom: 40px;fill: white;position: relative;}
.directions .row {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;gap: 90px;-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;}
.direction-wrapper {width: 100%;height: auto;padding: 40px 40px;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;border: 3px solid #e10f50;border-radius: 10px;background-color: white;}
.directions_items.direction {text-align: center;}
ul.direction_ul {text-align: left;}
.directions a.btn.btn-red.btn-blink {font-size: 16px;width: 100%;height: 60px;border-radius: 5px;max-width: 100%;height: 50px;font-weight: 600;}
.svg-wrapper {max-width: 130px;margin: 0px auto 20px;position: relative;}
.svg-wrapper svg {max-width: 100px;padding-top: 24px;fill: white;z-index: 9;position: relative;}
.svg-wrapper:before {content: '';width: 120px;height: 120px;display: block;background-color: #e10f50;border-radius: 100%;opacity: 52%;position: absolute;right: 0;left: 6px;margin: auto;z-index: 0;}
section.directions {background-image: url(//ileansystems.com/wp-content/themes/ilean/assets/images/directions.jpg);FONT-WEIGHT: 200;padding-top: 96px;padding-bottom: 61px;background-position: top center;background-repeat: no-repeat;}
.bottom_logo span {font-size: 34px;margin-bottom: 4px;display: inline-block;}
.bottom_logo {display: -webkit-box;display: -ms-flexbox;display: flex;gap: 1px;-webkit-box-align: center;-ms-flex-align: center;align-items: center;text-align: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;margin-bottom: 23px;}
.bottom_logo>div {margin-top: 24px;margin-left: 12px;}
h3.h3 {font-size: 20px;margin-bottom: 30px;line-height: 120%;font-weight: bold;text-align: center;}
.bottom_content {padding-bottom: 60px;font-size: 14px;line-height: 120%;}
@media screen and (min-width:768px){
.container{
max-width:750px;
}
.direction-wrapper {
width: 415px;
height: auto;}
section.banner {
background-image: url(//ileansystems.com/wp-content/themes/ilean/assets/images/banner.jpg);
background-repeat: no-repeat;
background-size: 1920px auto;
background-position: top center;
}
.banner_content {
max-width: 378px;
padding: 47px 0px;
}
h1 {
font-size: 16px;
line-height: 211%;
font-weight: 200;
}span.large {
font-size: 44px;
font-weight: bold;
}
section.banner img {
position: absolute;
top: 394px;
right: 0px;
left: auto;
margin: auto;
}
.bottom_logo span {
font-size: 42px;
margin-bottom: 9px;
display: inline-block;
}
.bottom_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 26px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
text-align: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 23px;
margin-left: 15px;
}
.bottom_logo {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 26px;}
h3.h3{
text-align:left;
}
span.logo_description{
display:none
}
}
@media screen and (min-width:992px){
header .menu{
display: block !important
}
.svg-wrapper:before {
content: '';
width: 150px;
height: 150px;
display: block;
background-color: #e10f50;
border-radius: 100%;
opacity: 52%;
position: absolute;
right: 0;
left: -12px;
margin: auto;
z-index: 0;
}
.svg-wrapper svg {
max-width: 130px;
padding-top: 43px;
fill: white;
z-index: 9;
position: relative;
}
.container{
max-width:860px;
}
.directions .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;}
h1 {
font-size: 24px;
line-height: 150%;
font-weight: 200;
}
span.large {
font-size: 50px;
font-weight: bold;
}
ul.banner_list li {
max-width: 55%;
margin-bottom: 40px;
min-width: 45%;}
.banner_content {
max-width: 520px;
padding: 47px 0px; margin-bottom: 50px;
}
section.banner img {
position: absolute;
top: 440px;
right: 0px;
left: 85px;
margin: auto;
max-width: 100%;}
section.banner {
padding-bottom: 144px;
}
section.directions {
padding-top: 193px;
}
.directions .row {
gap: 30px;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
}
.direction-wrapper {
width: 415px;
height: 430px;
padding: 40px 40px;
}
.directions a.btn.btn-red.btn-blink {
position: absolute;
top: auto;
bottom: 40px;
right: 0;
left: 0;
margin: auto;
font-size: 18px;
width: 85%;
height: 60px;max-width: 80% !important;}
ul.direction_ul li {
font-size: 20px;
}
h2.direction_h2.h2 {
font-size: 36px;
margin-bottom: 27px;
}
header .messangers {
margin-top: 10px;
}
.messangers .row {
margin-top: 8px;
position: relative;
}
.row.row-header {
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 0 5px !important;
}
footer {
padding-bottom: 25px;
}
header .logo{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
color: white;
text-decoration: none;
max-width: 200px;
}
header .logo img {
max-width: 100%
}
.phone a {
font-size: 23px !important;
text-decoration: none;
color: #fff;
}
.messangers svg {
max-width: 28px;
max-height: 28px;}
a.messanger-email:before {
background-color: white;
content: '';
border-radius: 95%;
display: block;
width: 25px;
height: 25px;
position: absolute;
top: 2px;
bottom: 4px;
left: 1px;
}
.logo-mobile{
display:none;
}
ul.sub-menu {
position: absolute;
display: block;
background-color: #000;
width: 117px;
left: -15px;
padding-left: 15px;
padding-top: 15px;
}
ul.sub-menu {
-webkit-transition: all .7s;
transition: all .7s;
top: -300px;
opacity: 0;
}
}
@media screen and (max-width: 991px){
.menu ul:not(.sub-menu) {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;padding: 10px 0px 20px;z-index: 9999;position: relative;}
.menu ul.sub-menu{-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end; font-size: 12px;}
.menu ul.sub-menu li{
margin-bottom: -3px;}
.menu {
top: -1000px;
position:
absolute;
}
.menu ul li {margin-bottom: 10px;}
.copyright a {
display: block;
margin-top: 6px;
}
.bottom_logo p {
font-size: 11px;
}
.bottom_logo img {
max-width: 60px;
}
header .row-header .logo{
display:none 
}
ul.banner_list li br {
display:none;}
.directions_items.direction:nth-child(2) .svg-wrapper svg {
fill: black;
}
span.logo_description{
display:none;
}
.directions_items.direction:nth-child(2) .svg-wrapper svg {fill: black;}
.row.row-header {-webkit-box-orient: horizontal;-webkit-box-direction: reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;-ms-flex-wrap: wrap;flex-wrap: wrap;}
header .row.row-header a.btn {
display:none
}
footer .row.row-header {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;gap: 17px;-webkit-box-pack: center !important;-ms-flex-pack: center !important;justify-content: center !important;padding-top: 20px !important;}
.logo {width: auto; max-width: 200px;font-size: 16px;}
@media screen and (max-width: 991px){
.logo img {
max-width: 100%;
}
}
footer .logo {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center}
.messangers {}
header .phone {width: 31%;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;}
.phone span {display: none;}
.messangers span {display: none;}
header .messangers {
margin-right: 20px;
}
.messangers .row {-webkit-box-align: end;-ms-flex-align: end;align-items: flex-end;-ms-flex-pack: flex-end;justify-content: flex-end;gap: 13px;}
.menu { }
}
.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 {
text-align: center;
margin-bottom: 40px;
}
.page__header h1:before {
padding-bottom: 15px;
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
position: relative;
z-index: 2;
line-height: 120%;
}
.page__header h1:before {
content: '';
width: 200px;
height: 2px;
display: block;
background-color: red;
bottom: 0;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: auto;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
section.page {
padding: 120px 0px;
}
span.email__text {
position: absolute;
right: 99px;
top: 4px;
width:0;
-webkit-transition: width .5s ease;
transition: width .5s ease;
}
div#popup-email svg.icon {
max-width: 50px;
max-height: 50px;
display: block;
margin: 30px auto;
}
div#popup-email .email {
font-size: 24px;
text-align: center;
display: block;
font-style: italic;
cursor: text;
}
div#popup-email p.form_title.tac.mt-1 {
font-size: 34px;
}
div#popup-email {
width: 100%;
max-width: 450px;
padding: 40px 40px 50px !important;
cursor: auto;
}
@media screen and (min-width:1200px){
span.logo_description{
display:block
}
.container{
max-width:1120px;
}
header .messangers {  }
header .phone { margin-right: 10px;
}
.menu ul {
padding: 11px 17px;
}
section.banner {
padding-bottom: 161px;
}
.direction-wrapper {
width: 500px;
height: 490px;
padding: 47px 56px;
}
h2.direction_h2.h2 {
font-size: 59px;
}
ul.direction_ul li {
font-size: 22px;
}
.directions a.btn.btn-red.btn-blink {
position: absolute;
top: auto;
bottom: 45px;
font-size: 24px;
}
.directions .row {
gap: 76px;
}
footer .messangers.row { }
footer span.logo_description{
display:block;
}
footer .menu {
display: block;
}
}
@media screen and (max-width:414px){
section.page {
padding: 40px 0px 60px;
}
div#popup-email p.form_title.tac.mt-1 {
font-size: 28px;
}
header {width: 100%;position: fixed;top: 0;}
body {padding-top: 63.2px;}
section.banner {background-size: 414px;background-position: top center;margin-bottom: -68px;}
a.btn.btn-calc.btn-red.btn-blink {width: 230px;height: 35px;font-size: 11px;border-radius: 10px;}
a.btn.btn-calc.btn-red.btn-blink svg {display: none;}
.logo img {max-width: 150px;}
}
.fade-down{ right: 0;}
header a.btn.btn-red.btn-blink {
padding: 0px 16px;
border-radius: 9px;
}
.page-id-163 .page { background-size: 1920px;
background-position: bottom;
padding-bottom: 42px;
background-repeat: no-repeat;
min-height: 700px;
}
.page-id-163 header {
background-color: #393e46
}
.page-id-163  .page__content { margin-left: auto;
font-size: 16px;
line-height: 120%;
}
.page-id-163  .page__content p {
margin-bottom: 20px;
}
.page-id-163  .page__content h1 {
font-size: 16px;
margin-bottom: 20px;
font-weight: bold
}
.page-id-163  .page__content h2 {
font-size: 20px;
margin-bottom: 20px;
margin-top: 30px;
font-weight: bold
}
.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){
header .logo+a.btn.btn-red.btn-blink {
display: none;
}
.page-id-163 .page__content {
max-width: 100%;
font-size: 16px;
padding-bottom: 160px;
}
.page-id-163 .page {
background-size: 500px;
}
}
a.about-company {
color: white;
text-decoration: none;
}
header {
background: none;
}
header .menu {
background: none; }
header {
position: absolute;
width: 100%;  }
section.banner {
padding-top: 253px;
background-position: bottom;
padding-bottom: 224px;
} .banner_content {
max-width: 800px;
}
.banner_content span:first-cild {
display: block
}
ul.banner_list li {
font-size: 16px;
}
a.btn.btn-calc.btn-red.btn-blink {
border-radius: 10px;
font-size: 20px;
width: 420px;
height: 70px;
max-width: 100%;
margin: auto;
line-height: 120%;
}
a.btn.btn-calc.btn-red.btn-blink svg {
display: none;
}
.heading {
text-align: center;
}
.heading h2:before {
content: '';
width: 200px;
height: 2px;
display: block;
background-color: red;
bottom: 0;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: auto;
}
.heading h2 {
position: relative;
padding-bottom: 15px;
font-size: 24px;
font-weight: bold;
margin-bottom: 30px;
position: relative;
z-index: 2;
line-height: 120%;
}
i.icon {
background-image: url(//ileansystems.com/icons.png);
background-repeat: no-repeat;
display: block;
}
.icon-func-1 {
width: 51px;
height: 50px;
background-position: -5px -5px;
}
.icon-func-2 {
width: 51px;
height: 50px;
background-position: -66px -5px;
}
.icon-func-3 {
width: 51px;
height: 50px;
background-position: -5px -65px;
}
.icon-func-4 {
width: 51px;
height: 50px;
background-position: -66px -65px;
}
.icon-func-5 {
width: 51px;
height: 50px;
background-position: -127px -5px;
}
.icon-func-6 {
width: 51px;
height: 50px;
background-position: -127px -65px;
}
.icon-off {
width: 29px;
height: 28px;
background-position: -188px -5px;
}
.icon-on {
width: 51px;
height: 51px;
background-position: -5px -125px;
}
a.functions_item {
cursor: pointer
}
.functions_item {
border-radius: 5px;
border: 1px solid #000000;
padding: 40px 0px 50px;
font-size: 14px;
line-height: 120%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
text-decoration: none;
color: black;
position: relative;
height: 270px;
}
.functions_item .btn {
color: #ffffff;
text-align: center;
justify-content: center;
transition: all .5s ease;
border-radius: 5px;
padding: 4px 10px;
display: flex;
margin-top: 13px;
margin-right: auto;
font-size: 16px;
opacity: 0;
position: absolute;
bottom: -20px;
text-align: center;
text-decoration: underline;
font-style: italic;
margin: auto;
right: 0;
left: 0;
}
.functions .heading {
max-width: 810px;
margin-left: auto;
margin-bottom: 25px;
}
.functions_heading svg {
filter: invert(1);
width: 60px;
height: 60px;
object-fit: contain;
}
.functions_heading svg image {
width: 100%;
height: 100%;
object-position: center;
}
.functions_text {
text-align: center;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3; line-clamp: 3;
-webkit-box-orient: vertical;
font-size: 14px;
max-width: 86%;
margin: auto;
}
.functions_item {
transition: all .6s ease
}
.functions_item * {
transition: all .6s ease;
}
.functions_item:hover {
color: white;
background: #e10f50;
border-color: #e10f50;
}
.functions_item:hover .functions_heading svg {
filter: invert(0);
width: 78px;
height: 78px;
}
.functions_item:hover .functions_heading {
font-size: 22px;
}
.functions_item:hover .functions_text {
opacity: 0;
height: 0;
}
.functions_item:hover .btn {
opacity: 1;
bottom: 12px;
}
@media screen and (max-width: 540px){
.functions_item .btn {
margin: auto;
margin-bottom: 0;
font-size: 12px;
height: auto;
}
.functions_item:hover .btn {
bottom: 8px;
}
}
.functions_item a:hover { }
.functions_item:not(:first-child) a {
display: none;
}
.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: 6px;
flex-direction: column;
gap: 9px;
font-weight: bold;
font-size: 18px;
text-align: center;
min-height: 120px;
justify-content: center;
}
.functions_heading span.small {
font-size: .85em;
margin-top: -9px;
}
.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: 776px;
margin-left: auto;
margin-bottom: 40px;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 39px 28px;
}
@media screen and (max-width: 991px){
.functions_content {
grid-template-columns: 1fr 1fr;
gap: 15px;
}
}
.functions_item:nth-child(4) .functions_heading {
letter-spacing: -.5px;
}
section.functions {
background-image: url(//ileansystems.com/wp-content/uploads/2022/07/functions.jpg);
background-size: 1920px;
background-position: center;
padding-bottom: 20px;
background-repeat: no-repeat;
padding-top: 11px;
}
section.udobstvo {
background-image: url(//ileansystems.com/wp-content/uploads/2022/07/upravlenie.jpg);
background-size: 1920px;
background-position: center;
background-repeat: no-repeat;
padding: 60px 0px 0px; color: white;
}
.udobstvo_item {
width: 260px;
border-radius: 5px;
border: 2px solid #e10f50;
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;
}
.udovstvo_heading {
font-size: 16px;
font-weight: bold;
text-align: center;
color: white;
background-color: #e10f50;
padding: 10px;
}
.udovstvo_text {
padding: 15px;
font-size: 14px;
text-align: left;
}
.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) .udovstvo_text {
max-width: 140px;
}
.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;
}
h2 {}
section.udobstvo h2 { }
.udobstvo_row:nth-of-type(3) {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
section.reasons {
padding: 70px 0px;
}
.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: 30px;
color: #e10f50;
line-height: 120%;
font-weight: bold;
}
section.electrika {
padding: 70px 0px;
}
.num {
font-size: 14px;
width: 25px;
height: 25px;
border-radius: 25px;
background-color: #e10f50;
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: red;
display: block;
position: absolute;
right: -30px;
z-index: -1;
}
.elektrika_item.active span{
display:block; }
.elektrika_item span{
font-weight:bold;
}
.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 .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: 10px;
border: 1px solid #cacaca;
border-right: 0px;  background-color: white;
}
.elektrika_item .span {
width: 100%;
padding: 10px;
}
.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: 132%;
}
.elektrika_texts {
width: 715px;
padding: 20px;
font-size: 16px;
line-height: 120%;
border: 1px solid #cacaca;
margin-left: -1px;
position: relative;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
max-width: calc(100% - 300px);
}
.cta h2 {
font-size: 24px;
font-weight: bold;
line-height: 123%;
}
section.cta p {
font-size: 20px;
font-weight: 300;
line-height: 120%;
}
.cta_content {
padding: 60px 30px 30px;
background-color: #e10f50;
color: white;
line-height: 120%;
}
.cta .list_item {
font-size: 16px;
line-height: 120%;
margin-bottom: 20px;
}
.cta_content {
max-width: 425px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.list {
margin-top: 50px;
font-weight: 300;
}
.list_item { display: -webkit-box;
display: -ms-flexbox;
display: flex;
font-size: 16px !important;
}
.list_item:before {
content: '';
width: 29px;
height: 25px;
display: block;
background-image: url(//ileansystems.com/wp-content/uploads/2022/07/check-white.png);
background-repeat: no-repeat;
min-width: 30px;
margin-right: 15px;
}
.cta_aside {   color: white;
}
.cta_content {}
section.cta {
background-image: url(//ileansystems.com/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: 18px;
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(//ileansystems.com/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;
}
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(//ileansystems.com/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: 20px;
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: #e10f50;
}
.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: 30px;
height: 30px;
display: block;
border: 3px solid #ffffff;
border-radius: 100px;
background-color: white;
margin-right: 10px;
-webkit-box-shadow: 0px 0px 2px 2px #e10f50;
box-shadow: 0px 0px 2px 2px #e10f50;
-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: #e10f50;
}
input.wpcf7-form-control.wpcf7-text.wpcf7-tel.wpcf7-validates-as-required.wpcf7-validates-as-tel {
border: 1px solid #e10f50;
}
.consult input.wpcf7-form-control.has-spinner.wpcf7-submit {
width: 275px;
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-left: 70px;
}
.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 .7s;
-o-transition: all .7s;
transition: all .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 .7s;
-o-transition: all .7s;
transition: all .7s;
margin-right: 10px;
}
.map_item {
min-height: 30px;
}
.hidden b {
font-weight: bold;
}
.map .container {    }
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 65px;
-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: 32px;
height: 32px;
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;
}
.calc_heading {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 30px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-size: 17px;
line-height: 120%;
}
.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: flex-start;
-ms-flex-align: flex-start;
align-items: flex-start;
position: relative; margin-left: 0;
}
.calc_options br {
display: none;
}
.calc_options input+span:before {
content: '';
width: 30px;
height: 30px;
display: block;
border: 1px solid #e10f50;
border-radius: 3px;
margin-right: 15px;
min-width: 30px;
}
.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: 16px;   margin-right: 15px;
}
.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: space-around;
color: white;
font-size: 15px; background-size: cover;
background-position: center;
line-height: 120%;
}
.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: 42px;
height: 36px;
display: block;
border-radius: 3px;
margin-right: 15px;
background-image: url(//ileansystems.com/wp-content/uploads/2022/07/tick-mark.svg);
background-repeat: no-repeat;
position: absolute;
left: -3px;
top: 0;
}
.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(var(--color-darken10)),to(var(--color-lighten10)));
background-image: -o-linear-gradient(left,var(--color-darken10),var(--color-lighten10));
background-image: linear-gradient(90deg,var(--color-darken10),var(--color-lighten10));
position: relative;
overflow: hidden;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .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%,.08) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.08) 75%,transparent 0,transparent);
background-image: linear-gradient(-45deg,hsla(0,0%,100%,.08) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.08) 0,hsla(0,0%,100%,.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: #e10f50;color: white;font-size: 18px;height: 45px;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-evenly;-ms-flex-pack: space-evenly;justify-content: space-evenly;border-radius: 5px;margin-left: auto;max-width: 200px;}.bonus:not(:last-child) {   margin-bottom: 10px;}
.btn-next.disabled {
opacity: .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: #e10f50;
font-size: 18px;
border-radius: 5px;
margin: 30px auto;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .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;
}
@media screen and (min-width: 992px){
section.scheme {
position: relative;
padding: 50px 0px;
background-image: url(//ileansystems.com/wp-content/uploads/2023/04/group-1.jpg);
background-position: top center;
color: white;
text-align: center;
background-repeat: no-repeat; background-color: #393e46;
background-image: url(//ileansystems.com/wp-content/uploads/2024/11/sloj-709-kopiya-6-2-min.png);
}
.scheme-mob {
display: none !important
}
}
.scheme_content {
position: relative;
z-index: 9;
height: 894px;
margin-top: 104px;
}
.icon-scheme {
background-image: url(//ileansystems.com/wp-content/uploads/2022/07/spritesheet-5.png);
background-repeat: no-repeat;
display: block;
display: block;
margin: auto; position: relative;
margin-bottom: 10px;
}
.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;
}
.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: 7px;
position: relative;
display: block;
font-weight: 600;
}
.scheme-item p:nth-of-type(2) {
font-size: 14px;
line-height: 120%;
background-color: #393e46;
padding-bottom: 20px;
}
.scheme-item p:first-of-type:before {
content: '';
width: 114px;
height: 2px;
display: block;
background-color: #e10f50;
left: 0;
right: 0;
margin: auto;
bottom: 0px;
top: auto;
position: absolute;
max-width: 100%;
}
.scheme-item {
width: 204px;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
.scheme-item.item-2 {
position: absolute;
top: -63px;
left: 141px;
}
.scheme-item.item-1 {
position: absolute;
top: 76px;
left: -18px;
}
.scheme-item.item-3 {
position: absolute;
left: 341px;
top: 58px;
}
.scheme-item.item-4 {
position: absolute;
left: 519px;
top: -7px;
}
.scheme-item.item-5 {
position: absolute;
left: 677px;
top: 81px;
}
.scheme-item.item-6 {
position: absolute;
left: 871px;
top: -24px;
}
.scheme-item.item-7 {
position: absolute;
top: 792px;
left: 132px;
max-width: 200px;
background-color: #4b494a;
border-radius: 10px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.scheme-item.item-8 {
max-width: 194px;
background-color: #4b494a;
border-radius: 5px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 800px;
left: 707px;
position: absolute;
}
.scheme-item.item-9 {
max-width: 191px;
background-color: #4b494a;
border-radius: 10px;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute; left: 931px;
top: 783px;
}
.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: .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 .5s;
-o-transition: all .5s;
transition: all .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 .5s;
-o-transition: all .5s;
transition: all .5s;
min-width: 100px;
z-index: -3;
}@keyframes pulse{0%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}50%{-webkit-transform:scale(1);transform:scale(1);opacity:1}100%{-webkit-transform:scale(.9);transform:scale(.9);opacity:1}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(.95);opacity:1}50%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(.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(.5) skew(1deg);-webkit-opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);-webkit-opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);-webkit-opacity:.1}}@keyframes circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}}@-webkit-keyframes circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}@keyframes circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.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(.8);
-ms-transform: scale(.8);
transform: scale(.8);
top: -100p;
left: 61%;
}
.udovstvo_image img {
max-width: 100%;
}
section.scheme {
background-size: 1566px;
background-position-y: -54px;
}
.scheme-item p {
display: none !important;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s;
}
.scheme-item.item-1 {
left: -63px;
top: 194px;
}
.scheme_content {
height: 701px;
margin-top: -53px;
}
.scheme-item.item-2 {
top: 61px;
left: 69px;
}
i.icon-scheme.icon-scheme-2 {  }
.scheme-item.item-3 {
top: 216px;
left: 233px;
}
.scheme-item.item-3 {
top: 170p;
}
.scheme-item.item-4 {
top: 253px;
left: 378px;
}
.scheme-item.item-5 {
top: 194px;
left: 503px;
}
.scheme-item.item-6 {
top: 134px;
left: 664px;
}
.scheme-item.item-7 {
background-color: transparent;
top: 693px;
left: 64px;
}
.scheme-item.item-8 {
background-color: transparent;
top: 698px;
left: 566px;
}
.scheme-item.item-9 {
background-color: transparent;
top: 657px;
left: 739px;
}
.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.item-6 { }
.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: 1200px){
.calc_options input+span{
align-items:center
}
}
@media screen and (max-width: 991px){
.scheme-item.item-1 {
left: -55px;
top: 108px;
}
.scheme_content {  }
.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 .7s;
-o-transition: all .7s;
transition: all .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.item-6 { }
.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:not(:last-child) {
margin-right: 10px;
}
section.banner {
background-size: 1128px;
background-position: bottom center;
padding-top: 180px;
padding-bottom: 145px;
}
.banner_content {
padding-top: 22px;
}
.banner_content h1 {
font-size: 18px;
line-height: 130%;
margin-bottom: 40px;
}
ul.banner_list li {
max-width: 100%;
font-size: 13px;
}
span.large {
font-size: 28px;
margin-top: 8px;
display: block;
line-height: 120%;
}
.logo-mobile {
background-color: transparent;
padding-top: 0;
}
a.btn.btn-calc.btn-red.btn-blink {
font-size: 18px;
padding: 20px 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 315px;
height: auto;
}
.functions_item { }
.udobstvo_row:nth-of-type(2) { margin-top: 339px;
}
.udobstvo_animation {
transform: scale(.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-color: #393d46;
background-image: none;
}
.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 { display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: center;
position: relative!important;
max-width: 280px;
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 img { }
.reasons_item h3 { }
.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(.7);
-ms-transform: scale(.7);
transform: scale(.7);
top: 0;
}
img.udobstvo_image {
-webkit-transform: scale(.6);
-ms-transform: scale(.6);
transform: scale(.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 {
display: flex;
padding: 0;
margin: 0;
flex-direction: column;
height: auto;
padding-bottom: 35px;
min-height: 160px;
}
.reasons_item {
width: 100%;
max-width: 315px;
}
img.reasons_image {
height: 200px;
margin-bottom: 20px;
}
.scheme_content { -ms-transform: scale(.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;
}
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 {
background-position-y: -80px;
padding-top: 114px;
background-size: 1229px;
}
.active i.icon-scheme {-webkit-transform: scale(.7);-ms-transform: scale(.7);transform: scale(.7);}
.scheme_content {
-webkit-transform: scale(.8);
-ms-transform: scale(.8);
transform: scale(.8);
margin-left: -25px; }
section.scheme {
display: none;
}
section.banner {
background-size: auto 458px;
background-position: top;
}
@media screen and (max-width: 414px){
.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;padding-left: 0;text-align: left;min-height: 53px;position: relative;padding-top: 15px;text-align: center;justify-content: center;line-height: 120%;padding-bottom: 0;font-size: 14px;gap: 5px;}
.functions_item:hover .functions_heading {
font-size: 1.1em
}
.functions_heading svg {
width: 30px;
height: 50px;
}
.functions_item:hover .functions_heading svg {
width: 40px;
height: 60px;
}
.functions_heading i{
margin: 0px auto 10px;
position: absolute;
top: 4px;
bottom: auto;
left: 6px;
margin: auto;
min-width: 37px;  transform: scale(.7);
right: 0;
left: 0;
}
section.functions {
background-image: none; display: block;
padding-bottom: 30px;
}
section.functions .heading:after {
content: '';
width: 286px;
height: 300px;
display: none;
background-image: url(//ileansystems.com/wp-content/uploads/2022/08/phones-mob.png);
background-position: center;
background-size: contain;
background-repeat: no-repeat;
margin: 20px auto 0px;
}
.banner_content {
max-width: 295px;
}
ul.banner_list li {
gap: 5px;
}
ul.banner_list svg {
max-width: 14px;
}
a.btn.btn-calc.btn-red.btn-blink {
max-width: 252px;
max-height: 64px;
border-radius: 5px;
font-size: 15px !important;
}
ul.banner_list {
margin: 10px auto;
}
section.banner {
padding-bottom: 100px;
background-size: cover;
}
.heading h2 {
font-size: 18px;
max-width: 80%;
margin: 0px auto 40px;
display: block;
padding-bottom: 5px;
}
section.udobstvo {
padding-top: 381px;
position: relative;
background-image: url(//ileansystems.com/wp-content/uploads/2022/08/upravlenie-mob.png);
background-size: 100%;
background-position: top;
}
.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-image: url(//ileansystems.com/wp-content/uploads/2022/08/gift-mob.jpg);
background-size: 414px;
background-repeat: no-repeat;
background-position: top;
}
.cta_content {
background-color: transparent;
padding: 31px 10px 0px;
max-width: 300px;
}
section.cta p {
font-size: 18px;
}
.cta h2 {
font-size: 21px;
}
.list {
margin-top: 35px;
}
.cta_aside {
max-width: 295px;
}
.cta_aside br {
display: none;
}
img.aside_image {
margin-left: -92px;
}
section.examples {
padding-top: 42px;
background-image: url(//ileansystems.com/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){
.menu {
background-color: #000 !important;
}
.menu.open { top: 125px;
}
header a.btn.btn-red.btn-blink {
display: none;
}
.burger a.btn.btn-red.btn-blink{
display:block !important;
font-size: 10px;
padding: 8px;
height: auto;
text-align: center;
min-width: 109px;
}
}
@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(//ileansystems.com/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 418px;
background-color: #393e46;
color: white;
background-image: url(//ileansystems.com/wp-content/uploads/2024/11/sloj-827.png);
background-repeat: no-repeat;
background-position: -120px bottom;
background-size: 1113px;
position: relative;
}
.reasons_content {  }
.scheme_content {
width: 326px;
margin: auto;
margin-top: 50px; 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;!i;!;
}
.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;
}
i.icon-scheme.icon-scheme-7 {
background-position: -4px -144px;
}
.scheme-item.item-9 {
bottom: 0;
left: 0;
right: 0;
margin: auto;
top: 0; }
i.icon-scheme.icon-scheme-9 {
background-position: -144px -145px;
}
.scheme-item.item-9 p {
}
.scheme-item.item-8 {
top: auto;
bottom: 0;
right: 0;
left: 0;
margin: auto;
}
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;
}
.scheme-item.item-2 p { }
}
@media screen and (max-width: 414px) {
section.banner {
background-size: 414px;
background-position: top center;
margin-bottom: 0;
min-height: 400px;
display: flex;
align-items: flex-start;
}
section.banner {
padding-bottom: 0px;
background-size: cover;
}
section.banner .container {
margin-top:40px
}
section.examples {
padding-top: 42px;
background-image: url(//ileansystems.com/wp-content/uploads/2022/08/examples-mob.jpg);
background-repeat: no-repeat;
background-size: 414px;
background-position-y: 157px;
}
section.udobstvo {
background-size: 414px;
}
}
@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: block;
position: absolute;
background-image: url(//ileansystems.com/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: block;
position: absolute;
background-image: url(//ileansystems.com/wp-content/uploads/2024/11/sloj-709-kopiya-14.png);
background-size: cover;
z-index: 99999;
right:0;
top: 39%;
}
@media screen and (max-width: 414px){
section.functions {
padding-bottom: 0;
}
}
.fancybox-button svg path {
fill:  currentColor !important
}   .page-template-page-services .container {
max-width: 1460px;
} .page-template-page-services header {
background-color: #3a3e45;
position: relative;
}  .page-banner {
min-height: calc(100vh - 200px);
background-position: center;
background-size: auto 100%;
display: flex;
align-items: center;
}
.page-banner__content {
width: 48%;
margin-left: 52%;
font-size: 30px;
font-weight: bold;
line-height: 128%;
}
.page-banner__content h1 {
font-size: 64px;
font-weight: bold;
line-height: 120%;
margin-bottom: 52px;
} .page-content {
padding: 11px 0 75px;
font-size: 21.3px;
line-height: 130%;
}
.content-paragraph {
padding: 43px 0;
} .heading-title {
text-align: center;
}
h2.heading-title {
font-size: 32px;
font-weight: bold;
}
h3.subtitle {
margin-top: 30px;
margin-bottom: 30px;
text-align: center;
}
h4.item-title {
color: #e10f50;
font-weight: bold;
margin-bottom: 2px;
}
.item-text {
color: #e10f50;
font-weight: bold;
} .paragraph-text p:not(:last-child) {
margin-bottom: 30px;
}  .page-content ul {
padding-left: 3px;
margin-bottom: 26px;
}
.page-content ul li:not(:last-child) {
margin-bottom: 1px;
}
.page-content ul li:before {
content: '▶';
color: #e10f50;
margin-right: 3px;
}
.paragraph-text ul strong {
color: #e10f50;
font-weight: bold;
margin-right: 0px;
} .item-description ul {
max-width: 659px;
}  .image-list-container {
padding-top: 0px;
margin-bottom: 83px;
position: relative;
background-image: url(//ileansystems.com/wp-content/uploads/2025/12/line.png);
background-repeat: no-repeat;
background-position: -2px 53%;
}
.image-list-container>img {
position: absolute;
bottom: 20%;
left: 4%;
} .horizontal-list-container {
margin: 60px 0 50px;
}  .image-list-item {
display: flex;
gap: 39px;
}
.image-list-item:before {
color: #e10f50;
font-weight: bold;
font-size: 123px;
margin-top: 70px;
} .item-content {
max-width: 831px;
padding-top: 40px;
line-height: 135%;
} .image-list-item:first-child {
margin-left: 5%;
}
.image-list-item:first-child:before {
content: '1';
}
.image-list-item:nth-child(2) {
padding-left: 27%;
position: relative;
}
.image-list-item:nth-child(2):before {
content: '2';
}
.image-list-item:nth-child(2) .item-content {
max-width: 998px;
width: 100%;
}
.image-list-item:nth-child(3) {
padding-left: 49.7%;
margin-top: 19px;
}
.image-list-item:nth-child(3):before {
content: '3';
}
.image-list-item:nth-child(3) .item-content {
padding-top: 31px;
} .horizontal-list {
display: flex;
justify-content: space-between;
gap: 73px;
}
.horizontal-list.style-cards .item-content {
padding-top: 6px;
} .horizontal-list .image-list-item {
display: flex;
gap: 41px;
margin-bottom: 20px;
line-height: 137%;
} .list-image {
order: 3;
height: 185px;
margin-bottom: -180px;
}
.image-list-item:nth-child(2) img.list-image {
position: absolute;
bottom: -15px;
right: 0;
margin-bottom: 0;
z-index: -1;
}  @media screen and (max-width: 1400px) {
.page-content {
font-size: 18px;
}
h2.heading-title {
font-size: 24px;
}
h3.subtitle {
margin: 15px 0;
}
.paragraph-text p:not(:last-child) {
margin-bottom: 20px;
}
.image-list-container {
background-position: 2px 61%;
background-size: 62%;
}
.image-list-container>img {
bottom: 11%;
max-width: 17vw;
height: auto;
}
.image-list-item:before {
font-size: 100px;
width: 56px;
display: block;
flex-shrink: 0;
}
.item-description ul {
max-width: 73%;
}
.horizontal-list {
gap: 30px;
}
.horizontal-list-container {
margin-bottom: 0;
}
} @media screen and (max-width: 1200px) {
.page-banner {
min-height: 700px;
}
.page-banner__content {
font-size: 22px;
font-weight: normal;
}
.page-banner__content h1 {
font-size: 48px;
margin-bottom: 20px;
}
} @media screen and (max-width: 1024px) {
.page-banner {
min-height: 572px;
}
.page-banner__content {
font-size: 20px;
}
.page-banner__content h1 {
font-size: 35px;
}
.page-content {
font-size: 16px;
}
.page-content ul {
margin-bottom: 16px;
}
h2.heading-title {
font-size: 22px;
}
h3.subtitle {
margin: 15px 0;
}
.content-paragraph {
padding: 30px 0;
}
.image-list-item:before {
font-size: 60px;
width: 20px;
margin-top: 20px;
}
.image-list-container>img {
display: none;
}
.image-list-container {
background: none;
}
.image-list-item:nth-child(1),
.image-list-item:nth-child(2),
.image-list-item:nth-child(3) {
padding-left: 0;
margin-left: 0;
margin-bottom: 40px;
}
.item-content {
padding-top: 0;
}
.list-image {
height: 110px;
}
.image-list-item:nth-child(3) .item-content {
padding-top: 0;
}
.horizontal-list {
flex-direction: column;
gap: 20px;
}
} @media screen and (max-width: 767px) {
.page-banner {
min-height: 400px;
background-position: 54%;
}
.page-banner__content {
font-size: 18px;
margin-left: 40%;
width: unset;
}
.page-banner__content h1 {
font-size: 30px;
}
.list-image,
.image-list-item:nth-child(2) img.list-image {
height: 120px;
margin-bottom: 0;
order: 0;
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
bottom: auto;
}
.image-list-item {
position: relative;
padding-top: 130px;
gap: 20px;
}
.page-content ul {
max-width: 100%;
}
.image-list-item:before {
font-size: 40px;
margin-top: 11px;
}
.item-content {
line-height: 120%;
}
h2.heading-title {
font-size: 20px;
}
.horizontal-list-container {
margin: 30px 0 0;
}
}
@media screen and (max-width: 414px){
.page-banner {
min-height: 400px;
background-position: bottom;
background-size: 1000px;
background-position: center;
background-repeat: no-repeat;
background-position: bottom;
position: relative
}
.page-banner:before {
content:'';
width: 100%;
height: 100%;
position: absolute;
left:0;
top:0;
background: linear-gradient(
84deg, #dededd, #ededed);
z-index:-1
}
.page-banner__content {
font-size: 18px;
padding-top: 45px;
margin-left: 0;
width: 100%;
padding-bottom: 269px;
}
.page-banner__content h1 {
font-size: 30px;
}
}