Витрина
Проектирование и установка систем безопасности от TOO ESN FIRE
.ucv-b3-panel {background: #fcf7b4;color: #000000;padding: 3px;box-shadow: 0 20px 30px rgba(0, 0, 0, .3);}
.ucv-b3-panel img {filter: contrast(100%);}
.ucv-b3-panel:hover {border-bottom: 1px solid rgba(250,0,0, .2);background: #ffffff;color: #000000;filter: contrast(200%);}
.uc-ico-panel {
padding: 20px 15px 20px;
}
.uc-ico-header {
text-align: center;
padding-bottom: 20px;
}
.uc-ico-table {
border-width: 0px !important;
width: 100% !important;
table-layout: fixed;
float: left;
}
.uc-ico-table+.uc-ico-table {
margin-left: 0%;
}
.uc-ico-table td {
padding: 10px 15px 10px 10px;
transition: all 0.5s;
}
.uc-ico-table img {
transition: all 0.4s;
}
.uc-ico-table tr:hover td {
box-shadow: 0 100px 0 #312c32 inset;
transition: all 0.5s;
color: #fff;
}
.uc-ico-table tr:hover img {
transform: translateX(10px);
}
.uc-ico-table-col1 {
width: 70px;
padding-left: 15px;
transition: all 0.85s;
}
.uc-ico-table tr:hover .uc-ico-table-col1 {
transition: all 0.85s;
box-shadow: 0 -100px 0 #e3e3e3 inset !important;
}
@media screen and (max-width: 1000px) {
.uc-ico-table {
float: none;
width: 100% !important;
}
.uc-ico-table+.uc-ico-table {
margin: 0;
}
}
@media screen and ( max-width: 500px) {
.uc-ico-table td {
vertical-align: top!important;
}
.uc-ico-table tr:hover td {
background: #f7f7f7;
box-shadow: none;
color: #333;
}
.uc-ico-table tr:hover .uc-ico-table-col1 {
box-shadow: none!important;
}
}
.uc-order-panel { padding: 20px; } .uc-order-block { box-sizing: border-box; display: flex; flex-wrap: wrap; justify-content: space-around; width: 100%; margin: 0 auto; } .uc-order-wrapp { width: 22%; margin: 0%; display: inline-block; vertical-align: top; } .uc-order-arr { width: 120px; height: 120px; border-radius: 100%; margin: 0 auto; position: relative; border: 4px dotted #e32c06; line-height: 160px; text-align: center; color: #000000; font-size: 30px; transition: all 0.3s; }.uc-order-wrapp:hover img{ transform: rotateY(-360deg); transition: all 1s ease; }
.uc-order-number1 { position: absolute; bottom: -7px; left: -21px; width: 40px; height: 40px; border-radius: 50%; background-color: #fcf7b4; border: 3px dotted transparent; line-height: 38px; color: #000; font-size: 26px; }
.uc-order-number2 { position: absolute; top: 54px; right: -25px; width: 40px; height: 40px; border-radius: 60px; background-color: #fcf7b4; border: 3px dotted transparent; line-height: 38px; color: #000; font-size: 26px; }
.uc-order-number3 { position: absolute; top: 10px; right: -29px; width: 40px; height: 40px; border-radius: 60px; background-color: #fcf7b4; border: 3px dotted transparent; line-height: 38px; color: #000; font-size: 26px; }
.uc-order-number4 { position: absolute; left: -23px; top: -3px; width: 40px; height: 40px; border-radius: 60px; background-color: #fcf7b4; border: 3px dotted transparent; line-height: 38px; color: #000; font-size: 26px; } .uc-order-text { text-align: center; margin: 25px auto; position: relative; } @media screen and (max-width: 1100px) { .uc-order-wrapp { width: 44%;}} @media screen and (max-width: 600px) { .uc-order-wrapp { width: 90%; }} .uc-footer { padding: 10px 20px; text-align: center; }
.uc-banner strong {
font-size: 20px;
color: #e32c06;
}
.uc-banner {
display: flex;
height: 250px;
}
.uc-banner__content {
background: #292929;
display: flex;
z-index: 3;
width: 75%;
position: relative;
color: #fff;
}
.uc-banner__content::after {
content: '';
z-index: 1;
position: absolute;
left: 100%;
top: 0;
width: 0;
height: 0;
border-style: solid;
border-width: 125px 0 125px 115px;
border-color: transparent transparent transparent #292929;
}
.uc-banner__description {
padding: 20px 0 30px 25px;
}
.uc-block-arrow {
display: flex;
left: 0;
width: 300px;
height: auto;
position: relative;
-webkit-clip-path: polygon(65% 0%, 100% 50%, 65% 100%, 0% 100%, 35% 50%, 0% 0%);
clip-path: polygon(45% 0%, 100% 50%, 45% 100%, 0% 100%, 55% 50%, 0% 0%);
background: #545454;
z-index: 1;
}
.uc-banner__header {
font-size: 24px!important;
line-height: 30px!important;
color: #e32c06;
}
.uc-banner__subheader {
font-size: 18px;
line-height: 26px!important;
}
.uc-banner__text p { line-height: 24px!important; }
.uc-banner__button {
background: #e32c06;
text-decoration: none;
position: absolute;
color: #000;
padding: 20px;
left: 96%;
top: 21%;
z-index: 2;
transform: rotate(45deg) translateX(22%);
width: 70px;
height: 70px;
color: #000!important;
box-shadow: 0 0 10px #d0d0d0;
border-radius: 5px;
}
.uc-banner__button:hover {
box-shadow: 0 0 80px #d0d0d0;
background: #fcf7b4;
}
.uc-texts {
font-size: 15px;
}
.uc-buttton-text {
left: 70%;
top: 10%;
transform: rotate(-45deg) translateX(-74%) translateY(-125%);
position: absolute;
width: 100px;
font-size: 16px;
text-align: center;
}
.uc-banner__image {
background: #777 url(http://www.virsistem.co.rs/cms/images/sprinkler_1.jpg) center/cover;
width: 35%;
height: 250px;
}
@media screen and (max-width: 1260px) {
.uc-block-arrow__hidden {
display: none;
}
}
@media screen and (max-width: 1000px) {
.uc-banner__content {
width: 100%;
}
.uc-banner__image {
display: none;
}
.uc-banner__content::after {
display: none;
}
.uc-banner {
height: 100%;
}
.uc-banner__button {
display: block;
position: relative;
left: 0%;
min-width: 150px;
height: 0px;
transform: rotate(0deg) translateX(0%);
}
.uc-buttton-text {
left: 0%;
top: 20%;
transform: rotate(0deg) translateX(0%) translateY(0%);
min-width: 190px;
}
}
.uc-link {
display: inline-block;
padding: 8px 15px;
text-decoration: none !important;
text-align: center;
min-width: 200px;
color: #fff!important;
background: #292929;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px;
transition: all .3s;
margin: 10px;
}
.uc-link:hover {
background: #555;
transform: translateY(4px);
}
.ucv-b1-panel {
padding: 20px 0;
text-align: center;
border-bottom: 2px dotted #292929;
}
.ucv-b1-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.ucv-b1-panel h2 {
margin-bottom: 20px;
text-align: center;
}
.ucv-b1-wrapper {
display: inline-block;
vertical-align: top;
margin: 10px 0.5%;
text-decoration: none;
}
.ucv-b1-img-holder {
display: block;
text-align: center;
position: relative;
overflow: hidden;
max-width: 300px;
margin: 0 auto;
border: 1px solid #ebebeb;
}
.ucv-b1-img-holder img {
display: block;
height: auto !important;
}
.ucv-b1-img-holder:hover .ucv-b1-hint {
left: 0;
}
.ucv-b1-hint {
position: absolute;
top: 0;
left: -100%;
width: 100%;
height: 100%;
background: rgba(60, 60, 60,0.8);
text-align: left;
color: #fff;
transition: all .7s cubic-bezier(0.31, 0.57, 0.31, 2.0);
overflow: hidden;
}
.ucv-b1-hint-body {
position: absolute;
top: 50%;
left: 0;
width: 100%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
padding: 15px;
box-sizing: border-box;
}
.ucv-b1-name {
font-size: 18px;
color: #292929;
display: inline-block;
margin-top: 10px;
}
.ucv-b1-name:hover {
color: #555;
}
.ucv-b1-desc {
display: block;
margin: 10px 0;
position: absolute;
visibility: hidden;
color: #333;
}
.ucv-b1-panel .ucv-b1-wrapper {
width: 23%;
text-decoration: none;
}
@media screen and (max-width: 1050px) {
.ucv-b1-panel .ucv-b1-wrapper {
width: 46%;
}
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: 46%;
}
}
@media screen and (max-width: 700px) {
.ucv-b1-desc {
position: static;
visibility: visible;
}
.ucv-b1-panel .ucv-b1-wrapper,
.ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper {
width: auto;
margin-right: 15px;
margin-left: 15px;
}
}
.uc-clear {clear:both; height:0px;}
.uc-numbers {
padding: 20px;
border-bottom: 2px dotted #292929;
}
.uc-numbers_wrap {
display: flex;
flex-wrap: wrap;
}
.uc-numbers h2 {
text-align: center;
margin-bottom: 20px;
}
.uc-numbers-scheme {
border-bottom: 1px solid #eaeaea;;
box-shadow: 0 2px 3px 0 rgba(0,0,0,0.05);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
display: inline-block;
box-sizing: border-box;
width: 31%;
margin: 1%;
padding: 40px 10px 10px 20px;
transition: all .3s ease;
}
.uc-numbers-scheme strong {
transition: all .3s ease;
display: inline-block;
font-size: 70px;
color: #292929;
}
.uc-numbers-scheme:hover strong {
transition: all .3s ease;
color: #e32c06;
transform: translateY(-7px);
}
.uc-numbers-scheme em {
font-size: 18px;
color: #292929;
transition: all .3s ease;
display: inline-block;
font-weight: bold;
font-style: inherit;
}
.uc-numbers-scheme:hover em {
color: #e32c06;
transition: all .3s ease;
}
@media screen and (max-width: 1000px) {
.uc-numbers-scheme {
width: 48%;
margin: 1%;
}
}
@media screen and (max-width: 800px) {
.uc-numbers-scheme {
width: 100%;
margin: 10px auto;
}
}
.uc-order {
padding: 20px;
text-align: center;
border-bottom: 2px dotted #292929;
}
.uc-order_wrap {
display: flex;
flex-wrap: wrap;
}
.uc-order h2 {
margin-bottom: 30px;
}
.uc-order strong{
color: #e32c06;
font-size: 22px;
}
.uc-order-scheme {
position: relative;
overflow: hidden;
width: 48%;
margin: 1%;
padding: 30px;
box-sizing: border-box;
vertical-align: top;
box-shadow: 0 400px 5px #f7f7f7 inset;
outline: 2px solid #f8f8f8;
outline-offset: -10px;
transition: all .6s ease;
}
.uc-order-scheme:hover {
box-shadow: 0 0 5px #f7f7f7 inset, 0 -400px 5px #292929 inset;
transition: all .6s ease;
color: #fff;
}
/* .uc-order-scheme img {
transition: all 1s;
transform: translateX(0px) scale(0.9) rotate(0);
}
.uc-order-scheme:hover img {
transform: translate(0px, -7px) scale(1.2) rotateY(370deg);
}
*/
.uc-order-scheme:hover .uc-move {
animation: 1000ms ease 0s normal none 1 running zoomInDown;
}
@keyframes zoomInDown {
from {
opacity: 0;
transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
}
60% {
opacity: 1;
transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
}
}
.zoomInDown {
animation-name: zoomInDown;
}
@media screen and (max-width: 1000px) {
.uc-order-scheme {
width: 100%;
padding: 20px;
margin: 10px auto;
}
}
.uc-b5-panel {
padding: 20px 0px;
text-align: center;
border-bottom: 2px dotted #292929;
}
.uc-b5-panel:after {
content: " ";
display: block;
clear: both;
font-size: 0px;
}
.uc-b5-panel h2 {
margin-bottom: 30px;
}
.uc-b5-wrapper {
display: inline-block;
vertical-align: top;
width: 29%;
margin: 25px 0.5%;
}
.uc-b5-arr {
width: 10px;
font-size: 30px;
color: #333;
vertical-align: middle;
padding-top: 20px;
}
.uc-b5-arr2 {}
.uc-b5-arr3 { display: none;
}
.uc-b5-text {
margin: 10px 0 0;
}
.uc-b5-wrapper img {
margin: 5px;
transition: all 0.5s ease; }
.uc-b5-wrapper:hover img { transform: scale(1.5, 1.5); transition: all 0.5s ease; }
@media screen and (max-width: 1000px) {
.uc-b5-wrapper {
width: 25%;
}
.uc-b5-arr2 {
display: none;
}
.uc-b5-arr3 {
display: inline-block;
}
}
@media screen and (max-width: 600px) {
.uc-b5-wrapper {
width: 60%;
}
.uc-b5-arr {
display: none;
}
}
.uc-e1-panel {
padding: 20px;
text-align: center;
}
.uc-e1-panel h2 {
margin-bottom: 20px;
text-align: center;
}
.uc-burger_panel {
padding: 20px;
border-bottom: 2px dotted #292929;
}
.uc-burger_panel h2 {
text-align: center;
}
.uc-burger_container {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
}
.uc-burger_item {
display: flex;
width: 60%;
margin: 20px;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.uc-burger_number_container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 30%;
background: #292929;
text-align: center;
color: #fff;
padding: 10px;
border-radius: 10px 0 0;
box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7);
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
background: #292929;
border-radius: 0 0 10px;
box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7);
}
/* Это стили для сайтов с большим количеством цветовой гаммы
.uc-number-1 {
background: red;
}
.uc-number-2 {
background: blue;
}
.uc-number-3 {
background: aqua;
}
.uc-number-4 {
background: black;
}
*/
.uc-burger_number-header {
font-size: 17px;
color: #fff;
}
.uc-burge_number {
font-size: 40px;
line-height: 0px;
}
.uc-burger_content {
width: 70%;
background: #f1f1f1;
padding: 10px;
border-radius: 0 10px 0 0;
box-shadow: inset 0px -21px 10px -21px rgba(0, 0, 0, 0.7);
display: flex;
flex-direction: column;
justify-content: center;
}
.uc-burger_item:nth-child(even) .uc-burger_content {
justify-content: center;
align-items: flex-end;
border-radius: 0 0 0 10px;
text-align: right;
box-shadow: inset 0px 21px 10px -21px rgba(0, 0, 0, 0.7);
}
.uc-burger_content-header {
font-size: 25px;
}
.uc-burger_text {
font-size: 15px;
width: 80%;
}
@media screen and (max-width: 1000px) {
.uc-burger_item {
width: 100%;
flex-direction: column;
}
.uc-burger_item:nth-child(even) {
display: flex;
flex-direction: column;
}
.uc-burger_item:nth-child(even) .uc-burger_number_container {
width: 100%;
border-radius: 100px 100px 0 0;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_item:nth-child(even) .uc-burger_content {
width: 100%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
box-shadow: inset 0px -21px 16px -21px rgba(0, 0, 0, 0.78);
}
.uc-burger_number_container {
width: 100%;
border-radius: 100px 100px 0 0;
}
.uc-burger_content {
width: 100%;
border-radius: 0 0 100px 100px;
justify-content: center;
align-items: center;
}
.uc-burger_text {
text-align: center;
}
}
/* Bob */
@-webkit-keyframes uc-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes uc-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes uc-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes uc-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.uc-bob {
margin-top: 10px;
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
-webkit-animation-name: uc-bob-float, uc-bob;
animation-name: uc-bob-float, uc-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
От проекта до готового объекта
в городе Алматы и регионах Казахстана
С 2010 года компания "ESN FIRE" производит работы по проектированию, установке, пуско-наладке, настройке, программированию и тех. обслуживанию систем безопасности для различных объектов, в том числе с повышенным уровнем опасности (нефтегазовая отрасль).
О компании
Перечень предоставляемых услуг
Охранное и пожарное сигнализационное оснащение, тревожные кнопки, контроллеры, идентификаторы Сигнализация и контроль доступа Охранное и пожарное сигнализационное оснащение, тревожные кнопки, контроллеры, идентификаторы Телефонная связь, фиксаторы и радары нарушений ПДД, видео- и фотокамеры Телекоммуникация, видеонаблюдение Телефонная связь, фиксаторы и радары нарушений ПДД, видео- и фотокамеры Водяное, газовое, пенное тушение пожара, приборы сигнализации Противопожарные системы и насосы Водяное, газовое, пенное тушение пожара, приборы сигнализации Локальные сети, ВН, СКС Структурированные кабельные системы Локальные сети, ВН, СКС
Также мы предлагаем продажу оборудования (кабели, газовые баллоны и т.д.) и его обслуживание (закачка газа, опрессовка и пр.), выполнение электромонтажных (до 1000 В) и высотных работ, производство и монтаж сложных металлоконструкций, промышленных трубопроводов и кольцевых сетей водоснабжения.
Почему стоит обратиться именно к нам?
Достойное качество продукции и услуг
В нашей деятельности мы используем современное оборудование импортного производства (США, Израиль, Китай, Беларусь, РФ) и новейшие технологии, отвечающие международным требованиям. Имеются сертификаты, лицензии, документы о партнерстве.
Удобный клиентский сервис
Мы готовы реализовать для Вас проекты любой сложности и объема. У нас Вы можете получить полный комплекс услуг - от стадии проектирования до ввода объекта в эксплуатацию. К каждому клиенту находим индивидуальный подход, учитываем его пожелания.
Надежное сотрудничество
Многолетний опыт работы сделал нас экспертами своего дела. Мы разбираемся во всех нюансах проектно-строительных работ и берем на себя согласование в ДЧС. Клиентам предоставляем техническую поддержку и гарантию от 1 года до 25 лет.
Высокий профессионализм
В штате работают компетентные и ответственные специалисты по разработке проектной и рабочей документации и квалифицированные монтажники, которые выполняют свои функции всегда четко и оперативно, поэтому у нас строго соблюдаются сроки выполнения.
Как можно с нами связаться?
1
Позвонить по тел. +77713003586, +77071760983,+772739033931 (вн. 113)
2
Заполнить поля формы для клиентов "Написать нам"
3
Отправить сообщение
на электронную почту esn_1@mail.ru
4
Воспользоваться сервисом WhatsApp +77071760983