ТОВ "Компанія "Цифрові радіосистеми"
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700;800;900&display=swap');
@-webkit-keyframes header-bg {
0% {opacity: 0; transform: translate(0, 0);}
50% {opacity: .8; transform: translate(-20px, -20px);}
100% {opacity: 0; transform: translate(-30px, -30px);}
}
@keyframes header-bg {
0% {opacity: 0; transform: translate(0, 0);}
50% {opacity: .8; transform: translate(-20px, -20px);}
100% {opacity: 0; transform: translate(-30px, -30px);}
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg) translate(-20px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-20px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-20px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-20px) rotate(-360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg) translate(-20px) rotate(0deg);
-webkit-transform: rotate(0deg) translate(-20px) rotate(0deg);
}
to {
transform: rotate(360deg) translate(-20px) rotate(-360deg);
-webkit-transform: rotate(360deg) translate(-20px) rotate(-360deg);
}
}
.m-body {
min-width: 280px;
max-width: 998px;
background-color: #fff !important;
margin: 0 auto;
padding: 0;
box-sizing: border-box;
font-family: 'Roboto', sans-serif !important;
font-size: 16px !important;
color: #000 !important;
font-weight: 400;
overflow: hidden;
position: relative;
z-index: 0;
line-height: 1.5em;
}
.m-body img {
max-width: none !important;
}
.m-header {
width: 100%;
display: flex;
align-items: center;
justify-content: flex-start;
z-index: 3;
box-sizing: border-box;
position: relative;
text-align: left;
padding: 45px 5% 185px 5%;
background: url("https://i.postimg.cc/15zpn0KJ/header-bg.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.m-header::before {
content: url("https://i.postimg.cc/15zpn0KJ/header-bg.png");
position: absolute;
z-index: -1;
opacity: 0;
right: 0;
bottom: 0;
-webkit-animation: header-bg 5s infinite linear;
animation: header-bg 5s infinite linear;
}
.header-img-1 {
position: absolute;
z-index: 3;
top: -45px;
left: 40%;
-webkit-animation: rotate 15s infinite linear;
animation: rotate 15s infinite linear;
}
.header-img {
position: absolute;
right: 0;
top: 0;
}
.m-header::after {
content: url("https://i.postimg.cc/RFrRw30q/header-after.png");
position: absolute;
z-index: 1;
bottom: -7px;
left: 0;
}
.tel, .tel:hover {
font-size: 21px !important;
color: #fff !important;
text-decoration: none;
}
.tel span {
font-size: 16px !important;
color: #fe663e !important;
text-decoration: none;
}
.m-header-block {
width: 50%;
z-index: 3;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-direction: column;
position: relative;
}
.m-header-title {
color: #fff;
font-size: 18px;
text-transform: uppercase;
position: relative;
box-sizing: border-box;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 10px;
margin: 64px 0 0;
font-weight: 500;
}
.m-header-title::before {
width: 1px;
height: 100%;
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
background: #fe683e;
}
.m-header-text {
font-size: 18px !important;
color: #fff !important;
font-weight: 400 !important;
margin: 0 0 60px;
padding-left: 15px;
padding-top: 20px;
padding-bottom: 10px;
position: relative;
}
.m-header-text::before {
width: 1px;
height: 100%;
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
background: #fe683e;
}
.m-header-text span {
font-size: 18px !important;
color: #fc7843 !important;
font-weight: 800 !important;
}
.base-btn {
width: 180px;
height: 58px;
display: flex;
align-items: center;
justify-content: center;
color: #9e3a20 !important;
text-decoration: none !important;
font-size: 16px;
font-weight: 500;
overflow: hidden;
position: relative;
transition: 0.3s ease-out;
z-index: 4;
border-bottom: 2px solid #d5422e;
background: #fc7442;
border-radius: 10px;
}
.base-btn:hover {
color: #fc7442 !important;
text-decoration: none !important;
background: #9e3a20;
box-shadow: 0 10px 20px 0 rgba(252, 116, 66, 0.569);
}
.header-img {
margin-bottom: -6px;
}
.base__title {
width: 90%;
margin: 20px auto !important;
position: relative;
line-height: 1.3em !important;
font-size: 24px !important;
font-weight: 900 !important;
text-align: left;
color: #000000 !important;
position: relative;
z-index: 3;
font-family: 'Roboto', sans-serif !important;
position: relative;
padding: 10px;
padding-left: 30px;
}
.base__title::before {
width: 1px;
height: 100%;
display: block;
content: "";
position: absolute;
left: 0;
top: 0;
background: #fe683e;
}
.title-num {
color: #fc7843 !important;
font-size: 30px;
font-family: 'Montserrat', sans-serif !important;
font-weight: 400 !important;
margin-bottom: 10px;
}
.row {
width: 95%;
margin: 0 auto;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
position: relative;
z-index: 3;
}
.asset-item {
width: 255px;
height: 350px;
margin: 20px auto;
transition: all .3s linear;
position: relative;
font-size: 16px !important;
color: #000;
padding: 35px 2%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
transition: all .3s linear;
border-radius: 10px;
border: 1px solid #f0f0f0;
box-sizing: border-box;
}
.asset-item:hover {
background: #fe683e;
border: 1px solid #fe683e;
color: #fff;
}
.asset-ico {
width: 155px;
height: 155px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all .3s linear;
}
.asset-ico svg * {
fill: #373737;
transition: all .1s linear;
}
.asset-item:hover .asset-ico svg * {
fill: #fff;
}
.asset-item:hover .asset-ico {
background: #d45838;
}
.sale-section {
display: flex;
flex-wrap: wrap;
background: #f7f7f7;
box-sizing: border-box;
padding-top: 110px;
margin-top: -70px;
padding-left: 2%;
padding-right: 2%;
position: relative;
padding-bottom: 50px;
margin-bottom: 60px;
}
.sale-block:hover {
box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.2);
}
.sale-block {
width: 45%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
overflow: hidden;
border-radius: 10px;
background: #25282f;
height: 370px;
margin: 20px auto 35px;
transition: all .3s linear;
}
.sale-block-text {
margin: 40px 5%;
display: flex;
align-items: flex-start;
justify-content: flex-start;
flex-direction: column;
}
.sale-link {
color: #fff !important;
text-decoration: none !important;
box-sizing: border-box;
padding-left: 20px;
font-size: 16px !important;
font-weight: 400 !important;
margin: 15px 0;
position: relative;
transition: all .3s linear;
}
.sale-link:hover {
color: #fc7543 !important;
text-decoration: none !important;
font-weight: 600 !important;
}
.sale-link::before {
content: url("https://i.postimg.cc/W4q8DmTQ/elipse.png");
position: absolute;
left: 0;
opacity: 0;
transition: all .3s linear;
}
.sale-link:hover::before {
opacity: 1;
}
.section-sale-image {
position: absolute;
bottom: -80px;
right: 0;
}
.partner-item {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
text-align: center;
width: 195px;
height: 165px;
margin: 20px auto;
}
.partner-ico {
padding-bottom: 20px;
margin-bottom: 20px;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
border-bottom: 1px solid #e6e6e6;
height: 50%;
}
.shema-block {
width: 61%;
display: flex;
align-items: flex-start;
justify-content: space-between;
flex-wrap: wrap;
z-index: 2;
}
.shema-item {
width: 255px;
height: 310px;
margin: 20px auto;
transition: all .3s linear;
position: relative;
font-size: 16px !important;
color: #000;
padding: 35px 2%;
text-align: center;
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
transition: all .3s linear;
border-radius: 10px;
border: 1px solid #f0f0f0;
box-sizing: border-box;
}
.shema-item:hover {
background: #fe683e;
border: 1px solid #fe683e;
color: #fff;
}
.shema-ico {
width: 155px;
height: 155px;
border-radius: 50%;
background: #f0f0f0;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
transition: all .3s linear;
}
.shema-ico svg * {
fill: #373737;
transition: all .1s linear;
}
.shema-item:hover .shema-ico svg * {
fill: #fff;
}
.shema-item:hover .shema-ico {
background: #d45838;
}
.shema-image {
margin-right: -5%;
position: relative;
z-index: 0;
}
.shema-image::before {
position: absolute;
z-index: -1;
top: 0;
right: -2%;
content: url("https://i.postimg.cc/VsgqkZXJ/sparks.png");
-webkit-animation: header-bg 5s infinite linear;
animation: header-bg 5s infinite linear;
}
@media (max-width: 865px) {
.m-header-block {
width: 100%;
}
.header-img-1 {
left: 80%;
}
.header-img {
position: absolute;
right: -40%;
top: 0;
}
.sale-block {
width: 100%;
}
.shema-block {
width: 100%;
}
.shema-image {
margin-left: auto;
}
.section-sale-image {
display: none;
}
}
@media (max-width: 650px) {
.header-img {
display: none;
}
.header-img-1 {
display: none;
}
.sale-image {
width: 25%;
overflow: hidden;
}
}
+38 (044) 585 37 05
“Компанія
"Цифрові радіосистеми"
Офіційні представники
Kenwood і Hytera в Україні
КАТАЛОГ
01
Наші переваги
Сервісний центр Kenwood, гарантія на всі радіостанції три роки
Наша компанія займається програмуванням і налаштуванням рацій під потреби клієнта
Цифрові радіосистеми займаються розробкою індивідуальних засобів зв'язку
02
Наш асортимент
Портативні радіостанції Мобільні радіостанції Ретранслятори
Портативні радіостанції Мобільні радіостанції Ретранслятори
03
Наші партнери
МВС України
Міністерство оборони України
ДСНС України
Укрзалізниця
04 Сайти партнерів
kenwood.org.ua
catalog.drsua.com
www.drsua.com
nexedge.com.ua
05
Як ми працюємо?
Замовлення на сайті або замовлення на по телефону
Налаштування та програмування згідно потреб клієннта
Оплата та логістика по всій тириторії України окрім окупованих регіонів
Ваш позитивний відгук про компанію та нашу роботу
