@charset "UTF-8";

html {
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
*,
*::after,
*::before {
-webkit-box-sizing: inherit;
box-sizing: inherit;
}
ul[class],
ol[class] {
padding: 0;
}
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
figure,
figcaption,
blockquote,
dl,
dd {
margin: 0;
}
ul[class] {
list-style: none;
}
img {
max-width: 100%;
display: block;
}
html {
scroll-behavior: smooth !important;
}
input,
button,
textarea,
select {
font: inherit;
}
a {
text-decoration: none !important;
}
html,
body {
height: 100%;
width:100%
}
.contact-form-flex p {
display: flex !important;
}
.wpcf7-response-output {
display: none !important;
}
.wpcf7-list-item {
margin-left: 6px !important;
}
.wpcf7-spinner {
display: none !important;
}
.glink {
margin: 0 3px !important;
}
.glink-container {
background: #70BF4F;
border-radius: 5px;
padding: 4px;
}
.popUp__overlay {
background: rgba(0, 0, 0, .4);
width: 100vw;
height: 100vh;
position: absolute;
z-index: 123123123;
transform: translateY(-100%);
transition: .3s ease;
}
.popup__inner {
max-width: 500px;
position: absolute;
width: 100%;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.popup__inner .phone__input-container {
transform: unset !important;
}
.phone__input-popup {
margin: 8px 0;
}
.phone__input-popup {
border: 1px solid #e8e8e8;
border-radius: 18px;
padding: 0 23px;
width: 100%;
height: 54px;
}
.phone__input-popup::-webkit-input-placeholder {
color: #777;
font-size: 17px;
}
.phone__input-popup::-moz-placeholder {
color: #777;
font-size: 17px;
}
.phone__input-popup:-ms-input-placeholder {
color: #777;
font-size: 17px;
}
.phone__input-popup::-ms-input-placeholder {
color: #777;
font-size: 17px;
}
.phone__input-popup::placeholder {
color: #777;
font-size: 17px;
}
.phone__input-popup:focus {
outline: 2px solid #70BF4F;
}
.popup__input-container {
z-index: 123;
position: relative;
background: #fff;
margin-right: 115px;
padding: 19px;
border: 4px solid #70BF4F;
border-radius: 8px;
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
width: 100%;
z-index: 23;
}
.popup__title {
text-align: center;
font-size: 32px;
margin-bottom: 16px;
font-family: 'Circe';
font-weight: bold;
}
.popup__close {
text-align: center;
cursor: pointer;
margin-top: 12px;
}
.popUp__active {
transform: translateY(0) !important;
position: fixed;
}
#popUpOpen {
cursor: pointer;
}
.green__start {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/green__start-bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center bottom;
padding: 271px 0;
}
.green__start-title {
font-family: 'Circe';
font-weight: 700;
font-size: 76px;
color: #fff;
z-index: 123;
position: relative;
line-height: 84px;
margin-bottom: 12px;
}
.green__start-subtitle {
font-family: 'PT Root UI';
z-index: 123;
position: relative;
font-weight: 500;
font-size: 18px;
line-height: 26px;
color: #fff;
}
.green__start-ill {
position: absolute;
right: -1%;
top: 90px;
}
.green__mng {
padding: 150px 0 120px 0;
}
.green__mng-title {
font-family: 'Circe';
font-weight: 700;
font-size: 58px;
text-align: center;
}
.green__mng-paragraph {
font-family: 'PT Root UI';
font-weight: 400;
font-size: 20px;
line-height: 22px;
text-align: center;
margin: 20px 0;
}
.green__phone {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/green__phone-bg.png);
background-size: cover;
background-repeat: no-repeat;
background-position: bottom;
padding-top: 48px;
}
.green__phone-title {
color: #fff;
font-family: 'Circe';
font-size: 58px;
font-weight: 700;
margin-bottom: 12px;
}
.green__phone-subtitle {
color: #fff;
font-family: 'PT Root UI';
font-weight: 500;
font-size: 18px;
margin-bottom: 24px;
line-height: 26px;
}
.green__cost {
padding: 44px 0 64px 0;
}
.green__cost-title {
font-family: 'Circe';
font-weight: 700;
font-size: 58px;
color: #222;
margin-bottom: 16px;
}
.green__cost-subtitle {
font-family: 'Circe';
color: #555;
font-size: 22px;
font-weight: 700;
margin-bottom: 10px;
}
.green__cost-paragraph {
font-family: 'PT Root UI';
font-weight: 400;
font-size: 20px;
color: #555;
margin-bottom: 48px;
}
.green__cost-item_title {
font-family: 'Circe';
font-weight: 700;
font-size: 32px;
text-align: center;
color: #70BF4F;
margin-bottom: 32px;
}
.green__cost-item_paragraph {
font-family: 'PT Root UI';
font-weight: 400;
font-size: 24px;
line-height: 22px;
text-align: center;
}
.green__cost-item {
background: #fff;
border: 1px solid #eee;
border-radius: 25px;
padding: 66px 43px 48px 43px;
}
.green__cost-item_power {
font-family: 'PT Root UI';
font-size: 24px;
font-weight: 400;
line-height: 22px;
margin: 23px 0;
text-align: center;
}
.green__adv {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/green__adv.png);
background-position: center;
background-size: cover;
padding: 64px 0;
}
.green__adv-title {
color: #fff;
font-family: 'Circe';
font-weight: 700;
font-size: 58px;
margin-bottom: 42px;
}
.green__adv-item {
background: #fff;
border: 1px solid #eee;
border-radius: 25px;
padding: 45px 36px;
max-height: 375px;
height: 100%;
}
.green__adv-item_title {
font-family: 'Circe';
font-weight: 700;
font-size: 22px;
color: #222;
margin-bottom: 16px;
}
.green__adv-item_paragraph {
font-family: 'PT Root UI';
font-weight: 400;
font-size: 18px;
line-height: 22px;
color: #555;
}
.green__con-title {
font-family: 'Circe';
font-weight: 700;
font-size: 58px;
color: #222;
text-align: center;
margin-bottom: 20px;
}
.green__con-subtitle {
font-family: 'PT Root UI';
text-align: center;
font-weight: 400;
font-size: 20px;
line-height: 22px;
margin-bottom: 42px;
color: #555;
}
.green__con {
padding: 64px 0 42px 0;
}
.green__con-item {
height: 91px;
}
.green__con-icon {
margin-right: 16px;
}
.green__con-item_title {
color: #222;
font-family: 'Circe';
font-size: 18px;
font-weight: 700;
line-height: 22px;
margin-bottom: 4px;
}
.green__con-item_paragraph {
color: #555;
font-family: 'PT Root UI';
font-weight: 400;
font-size: 20px;
line-height: 22px;
}
.green__join-title {
color: #222;
font-family: 'Circe';
font-size: 46px;
font-weight: 700;
margin-bottom: 10px;
}
.green__join-paragraph {
margin: 10px 0;
font-family: 'PT Root UI';
font-weight: 400;
font-size: 16px;
line-height: 22px;
color: #555;
}
.green__join-img {
border-radius: 25px;
border: 1px solid #70BF4F;
}
.green__join {
padding-bottom: 48px;
}
.green__qna {
padding: 64px;
}
.green__qna-title {
font-size: 58px;
font-weight: 700;
font-family: 'Circe';
color: #222;
margin-bottom: 16px;
}
.green__qna-subtitle {
font-family: 'Circe';
font-weight: 700;
font-size: 22px;
color: #555;
margin-bottom: 32px;
}
.green__qna-item {
background: #fff;
border: 1px solid #eee;
border-radius: 25px;
padding: 40px 50px;
}
.green__qna-item_title {
font-family: 'Circe';
text-align: center;
font-weight: 700;
font-size: 22px;
margin-bottom: 16px;
}
.green__qna-item_paragraph {
color: #555;
text-align: center;
font-family: 'PT Root UI';
font-weight: 400;
font-size: 18px;
line-height: 22px;
}
.green__qna-item_list li {
text-align: start !important;
}
.green__phone-button {
width: 320px;
}
a.button {
background: #2B2B2B;
font-size: 16px;
font-weight: 700;
color: #fff;
text-align: center;
padding: 17px 40px;
border-radius: 15px;
display: inline-block;
font-family: "PT Root UI";
}
a.button:hover {
color: #fff;
}
#popUpOpen {
background: #70BF4F !important;
}
.slider__wrapper {
max-width: 410px !important;
width: 100%;
}
.start {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/start_bg.png);
position: relative;
padding: 200px 0 326px 0;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.start__title {
font-size: 76px;
color: #fff;
line-height: 110%;
font-weight: bold;
font-family: "Circe";
margin-bottom: 14px;
z-index: 12;
}
.start__subtitle {
color: #fff;
font-weight: 500;
font-size: 18px;
font-family: "PT Root UI";
line-height: 26px;
margin-bottom: 50px;
position: relative; }
.start__button {
font-weight: bold;
font-family: "PT Root UI";
margin-right: 16px;
z-index: 2;
}
.start__button img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.start__button-check {
color: #70BF4F !important;
font-weight: bold;
font-family: "PT Root UI";
background: #fff !important;
z-index: 222;
position: relative;
}
.start__button-check::after {
content: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/start_icon-3.svg);
position: absolute;
top: 64px;
left: 65px;
}
.start__button-check::before {
content: "+2 подарка";
color: #fff;
font-family: "PT Root UI";
font-weight: 700;
font-size: 16px;
position: absolute;
top: 62px;
left: 90px;
}
.start__button-check img {
width: 24px;
height: 24px;
margin-right: 10px;
}
.start__house {
position: absolute;
right: 0;
top: 0;
}
.start__house-mob {
position: absolute;
top: 10%;
right: -10%;
width: 80%;
}
.start__panel-left {
position: absolute;
top: 240px;
right: 350px;
-webkit-animation: solar-left 3s 100;
animation: solar-left 3s 100;
}
.start__panel-right {
position: absolute;
right: 210px;
top: 185px;
-webkit-animation: solar-right 4s 100;
animation: solar-right 4s 100;
}
@-webkit-keyframes solar-left {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes solar-left {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
50% {
-webkit-transform: translateY(-60px);
transform: translateY(-60px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes solar-right {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
33% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes solar-right {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
33% {
-webkit-transform: translateY(-70px);
transform: translateY(-70px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.advantages {
padding: 240px 0 123px 0;
}
.advantages__item-bubble {
position: relative;
}
.advantages__wrapper {
transition: .3s ease;
cursor: pointer;
}
.advantages__item:hover .advantages__wrapper{
-webkit-box-shadow: 0px 0px 6px 1px rgba(112,191,79,1);
-moz-box-shadow: 0px 0px 6px 1px rgba(112,191,79,1);
box-shadow: 0px 0px 6px 1px rgba(112,191,79,1);
}
.advantages__item-bubble::before {
z-index: -1;
display: block;
content: "";
position: absolute;
width: 640px;
height: 640px;
top: -80%;
left: -20%;
background: #E5F3D2;
opacity: 0.55;
border-radius: 50%;
}
.advantages__wrapper {
border-radius: 25px;
border: 1px solid #eee;
padding: 64px 0;
background: #fff;
}
.advantages__icon {
background: #70BF4F;
padding: 18px;
border-radius: 12px;
}
.phone {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/phone_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
padding-top: 64px;
}
.phone__title {
font-family: "Circe";
font-weight: 700;
line-height: 110%;
font-size: 64px;
color: #fff;
}
.phone__subtitle {
margin: 12px 0 42px 0;
font-weight: 500;
font-size: 22px;
line-height: 26px;
color: #fff;
font-family: "PT Root UI";
}
.phone__input {
border: 1px solid #e8e8e8;
border-radius: 18px;
padding: 0 23px;
width: 97%;
height: 54px;
}
.phone__input::-webkit-input-placeholder {
color: #777;
font-size: 17px;
}
.phone__input::-moz-placeholder {
color: #777;
font-size: 17px;
}
.phone__input:-ms-input-placeholder {
color: #777;
font-size: 17px;
}
.phone__input::-ms-input-placeholder {
color: #777;
font-size: 17px;
}
.phone__input::placeholder {
color: #777;
font-size: 17px;
}
.phone__input:focus {
outline: 2px solid #70BF4F;
}
.phone__input:nth-child(2) {
margin: 0 16px;
}
.phone__input-container {
z-index: 123;
position: relative;
background: #fff;
margin-right: 115px;
padding: 19px;
border: 15px solid #70BF4F;
border-radius: 28px;
-webkit-transform: translateX(-15px);
-ms-transform: translateX(-15px);
transform: translateX(-15px);
width: 100%;
z-index: 23;
}
.phone__button {
text-align: center;
background: #2b2b2b;
color: #fff;
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;
height: 53px;
border-radius: 15px;
}
.phone__agreement {
font-family: "PT Root UI";
font-size: 16px;
margin: 0;
}
.phone__agreement-container {
margin-top: 16px;
}
.phone__agreement a {
color: #3F8AE0;
text-decoration: underline !important;
}
.phone__checkbox {
width: 20px;
height: 20px;
margin-right: 12px;
}
.reviews {
padding: 150px 0 120px 0;
}
.reviews__item {
width: 100% !important;
padding: 24px;
border-radius: 25px;
border: #eee solid 1px;
margin: 0 8px;
}
.reviews__avatar {
width: 52px;
height: 52px;
border-radius: 50%;
aspect-ratio: 1 / 1 !important;
}
.reviews__name {
font-family: "Circe";
font-size: 18px;
font-weight: 700;
margin-top: 18px;
margin-bottom: 6px;
}
.reviews__date {
font-size: 14px;
font-family: "Circe";
font-size: 14px;
color: #777;
font-weight: 400;
}
.reviews__paragraph {
color: #555;
font-size: 16px;
margin: 6px 0;
font-family: "Circe";
display: -webkit-box;
-webkit-line-clamp: 7;
-webkit-box-orient: vertical;
overflow: hidden;
}
.reviews__top {
position: relative;
}
.reviews__title {
margin-bottom: 50px;
font-size: 58px;
font-family: "Circe";
font-weight: 700;
color: #222;
}
.reviews__subtitle {
position: absolute;
top: 45px;
left: 45%;
color: #fff;
background: #70BF4F;
-webkit-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
font-size: 13px;
font-family: "Circe";
font-weight: 700;
padding: 7px 14px;
border-radius: 9px;
}
.certificates {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/certificate_bg.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 80px 0 120px 0;
}
.certificates__title {
text-align: center;
font-family: "Circe";
color: #fff;
font-size: 58px;
font-weight: 700;
line-height: 54px;
margin-bottom: 44px;
}
.certificates__image {
border: 15px solid #fff;
border-radius: 25px;
width: 252px;
height: 359px;
aspect-ratio: 252 / 359 !important;
}
.earning {
padding: 100px 0;
}
.earning__text-container {
position: relative;
}
.earning__container {
position: relative;
}
.earning__title {
color: #222;
font-family: "Circe";
font-weight: 700;
font-size: 58px;
line-height: 64px;
z-index: 3123;
position: relative;
}
.earning__subtitle {
color: #777;
font-weight: 500;
font-size: 18px;
line-height: 26px;
font-family: "PT Root UI";
margin: 12px 0 32px 0;
position: relative;
z-index: 123123;
}
.earning__greentitle {
position: absolute;
top: 106px;
left: 288px;
color: #fff;
background: #70BF4F;
-webkit-transform: rotate(-4deg);
-ms-transform: rotate(-4deg);
transform: rotate(-4deg);
font-size: 13px;
font-family: "Circe";
font-weight: 700;
padding: 7px 14px;
border-radius: 9px;
z-index: 2223123;
}
.earning__button {
margin-right: auto;
background: #70BF4F !important;
}
.earning__illustration {
position: absolute;
right: -80px;
top: -50px;
}
.earning__inner {
padding: 32px 0;
}
.requirements__title::before {
background: rgba(229, 243, 210, 0.55);
content: "";
display: block;
position: absolute;
border-radius: 50%;
width: 636px;
height: 636px;
top: -20px;
z-index: -1;
}
.requirements__wrapper {
padding: 48px 36px;
background: #fff;
border-radius: 25px;
border: 1px solid #eee;
min-height: 400px;
position: relative;
}
.requirements__img {
background: #70BF4F;
padding: 18px;
border-radius: 12px;
margin-bottom: 18px;
}
.requirements__paragraph {
font-family: "PT Root UI";
font-weight: 400;
font-size: 16px;
line-height: 22px;
}
.work {
padding: 128px 0;
}
.work__title {
font-family: "Circe";
font-size: 58px;
font-weight: 700;
line-height: 110%;
color: #222;
}
.work__desc {
font-family: "Circe";
font-size: 18px;
font-weight: 700;
margin-left: 8px;
}
.work__item {
margin: 6px 0;
}
iframe {
width: 100%;
height: 350px;
border-radius: 25px;
}
.discount {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/discount_bg.png);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
padding: 140px 0;
}
.discount__container {
position: relative;
}
.discount__title {
font-family: "Circe";
font-size: 46px;
font-weight: 700;
position: relative;
z-index: 123123;
color: #fff;
}
.discount__illustration {
position: absolute;
right: 0;
top: -100px;
}
.begin {
position: relative;
padding: 90px 0;
}
.begin__title {
font-size: 58px;
font-weight: bold;
font-family: "Circe";
margin-bottom: 42px;
}
.begin__icon {
width: 56px;
height: 56px;
-webkit-transform: translateX(-40%);
-ms-transform: translateX(-40%);
transform: translateX(-40%);
margin-bottom: 22px;
}
.begin__number {
color: #fff;
background: #70BF4F;
font-family: "Circe";
font-size: 12px;
font-weight: 700;
width: 16px;
height: 16px;
text-align: center;
border-radius: 50%;
outline: #70BF4F solid 3px;
outline-offset: 3px;
}
.begin__trace {
background: #F1F9E6;
content: "";
display: block;
top: 0;
position: relative;
top: 87px;
z-index: -1;
-webkit-transform: translateX(18px);
-ms-transform: translateX(18px);
transform: translateX(18px);
height: 4px;
}
.begin__name {
font-family: "Circe";
font-size: 18px;
font-weight: bold;
color: #222;
margin-top: 22px;
margin-bottom: 10px;
}
.begin__paragraph {
color: #555;
font-size: 16px;
font-family: "PT Root UI";
line-height: 22px;
}
.begin__link {
color: #70BF4F;
text-decoration: underline !important;
}
.completed {
background: #FAFAFA;
padding: 72px 0 92px 0;
}
.completed__title {
font-family: "Circe";
font-size: 46px;
line-height: 54px;
color: #222;
font-weight: bold;
margin-bottom: 32px;
}
.completed__image {
border-radius: 25px;
margin-bottom: 16px;
}
.completed__text {
background: #fff;
padding: 19px 30px;
border-radius: 23px;
border: 1px solid #eee;
}
.completed__name {
font-family: "Circe";
font-size: 18px;
font-weight: bold;
color: #222;
margin-bottom: 4px;
}
.completed__location p {
font-family: "PT Root UI";
font-size: 15px;
color: #555;
line-height: 22px;
}
.api {
padding: 92px 0;
}
.api__title {
font-size: 46px;
font-weight: bold;
font-family: "Circe";
color: #222;
margin-bottom: 17px;
}
.api__title:first-child {
margin-bottom: 44px !important;
}
.api__icon {
background: #70BF4F;
padding: 10px;
border-radius: 50%;
margin-left: 8px;
}
.api__img {
margin-bottom: 72px;
}
.api__paragraph {
font-family: "PT Root UI";
font-size: 16px;
line-height: 22px;
color: #555;
margin-bottom: 28px;
}
.api__subtitle {
font-size: 18px;
font-weight: bold;
font-family: "Circe";
}
.api ul li {
font-family: "PT Root UI";
font-size: 16px;
}
.api li::before {
content: "•";
color: #70BF4F;
display: inline-block;
width: 9px;
height: 12px;
font-size: 36px;
-webkit-transform: translate(-8px, 4px);
-ms-transform: translate(-8px, 4px);
transform: translate(-8px, 4px);
}
.cons {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/consulting_bg.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
padding: 64px 0;
position: relative;
overflow-x:hidden;
}
.cons__title {
font-family: "Circe";
font-size: 46px;
font-weight: bold;
line-height: 54px;
color: #fff;
margin-bottom: 13px;
position: relative;
z-index: 123132;
}
.cons__subtitle {
font-family: "PT Root UI";
font-weight: 500;
line-height: 26px;
margin-bottom: 42px;
color: #fff;
position: relative;
z-index: 123123;
}
.cons__illustration {
position: absolute;
right: -100px;
top: -50px;
width: 700px;
}
.calc__bg {
background: url(//alternative24.com.ua/wp-content/themes/solar_theme/assets/img/calc_bg.png);
background-position: center;
background-repeat: no-repeat;
height: 1000px;
background-size: cover;
}
.range .field {
height: 80px;
border-radius: 10px;
padding: 0 65px 0 45px;
}
.range .field {
position: relative;
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;
height: 100%;
}
.range .field .value {
position: absolute;
font-size: 16px;
color: #8C94A8;
font-family: "PT Root UI";
font-weight: 500;
}
.sliderValue input#value__numberMoj, .sliderValue input#value__numberSize {
background: #fff;
outline: none;
border: none;
appearance: none;
text-align: center;
position: absolute;
top: 13px;
font-size: 20px;
border-radius: 8px;
z-index: 123;
color: #2A2A30;
left: -13px;
top: 10px;
}
.sliderValue input#value__rangeMoj, .sliderValue input#value__rangeSize {
background: #BCC3D2;
width: 90%;
position: absolute;
bottom: -55px;
transform: translateX(-43%);
height: 2px;
appearance: none;
}
.sliderValue input#value__number:focus {
outline: 1px solid #70BF4F;
}
.sliderValue {
z-index: 123;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
-webkit-appearance: none;
appearance: none;
} 
.range .field .value.left {
left: 23px;
bottom: 18px;
}
.range .field .value.right {
right: 16px;
bottom: 18px;
}
.value__container-minus {
position: absolute;
left: 24px;
width: 36px;
height: 36px;
border-radius: 50%;
border: none;
background: none;
background: transparent;
}
.value__container-minus img {
position: absolute;
top: 0;
left: 0;
}
.value__container-plus {
position: absolute;
right: -24px;
width: 36px;
height: 36px;
border-radius: 50%;
border: none;
background: transparent;
}
.value__container-plus img {
position: absolute;
top: 0;
right: 0;
}
.calc__desc {
margin-bottom: 13px;
font-size: "PT Root UI";
color: #555555;
font-weight: 400;
font-size: 15px;
margin-top: 20px;
}
.calc__button {
max-width: 426px;
width: 100%;
margin-top: 18px;
background: #70BF4F;
color: #fff;
font-weight: 500;
font-family: 'Circe';
padding: 7px 0;
font-size: 20px;
border: none;
border-radius: 8px;
}
.range {
background: #F4F6FB;
max-width: 426px;
height: 56px;
border-radius: 8px;
width: 100%;
}
.range .field input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
height: 2px;
width: 385px;
background: #70BF4F;
border-radius: 5px;
outline: none;
border: none;
position: absolute;
bottom: 0;
left: 20px;
}
input[type="range"]::-webkit-slider-thumb {
-webkit-appearance: none;
border: none;
height: 16px;
width: 16px;
border-radius: 50%;
background: #70BF4F;
z-index: 123123123;
position: relative;
}
input[type="range"]::-webkit-slider-thumb:hover {
background: #5ea042;
}
.range .sliderValue {
position: relative;
width: 100%;
}
.sliderValue {
transform: translateX(43%);
}
.range .sliderValue span {
position: absolute;
height: 27px;
width: 69px;
font-weight: 500;
line-height: 30px;
text-align: center;
-webkit-transform: translate(-50%, 5px);
-ms-transform: translate(-50%, 5px);
transform: translate(-50%, 5px);
left: 6%;
z-index: 23;
top: 8px;
color: rgba(42,42,42.7);
font-size: 20px;
font-family: "Circe";
background: #fff;
}
.calc__title {
color: #222;
font-family: 'Circe';
font-weight: bold;
font-size: 58px;
margin-bottom: 4px;
}
.calc__subtitle {
font-family: 'PT Root UI';
color: #555;
font-weight: 500;
font-size: 18px;
}
.calc__cost-cost {
font-family: 'Circe';
font-weight: bold;
font-size: 40px;
color: #70BF4F;
}
.calc__ses-title {
font-family: 'PT Root UI';
font-size: 15px;
font-weight: normal;
color: #555555;
margin-top: 18px;
margin-bottom: 8px;
}
.calc__ses-amount {
font-family: 'Circe';
font-weight: bold;
font-size: 18px;
}
.burger {
width: 100vw;
height: 100vh;
position: absolute;
z-index: 123123123;
background: #fff;
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%);
overflow-y: hidden;
-webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
-o-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
overflow-x: hidden;
}
.burger__info {
z-index: 123123;
}
.burger__link {
font-size: 24px;
font-family: "Circe";
margin: 3px 0;
z-index: 123123123231;
mix-blend-mode: difference;
color: #fff;
}
.burger__link:hover {
color: #70BF4F;
}
.burger__number {
color: #fff;
font-family: "PT Root UI";
font-weight: bold;
font-size: 22px;
margin-bottom: 6px;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.burger__number:hover {
color: #111;
}
.burger__schedule {
font-family: "PT Root UI";
color: #E2E2E2;
font-weight: bold;
}
.burger__close {
z-index: 2323;
} .burger__is-active {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
}
.header {
background: #fff;
position: relative;
z-index: 123123;
}
.header__top {
border-bottom: solid #f3f3f3 1px;
}
.header__bottom {
padding: 16px 0;
}
.header__link {
color: #222;
font-family: "Circe";
font-weight: 700;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.header__link:hover {
color: #70BF4F;
}
.header__advantage-text {
margin-left: 12px;
}
.header__advantage-title {
font-family: "Circe";
font-weight: 700;
font-size: 18px;
line-height: 18px;
margin: 0;
color: #222;
-webkit-transition: 0.3s ease;
-o-transition: 0.3s ease;
transition: 0.3s ease;
}
.header__advantage-title:hover {
color: #70BF4F;
}
.header__advantage-subtitle {
margin: 0;
color: #777;
font-size: 15px;
line-height: 21px;
font-weight: 500;
}
.footer {
z-index: 223;
position: relative;
padding-top: 42px;
background: #111;
}
.footer__logo {
width: 154px;
height: 124px;
}
.footer__icon {
margin-right: 12px;
-webkit-transform: translateY(-14px);
-ms-transform: translateY(-14px);
transform: translateY(-14px);
}
.footer__social-wrapper {
margin: 18px 0;
}
.footer__link {
color: #E8E8E8;
font-family: "Circe";
display: block;
width: auto;
font-size: 18px;
-webkit-transition: 0.2s ease;
-o-transition: 0.2s ease;
transition: 0.2s ease;
}
.footer__link:hover {
color: #70BF4F;
}
.footer__title {
margin-bottom: 6px;
font-size: 18px;
font-family: 'PT Root UI';
font-weight: 500;
color: #525252;
text-transform: uppercase;
}
.footer__copy {
font-family: 'Circe';
font-size: 15px;
font-weight: bold;
color: #525252;
}
.footer__social img {
margin: 0 4px;
}
.splide__arrow svg {
width: 64px !important;
height: 64px !important;
}
.splide__arrow {
width: 52px !important;
height: 52px !important;
background: transparent !important;
border: solid #70BF4F 3px !important;
}
.splide__arrow svg path {
fill: #70BF4F;
-webkit-transform: translate(12px, 14px);
-ms-transform: translate(12px, 14px);
transform: translate(12px, 14px);
}
.splide__arrow--prev {
-webkit-transform: rotateY(180deg) !important;
transform: rotateY(180deg) !important;
margin-left: -80px;
}
.splide__arrow--next {
-webkit-transform: rotateY(-180deg) !important;
transform: rotateY(-180deg) !important;
margin-right: -80px;
}
.splide__pagination {
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px);
}
.splide__pagCustom, .splide__pagCustom-white {
background: #E2E2E2 !important;
-webkit-transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;
-o-transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;
transition: 0.3s cubic-bezier(0.68, -0.55, 0.27, 1.55) !important;
}
.splide__pagCustom.is-active {
background: #70BF4F !important;
padding: 0 20px;
margin: 3px 4px;
border-radius: 48px !important;
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.splide__arrows {
-webkit-transform: translateY(170px);
-ms-transform: translateY(170px);
transform: translateY(170px);
}
.splide__pagCustom-white.is-active {
background: #fff !important;
padding: 0 20px;
margin: 3px 4px;
border-radius: 48px !important;
-webkit-transform: scale(1) !important;
-ms-transform: scale(1) !important;
transform: scale(1) !important;
}
.splide__pagination__page, .splide__pagination__page-white {
opacity: 1 !important;
}
.splide__pagination--ltr {
-webkit-transform: translateY(64px);
-ms-transform: translateY(64px);
transform: translateY(64px);
}
.splide__arrow-white {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 50%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0;
position: absolute;
top: 50%;
z-index: 1;
width: 52px !important;
height: 52px !important;
background: transparent !important;
border: solid #fff 3px !important;
}
.splide__arrow-white svg path {
fill: #fff;
}
.splide__arrow--prev_white {
-webkit-transform: rotateY(180deg) !important;
transform: rotateY(180deg) !important;
margin-left: -80px;
}
.splide__arrow--prev_white svg {
-webkit-transform: scale(-1);
-ms-transform: scale(-1);
transform: scale(-1);
}
.splide__arrow--next_white {
-webkit-transform: rotateY(-180deg) !important;
transform: rotateY(-180deg) !important;
margin-right: -80px;
}
.discount__illustration, .earning__illustration, .cons__illustration {
z-index: 0;
}
a.button_catalog_cus.button.wp-element-button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
width: fit-content;
padding: 13px 30px;
}
ul.products li.product img {
display: block;
width: 100%;
height: auto;
}
body.page-template.page-template-green {
overflow-x: hidden;
}
@media (max-width: 1200px) {
.phone__button {
margin: 4px 0;
}
.wpcf7-form-control-wrap {
margin: 4px 0;
}
.phone__input, .phone__button {
width: 100%;
height: 53px;
}
.green__start-ill {
right: -25% !important;
}
.phone__input:nth-child(2) {
margin: 12px 0;
}
.phone__input-container {
-webkit-transform: translate(0);
-ms-transform: translate(0);
transform: translate(0);
}
.earning__illustration {
right: -260px;
}
.work {
padding: 48px 0;
}
.discount__illustration {
right: -20%;
top: -100px;
}
.cons__illustration {
right: -400px;
top: 0;
}
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.phone__img {
-webkit-transform: translateY(56px) !important;
-ms-transform: translateY(56px) !important;
transform: translateY(56px) !important;
}
}
@media (max-width: 992px) {
.green__mng {
padding: 64px 0 !important;
}
.start__house-mob {
top: 30%;
width: 100%;
}
.green__start-ill {
display: none !important;
}
.calc__title {
font-size: 38px !important;
}
.calc__subtitle {
font-size: 16px !important;
}
.begin__icon {
margin: 0;
-webkit-transform: unset;
-ms-transform: unset;
transform: unset;
}
.discount__illustration {
right: -40% !important;
}
}
@media (max-width: 768px) {
.discount__illustration, .cons__illustration {
right: -65%;
}
.earning__illustration {
top: 10%;
}
.discount__illustration {
top: -20%;
}
.start__house-mob {
top: 60% !important;
}
.start__title, .green__start-title {
font-size: 48px;
}
.phone__title, .reviews__title, .earning__title, .work__title, .discount__title, .begin__title, .completed__title, .api__title, .api__title-icon, .cons__title, .green__adv-title, .green__con-title, .green__mng-title, .green__qna-title, .green__cost-title, .green__join-title, .green__phone-title {
font-size: 36px !important;
}
.phone__title {
margin-top: 24px;
}
.phone__subtitle {
margin-bottom: 12px;
}
.reviews {
padding: 64px 0 92px 0;
}
.reviews__subtitle {
-webkit-transform: rotate(-6deg) translateY(-16px);
-ms-transform: rotate(-6deg) translateY(-16px);
transform: rotate(-6deg) translateY(-16px);
}
.certificates {
padding: 64px 0 92px 0;
}
.earning__title {
line-height: unset;
}
.earning__illustration {
top: -70px;
}
.earning__greentitle {
-webkit-transform: rotate(-4deg) translate(-100px, -30px);
-ms-transform: rotate(-4deg) translate(-100px, -30px);
transform: rotate(-4deg) translate(-100px, -30px);
}
.begin {
padding: 42px 0;
}
}
@media screen and (max-width: 600px) {
.reviews .splide__arrow--next {
right: 3em!important;
}	
.reviews .splide__arrow--prev {
left: 3em!important;
}		
.completed .splide__slide img {
width: fit-content!important;
object-fit: cover!important;
margin: 0 auto!important;
}	
.splide__arrow--prev {
left: 3em!important;
}	
.splide__arrow--next {
right: 3em!important;
}	
.splide__arrows {
z-index: 99!important;
position: relative!important;
}	
.splide__arrow {
background: #ffffff!important;
opacity: 1!important;
}
.splide__arrow-white svg path {
fill: #70BF4F;
}	
.reviews__subtitle {
width: 88%!important;
left: 6%!important;
}	
}
@media screen and (max-width: 375px) {
.splide__arrow--prev {
left: 3.3em!important;
}	
.splide__arrow--next {
right: 3.3em!important;
}	
}