💎 Brilliant Solar - найкраще рішення для вашого дому
.b-user-content_type_colored {padding: 0;}
@keyframes zoom{
0%{transform:translateX(0) scale(1)}
50%{transform:translateY(0px) scale(1.1)}
99%{transform:translateX(0) scale(1)}}
@keyframes movingX{
0%{transform:translateX(0)}
50%{transform:translateX(50px)}
99%{transform:translateX(0)}}
@keyframes movingY{
0%{transform:translateX(0) scale(1)}
50%{transform:translateX(-50px) scale(1.1)}
99%{transform:translateX(0) scale(1)}}
p.text{font-weight: 400;font-size: 18px;color: #1C1C1C;font-family: 'Montserrat', sans-serif;margin: 0 !important;line-height: normal;}
p.title{font-weight: 700;font-size: 34px;color: #1C1C1C;font-family: 'Unbounded', sans-serif;margin: 0 !important;line-height: normal;text-transform: uppercase;}
.body a{font-weight: 700;color: #1C1C1C;font-family: 'Unbounded', sans-serif;margin: 0 !important;line-height: normal;text-transform: uppercase;}
*{padding: 0;margin: 0;border: 0;}
.body a{
text-decoration: none !important;
}
.body{
z-index: 0;
position: relative;
background: #fff;
overflow: hidden;
}
.container{
width: 100%;
box-sizing: border-box;
margin: 0 auto;
max-width: 1000px;
}
.btn{
border-radius: 0px 30px 30px 30px;
background: #FADB33;
min-width: max-content;
width: fit-content;
display: flex;
align-items: center;
justify-content: center;
z-index: 3;
transition: all 0.3s ease;
margin: 0 !important;
color: #000 !important;
font-size: 12px;
position: relative;
width: 280px;
height: 56px;
}
.btn:hover{
color: #FADB33 !important;
transition: all 0.3s ease;
background: #000;
}
.head {
position: relative;
padding-top: 45px;
padding-bottom: 205px;
z-index: 2;
}
.head .title{
width: 755px;
margin: 0 auto !important;
}
.bg_body {
border-radius: 0px 0px 80px 80px;
overflow: hidden;
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.head_bg{
width: 100%;
height: auto !important;
object-fit: cover;
}
.head_img {animation: zoom 15s infinite linear;
width: 1200px;
height: auto;
position: absolute;
bottom: -300px;
right: 0;
z-index: 2;
pointer-events: none;
}
.head_row {
text-align: center;
position: relative;
z-index: 1;
}
.nav {
margin-bottom: 90px;
padding: 24px 30px;
display: flex;
align-items: flex-start;
justify-content: space-between;
border-radius: 260px;
background: linear-gradient(124deg, rgba(255, 255, 255, 0.40) 11.74%, rgba(255, 255, 255, 0.10) 87.03%);
box-shadow: 0px 45.024px 72.36px -1.608px rgba(0, 0, 0, 0.05);
backdrop-filter: blur(32.15999984741211px);
}
.logo {
display: flex;
align-items: start;
}
.logo_img {
width: 36px;
height: 40px;
margin-right: 14px;
}
.logo .title {
font-size: 18px;
}
.soc_link {
display: flex;
}
.div_soc {
position: relative;
width: 28px;
height: 28px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
border-radius: 50%;
overflow: hidden;
transition: all 0.3s ease;
}
.div_soc:hover{
scale: 1.2;
transition: all 0.3s ease;
}
.div_soc:last-child{
margin-right: 0;
}
.rol_link {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
z-index: 3;
}
.img_link {
width: 100%;
}
.head_row .text {
margin: 28px auto 28px auto !important;
width: 400px;
}
.head_row .btn {
margin: 0 auto !important;
}
.plus {
z-index: 1;
position: relative;
border-radius: 0 0 60px 60px;
overflow: hidden;
margin-top: -110px;
}
.plus_bg {
position: absolute;
z-index: 0;
pointer-events: none;
bottom: 0;
left: 0;
width: 100%;
height: auto !important;
object-fit: cover;
}
.plus_row {
position: relative;
z-index: 1;
text-align: center;
padding-top: 380px;
padding-bottom: 110px;
display: flex;
flex-direction: column;
align-items: center;
}
.plus .text {
font-size: 20px;
margin-bottom: 15px !important;
}
.plus .title{
width: 460px;
}
.plus_list {
width: 100%;
margin-top: 60px;
display: flex;
align-items: start;
justify-content: space-between;
}
.plus_item {
position: relative;
}
.plus_item:hover .plus_item_img{
transition: all 0.3s ease;
scale: 1.3;
}
.plus_item:after{
content: '';
position: absolute;
z-index: 0;
border-radius: 30px;
opacity: 0.6;
background: #FFF;
width: 80%;
height: 50%;
bottom: -12px;
right: 50%;
transform: translateX(50%);
}
.plus_item_row {
z-index: 2;
position: relative;
border-radius: 0px 30px 30px 30px;
background: #FFF;
width: 254px;
height: 300px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 0 30px;
text-align: center;
}
.text strong{
font-weight: 700;
}
.plus_item_img {
transition: all 0.3s ease;
width: 60px;
height: 60px;
margin-bottom: 28px;
}
.descript{
padding-top: 150px;
padding-bottom: 150px;
margin-top: -70px;
margin-bottom: -70px;
background: #000;
position: relative;
z-index: 0;
}
.descript_row{
display: flex;
align-items: start;
justify-content: space-between;
}
.descript_item{
text-align: center;
width: 190px;
}
.b-user-content img.descript_item_img{height: 60px !important;}
.descript_item_img{
max-width: 60px !important;
height: 60px;
width: auto;
margin-bottom: 24px;
}
.descript_item .text{
font-size: 20px;
color: #fff;
}
.top{
background: #F9F9FB;
position: relative;
z-index: 1;
border-radius: 60px 60px 0px 0px;
padding-top: 120px;
padding-bottom: 90px;
}
.top_row{
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.top .title{
margin-top: 15px !important;
width: 650px;
}
.top_list{
margin-top: 80px;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}
.top_item{
position: relative;
border-radius: 0px 30px 30px 30px;
background: #FFF;
width: 405px;
height: 397px;
padding: 60px 40px;
display: flex;
align-items: center;
justify-content: flex-end;
flex-direction: column;
margin-bottom: 30px;
}
.top_item:hover .btn{
color: #FADB33 !important;
transition: all 0.3s ease;
background: #000;
}
.link_top{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 4;
opacity: 0;
}
.blok_img_top{
position: absolute;
top: 40px;
right: 50%;
transform: translateX(50%);
width: 342px;
height: auto;
}
.blok_img_top:after{
content: '';
width: 194px;
height: 194px;
background: #FADB33;
opacity: 0.2;
filter: blur(17px);
display: block;
position: absolute;
top: 50%;
right: 50%;
transform: translateX(50%) translateY(-50%);
z-index: 0;
}
.img_bg{
position: relative;
z-index: 2;
width: auto;
}
.top_row_item .text{
width: 205px;
margin: 0px auto 35px auto !important;
font-size: 20px;
color: #000;
}
.anim1{
position: absolute;
right: -94px;
top: -100px;
width: 250px;
height: auto;
animation: movingY 7s infinite linear;
}
.contac {
background: #F9F9FB;
z-index: 2;
height: 435px;
position: relative;
}
.contac:after{
content: '';
width: 100%;
height: 50%;
background: #fff;
bottom: 0;
left: 0;
position: absolute;
border-radius: 100px 0px 0px 0px;
}
.contac_img {animation: movingX 10s infinite linear;
position: absolute;
bottom: 0px;
left: 115px;
z-index: 2;
width: 446px;
height: auto !important;
}
.contac_bg {
position: absolute;
top: -65px;
left: 0;
width: 100%;
height: auto !important;
}
.contact_row {
margin-right: 100px;
position: relative;
z-index: 1;
width: 382px;
}
.contact_row .title {
font-size: 30px;
}
.contact_row .text {
font-size: 16px;
margin: 20px 0 40px 0 !important;
}
.soc_row {
display: flex;
align-items: center;
justify-content: space-between;
}
.contact_row .div_soc {
width: 36px;
height: 36px;
}
.contact_row .tel_link {
font-size: 18px;
}
.scheme{
position: relative;
z-index: 1;
margin-top: -20px;
padding-top: 140px;
padding-bottom: 140px;
margin-bottom: -70px;
}
.title_row {
display: flex;
align-items: center;
justify-content: space-between;
}
.scheme_list {
margin-top: 50px;
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}
.scheme_item {
margin-bottom: 27px;
border-radius: 0px 30px 30px 30px;
background: #F9F9FB;
padding: 0 18px;
width: 114px;
height: 260px;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
.scheme_item:hover .num p{
transition: all 0.3s ease;
scale: 1.4;
}
.num {
margin-top: 46px;
margin-bottom: 34px;
width: 60px;
height: 60px;
background: #FADB33;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.num p{
transition: all 0.3s ease;
color: #1C1C1C;
font-size: 20px;
font-family: 'Unbounded', sans-serif;
}
.scheme_item .text{
font-size: 16px;
}
.my_footer {
border-radius: 60px 60px 0px 0px;
background: #1C1C1C;
position: relative;
z-index: 2;
padding: 90px 0 100px 0;
}
.my_footer_img {animation: zoom 10s infinite linear;
position: absolute;
bottom: 0;
right: -80px;
width: 472px;
height: auto !important;
pointer-events: none;
}
.my_footer .title {
color: #fff;
}
.my_footer .soc_row {
justify-content: flex-start;
margin-right: 215px;
}
.my_footer .container{
display: flex;
align-items: center;
justify-content: space-between;
}
.my_footer .div_soc {
width: 36px;
height: 36px;
}
.my_footer .tel_link {
z-index: 2;
position: relative;
margin-left: 50px !important;
color: #fff !important;
font-size: 18px;
}
.my_footer .logo{
display: flex;
align-items: center;
}
.logo_footer_img{
width: 43px;
height: 43px;
margin-right: 17px;
}
.contac .container{
position: relative;
border-radius: 0px 30px 30px 30px;
box-shadow: 0px 24px 74px 0px rgba(0, 0, 0, 0.10);
height: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
overflow: hidden;
z-index: 1;
}
.my_footer .anim1{
left: -295px;
top: -240px;
width: 445px;
animation: movingX 7s infinite linear;
}
@media screen and (max-width: 1200.98px) {
p.text{font-size: 1.50vw;}
p.title{font-size: 2.83vw;}
.container{
max-width: 83.33vw;
}
.btn{
border-radius: 0px 2.50vw 2.50vw 2.50vw;
font-size: 1vw;
width: 23.33vw;
height: 4.67vw;
}
.head {
padding-top: 3.75vw;
padding-bottom: 17.08vw;
}
.head .title{
width: 62.92vw;
}
.bg_body {
border-radius: 0px 0px 6.67vw 6.67vw;
}
.head_img {
bottom: -25vw;
width: 100vw;
}
.nav {
margin-bottom: 5.83vw;
padding: 2vw 2.50vw;
border-radius: 21.67vw;
}
.logo_img {
width: 3vw;
height: 3.33vw;
margin-right: 1.17vw;
}
.logo .title {
font-size: 1.50vw;
}
.div_soc {
width: 2.33vw;
height: 2.33vw;
margin-right: 1.25vw;
}
.head_row .text {
margin: 2.33vw auto 2.33vw auto !important;
width: 33.33vw;
}
.plus {
border-radius: 0 0 5vw 5vw;
margin-top: -9.17vw;
}
.plus_row {
padding-top: 31.67vw;
padding-bottom: 9.17vw;
}
.plus .text {
font-size: 1.67vw;
margin-bottom: 1.25vw !important;
}
.plus .title{
width: 38.33vw;
}
.plus_list {
margin-top: 5vw;
}
.plus_item:after{
border-radius: 2.50vw;
bottom: -1vw;
}
.plus_item_row {
border-radius: 0px 2.50vw 2.50vw 2.50vw;
width: 21.17vw;
height: 25vw;
padding: 0 2.50vw;
}
.plus_item_img {
width: 5vw;
height: 5vw;
margin-bottom: 2.33vw;
}
.descript{
padding-top: 12.50vw;
padding-bottom: 12.50vw;
margin-top: -5.83vw;
margin-bottom: -5.83vw;
}
.descript_item{
width: 15.83vw;
}
.descript_item_img{
max-width: 5vw;
height: 5vw;
margin-bottom: 2vw;
}
.descript_item .text{
font-size: 1.67vw;
}
.top{
border-radius: 5vw 5vw 0px 0px;
padding-top: 10vw;
padding-bottom: 7.50vw;
}
.top .title{
margin-top: 1.25vw !important;
}
.top_list{
margin-top: 6.67vw;
}
.top_item{
border-radius: 0px 2.50vw 2.50vw 2.50vw;
width: 33.75vw;
height: 33.08vw;
padding: 5vw 3.33vw;
margin-bottom: 2.50vw;
}
.blok_img_top{
top: 3.33vw;
width: 28.50vw;
}
.img_bg{
width: 20.50vw;
}
.blok_img_top:after{
width: 16.17vw;
height: 16.17vw;
}
.top_row_item .text{
width: 17.08vw;
margin: 0px auto 2.92vw auto !important;
font-size: 1.67vw;
}
.anim1{
right: -7.83vw;
top: -8.33vw;
width: 20.83vw;
}
.contac {
height: 36.25vw;
}
.contac_img {
left: 9.58vw;
width: 37.17vw;
}
.contac:after{
border-radius: 8.33vw 0px 0px 0px;
}
.b-user-content img.contac_bg{height: 48.5vw !important;}
.contac_bg {
top: -4.17vw;
height: 48.5vw !important;
}
.contact_row {
width: 31.83vw;
}
.contact_row .title {
font-size: 2.50vw;
}
.contact_row .text {
font-size: 1.33vw;
margin: 1.67vw 0 3.33vw 0 !important;
}
.contact_row .div_soc {
width: 3vw;
height: 3vw;
}
.contact_row .tel_link {
font-size: 1.50vw;
}
.scheme{
margin-top: -1.67vw;
padding-top: 11.67vw;
padding-bottom: 11.67vw;
margin-bottom: -5.83vw;
}
.scheme_list {
margin-top: 4.17vw;
}
.scheme_item {
margin-bottom: 2.25vw;
border-radius: 0px 2.50vw 2.50vw 2.50vw;
width: 9.50vw;
height: 19.58vw;
padding: 0 1.50vw;
}
.num {
margin-top: 3.83vw;
margin-bottom: 2.83vw;
width: 5vw;
height: 5vw;
}
.num p{
font-size: 1.67vw;
}
.scheme_item .text{
font-size: 1.33vw;
}
.my_footer {
border-radius: 5vw 5vw 0px 0px;
padding: 5vw 0;
}
.my_footer_img {
width: 36.33vw;
}
.my_footer .soc_row {
margin-right: 17.92vw;
}
.my_footer .div_soc {
width: 3vw;
height: 3vw;
}
.my_footer .tel_link {
margin-left: 2.25vw !important;
font-size: 1.50vw;
}
.my_footer .anim1 {
left: -24.58vw;
top: -20vw;
width: 37.08vw;
}
.logo_footer_img {
width: 3.58vw;
height: 3.58vw;
margin-right: 1.42vw;
}
}
@media screen and (max-width: 763.98px) {
.head .title{width: 100%;}
.my_footer .anim1{display: none;}
p.text{font-size: 18px;}
p.title{font-size: 34px;word-break: break-word;}
.container{
max-width: 100%;
padding: 0 20px;
}
.btn{
border-radius: 0px 30px 30px 30px;
font-size: 12px;
width: 280px;
height: 56px;
}
.head {
padding-top: 45px;
padding-bottom: 205px;
}
.bg_body {
height: 100%;
border-radius: 0px 0px 30px 30px;
}
.b-user-content img.head_bg{
height: 100% !important;
}
.head_bg{
height: 100% !important;
}
.head_img {
display: none;
}
.nav {
flex-direction: column;
align-items: center;
margin-bottom: 70px;
padding: 24px 30px;
border-radius: 260px;
}
.logo_img {
width: 36px;
height: 40px;
margin-right: 14px;
}
.logo .title {
font-size: 18px;
}
.div_soc {
width: 28px;
height: 28px;
margin-right: 15px;
}
.head_row .text {
margin: 28px auto 28px auto !important;
width: 100%;
}
.plus {
border-radius: 0 0 30px 30px;
margin-top: -110px;
}
.b-user-content img.plus_bg{
height: 100% !important;
}
.b-user-content img.contac_bg {
height: 140% !important;
max-width: inherit;
width: 140%;
}
.plus_bg{
height: 100% !important;
}
.plus_row {
padding-top: 190px;
padding-bottom: 110px;
}
.plus .text {
font-size: 16px;
margin-bottom: 15px !important;
}
.plus .title{
width: 100%;
}
.plus_list {
flex-direction: column;
align-items: center;
margin-top: 60px;
}
.plus_item{
margin-bottom: 30px;
}
.plus_item:after{
border-radius: 30px;
bottom: -12px;
}
.plus_item_row {
border-radius: 0px 30px 30px 30px;
width: 170px;
height: 300px;
padding: 0 30px;
}
.plus_item_img {
width: 60px;
height: 60px;
margin-bottom: 28px;
}
.descript{
padding-top: 150px;
padding-bottom: 150px;
margin-top: -70px;
margin-bottom: -70px;
}
.descript_item{
width: 190px;
margin-bottom: 30px;
}
.descript_row{
flex-direction: column;
align-items: center;
}
.descript_item_img{
max-width: 60px;
height: 60px;
margin-bottom: 24px;
}
.descript_item .text{
font-size: 20px;
}
.top{
border-radius: 30px 30px 0px 0px;
padding-top: 120px;
padding-bottom: 90px;
}
.top .title{
margin-top: 15px !important;
}
.top_list{
margin-top: 80px;
flex-direction: column;
flex-wrap: nowrap;
}
.top_item{
border-radius: 0px 30px 30px 30px;
width: 280px;
height: 397px;
padding: 60px 40px;
margin-bottom: 30px;
}
.blok_img_top{
top: 40px;
width: 342px;
}
.img_bg{
width: auto;
}
.blok_img_top:after{
width: 194px;
height: 194px;
}
.top_row_item .text{
width: 205px;
margin: 0px auto 35px auto !important;
font-size: 20px;
}
.anim1{
display: none;
}
.contac {
height: 435px;
}
.contac_img {
display: none;
}
.contac_bg {
top: -50px;
height: 140% !important;
}
.contac .container{
justify-content: center;
}
.contact_row {
width: 100%;
text-align: center;
}
.contact_row .title {
font-size: 30px;
}
.contact_row .text {
font-size: 16px;
margin: 20px 0 40px 0 !important;
}
.contact_row .div_soc {
width: 36px;
height: 36px;
}
.contact_row .tel_link {
font-size: 18px;
margin-top: 20px !important;
}
.soc_row{
flex-direction: column;
align-items: center;
}
.scheme{
margin-top: -20px;
padding-top: 140px;
padding-bottom: 140px;
margin-bottom: -70px;
}
.title_row{
flex-direction: column;
align-items: center;
}
.body_text{
text-align: center;
margin-bottom: 30px;
}
.scheme_list {
margin-top: 50px;
flex-direction: column;
align-items: center;
}
.scheme_item {
margin-bottom: 27px;
border-radius: 0px 30px 30px 30px;
width: 100%;
height: 235px;
}
.num {
margin-top: 46px;
margin-bottom: 34px;
width: 60px;
height: 60px;
}
.num p{
font-size: 20px;
}
.scheme_item .text{
width: 150px;
font-size: 16px;
}
.my_footer {
border-radius: 30px 30px 0px 0px;
padding: 30px 0;
}
.my_footer_img {
display: none;
}
.my_footer .soc_row {
margin-top: 26px;
}
.my_footer .div_soc {
width: 36px;
height: 36px;
}
.my_footer .logo .title{
text-align: center;
width: 100%;
}
.my_footer .tel_link {
font-size: 18px;
margin-top: 20px !important;
margin-left: 0px !important;
}
}
Brilliant Solar
1
1
1
Brilliant Solar - найкраще рішення для вашого дому
якісне обладнання для перетворення сонячної енергії в електричну
- є варіанти під кредит 0%
Перейти в каталог
Наші переваги
Чому варто замовляти у нас?
Встановлено
200+ сонячних електростанцій
Продано більше
2000 комплектів безперебійного живлення
Заощадили клієнтам більше
15млн грн
Надаємо
гарантію
Власний сервісний центр
Постійна техпідтримка
КАТАЛОГ ТОВАРІВ
ОБИРАЙТЕ ТОВАРИ ЯКІ КОРИСТУЮТЬСЯ ПОПИТОМ
1
Інвертори і контролери заряду
Детальніше
1
Акумулятори для сонячних станцій
Детальніше
1
Сонячні панелі
Детальніше
1
Готові Автономні станції
Детальніше
1
Джерела безперебійного живлення
Детальніше
1
Комплектуючі для сонячних станцій
Детальніше
Потрібна консультація?
Зв’яжіться з нам зручним для вас способом і наш менеджер відповість на всі запитання
1
1
1
+38 063 163 00 78
Схема роботи з нами
як ми працюємо
Перейти в каталог
1
Консультація в тел. режимі
2
Виїзд замірщика на обєкт (за потреби)
3
Прорахунок проєкту та 3D візуалізація
4
Підписання договору
5
Доставка
6
Монтаж під ключ
Brilliant Solar
1
1
1
+38 063 163 00 78
