.c_columns_2 {
width: 100%;
display: grid;
grid-template-columns:repeat(2,1fr);
}
.c_columns_3 {
width: 100%;
display: grid;
grid-template-columns:repeat(3,1fr);
}
.c_columns_4 {
width: 100%;
display: grid;
grid-template-columns:repeat(4,1fr);
}
.c_columns_5 {
width: 100%;
display: grid;
grid-template-columns:repeat(5,1fr);
}
.c_columns_6 {
width: 100%;
display: grid;
grid-template-columns:repeat(6,1fr);
}
.c_columns_7 {
width: 100%;
display: grid;
grid-template-columns:repeat(7,1fr);
}
.c_columns_8 {
width: 100%;
display: grid;
grid-template-columns:repeat(8,1fr);
}
.c_columns_9 {
width: 100%;
display: grid;
grid-template-columns:repeat(9,1fr);
}
.c_columns_10 {
width: 100%;
display: grid;
grid-template-columns:repeat(10,1fr);
}
.c_columns_11 {
width: 100%;
display: grid;
grid-template-columns:repeat(11,1fr);
}
.c_columns_12 {
width: 100%;
display: grid;
grid-template-columns:repeat(12,1fr);
} .c_gap_s {
grid-gap: var(--v_space_s);
}
.c_gap_m {
grid-gap: var(--v_space_m);
}
.c_gap_l {
grid-gap: var(--v_space_l);
}
.c_gap_xl {
grid-gap: var(--v_space_xl);
} .c_col_gap_s {
grid-column-gap: var(--v_space_s);
} .c_row_gap_s {
grid-row-gap: var(--v_space_s);
}
.c_row_gap_m {
grid-row-gap: var(--v_space_m);
}
.c_row_gap_l {
grid-row-gap: var(--v_space_l);
}
.c_row_gap_xl {
grid-row-gap: var(--v_space_xl);
}
.c_row_gap_2xl {
grid-row-gap: var(--v_space_2xl);
}
.c_row_gap_3xl {
grid-row-gap: var(--v_space_3xl);
}
.c_row_gap_4xl {
grid-row-gap: var(--v_space_4xl);
} .c_stretch {
align-items: stretch;
} .c_col_span_2 {
grid-column: auto / span 2;
}
.c_col_span_3 {
grid-column: auto / span 3;
}
.c_col_span_4 {
grid-column: auto / span 4;
}
.c_col_span_5 {
grid-column: auto / span 5;
}
.c_col_span_6 {
grid-column: auto / span 6;
}
.c_col_span_7 {
grid-column: auto / span 7;
}
.c_col_span_8 {
grid-column: auto / span 8;
}
.c_col_span_9 {
grid-column: auto / span 9;
}
.c_col_span_10 {
grid-column: auto / span 10;
}
.c_col_span_11 {
grid-column: auto / span 11;
}
.c_col_span_12 {
grid-column: auto / span 12;
} .c_col_start_2 {
grid-column-start: 2;
}
.c_col_start_3 {
grid-column-start: 3;
}
.c_col_start_4 {
grid-column-start: 4;
}
.c_col_start_5 {
grid-column-start: 5;
}
.c_col_start_6 {
grid-column-start: 6;
}
.c_col_start_7 {
grid-column-start: 7;
}
.c_col_start_8 {
grid-column-start: 8;
}
.c_col_start_9 {
grid-column-start: 9;
}
.c_col_start_10 {
grid-column-start: 10;
}
.c_col_start_11 {
grid-column-start: 11;
}
.c_col_start_12 {
grid-column-start: 12;
} .c_row_span_2 {
grid-row: auto / span 2;
}
.c_row_span_3 {
grid-row: auto / span 3;
}
.c_row_span_4 {
grid-row: auto / span 4;
}
.c_row_span_5 {
grid-row: auto / span 5;
} .c_row_start_2 {
grid-row-start: 2;
}
.c_row_start_3 {
grid-row-start: 3;
}
.c_row_start_4 {
grid-row-start: 4;
}
.c_rows_same_height {
grid-auto-rows: 1fr;
}
@media (max-width: 991px) {
.c_columns_l_1 {
grid-template-columns: 1fr;
}
.c_columns_l_2 {
grid-template-columns:repeat(2,1fr);
}
.c_columns_l_3 {
grid-template-columns:repeat(3,1fr);
}
.c_columns_l_9 {
grid-template-columns:repeat(9,1fr);
}
.c_col_span_l_1 {
grid-column: auto / span 1;
}
.c_col_span_l_2 {
grid-column: auto / span 2;
}
.c_col_span_l_3 {
grid-column: auto / span 3;
}
.c_col_start_l_1 {
grid-column-start: 1;
}
.c_row_start_l_1 {
grid-row-start: 1;
}
.c_row_start_l_2 {
grid-row-start: 2;
}
.c_row_start_l_3 {
grid-row-start: 3;
}
.c_row_span_l_1 {
grid-row: auto / span 1;
} }
@media (max-width: 767px) {
.c_columns_m_1 {
grid-template-columns: 1fr;
}
.c_columns_m_2 {
grid-template-columns:repeat(2,1fr);
}
.c_columns_m_3 {
grid-template-columns:repeat(3,1fr);
}
.c_columns_m_4 {
grid-template-columns:repeat(4,1fr);
}
.c_columns_m_5 {
grid-template-columns:repeat(5,1fr);
}
.c_columns_m_7 {
grid-template-columns:repeat(7,1fr);
}
.c_col_span_m_1 {
grid-column: auto / span 1;
}	
.c_col_span_m_3 {
grid-column: auto / span 3;
}
.c_col_span_m_5 {
grid-column: auto / span 5;
}
.c_col_start_m_2 {
grid-column-start: 2;
}
.c_row_start_m_1 {
grid-row-start: 1;
}
.c_row_start_m_2 {
grid-row-start: 2;
}
}
@media (max-width: 478px) {
.c_columns_s_1 {
grid-template-columns: 1fr;	
}
.c_columns_s_2 {
grid-template-columns:repeat(2,1fr);	
}
.c_col_span_s_1 {
grid-column: auto / span 1;
}
.c_col_start_s_1 {
grid-column-start: 1;
}
.c_row_gap_s_xl {
grid-row-gap: var(--v_space_xl);
}
.c_row_gap_s_3xl {
grid-row-gap: var(--v_space_3xl);
}	 
.c_row_start_s_2 {
grid-row-start: 2;
}
}  .c_margin_b_2xs {
margin-bottom: var(--v_space_2xs);
}
.c_margin_b_xs {
margin-bottom: var(--v_space_xs);
}
.c_margin_b_s {
margin-bottom: var(--v_space_s);
}
.c_margin_b_m {
margin-bottom: var(--v_space_m);
}
.c_margin_b_l {
margin-bottom: var(--v_space_l);
}
.c_margin_b_xl {
margin-bottom: var(--v_space_xl);
}
.c_margin_b_2xl {
margin-bottom: var(--v_space_2xl);
}
.c_margin_b_3xl {
margin-bottom: var(--v_space_3xl);
}
.c_margin_b_4xl {
margin-bottom: var(--v_space_4xl);
} .c_margin_l_m {
margin-left: var(--v_space_m);
}
.c_margin_l_s {
margin-left: var(--v_space_s);
}
@media (max-width: 478px) {
.c_margin_s_b_s {
margin-bottom: var(--v_space_s);
}
.c_margin_s_t_s {
margin-top: var(--v_space_s);
}
.c_margin_s_none {
margin: 0;
}
} .c_padding_s {
padding: var(--v_space_s);
}
.c_padding_m {
padding: var(--v_space_m);
}
.c_padding_l {
padding: var(--v_space_l);
}
.c_padding_xl {
padding: var(--v_space_xl);
} .c_padding_t_xs {
padding-top: var(--v_space_xs);
}
.c_padding_t_s {
padding-top: var(--v_space_s);
}
.c_padding_t_m {
padding-top: var(--v_space_m);
}
.c_padding_t_l {
padding-top: var(--v_space_l);
}
.c_padding_t_xl {
padding-top: var(--v_space_xl);
}
.c_padding_t_2xl {
padding-top: var(--v_space_2xl);
}
.c_padding_t_3xl {
padding-top: var(--v_space_3xl);
}
.c_padding_t_4xl {
padding-top: var(--v_space_4xl);
}
.c_padding_t_s_xl {
padding-top: var(--v_space_s_xl);
}
.c_padding_t_xs_xl {
padding-top: var(--v_space_xs_xl);
} .c_padding_b_xs {
padding-bottom: var(--v_space_xs);
}
.c_padding_b_s {
padding-bottom: var(--v_space_s);
}
.c_padding_b_m {
padding-bottom: var(--v_space_m);
}
.c_padding_b_l {
padding-bottom: var(--v_space_l);
}
.c_padding_b_xl {
padding-bottom: var(--v_space_xl);
}
.c_padding_b_2xl {
padding-bottom: var(--v_space_2xl);
}
.c_padding_b_3xl {
padding-bottom: var(--v_space_3xl);
}
.c_padding_b_4xl {
padding-bottom: var(--v_space_4xl);
}
.c_padding_b_xl_4xl {
padding-bottom: var(--v_space_xl_4xl);
}
.c_padding_b_s_xl {
padding-bottom: var(--v_space_s_xl);
} .c_padding_r_s {
padding-right: var(--v_space_s);
} .c_padding_l_s {
padding-left: var(--v_space_s);
} .c_padding_x_s {
padding-left: var(--v_space_s);
padding-right: var(--v_space_s);
}
.c_padding_x_m {
padding-left: var(--v_space_m);
padding-right: var(--v_space_m);
}
.c_padding_x_l {
padding-left: var(--v_space_l);
padding-right: var(--v_space_l);
}
.c_padding_x_xl {
padding-left: var(--v_space_xl);
padding-right: var(--v_space_xl);
}
@media (max-width: 991px) {
.c_padding_x_l_none {
padding-left: 0;
padding-right: 0;
}
}
@media (max-width: 478px) {
.c_padding_x_s_none {
padding-left: 0;
padding-right: 0;
}
} .c_padding_y_2xs {
padding-top: var(--v_space_2xs);
padding-bottom: var(--v_space_2xs);
}
.c_padding_y_xs {
padding-top: var(--v_space_xs);
padding-bottom: var(--v_space_xs);
} .c_radius_m {
border-radius: var(--v_radius_m);
} BODY {
color: var(--v_color_lightest);
}
H1 {
background: linear-gradient(to bottom, #F3F9FF, #8CADD4);
-webkit-background-clip: text;
background-clip: text;
color: transparent;
}
.c_txt_on_light {
color: var(--v_color_darkest);
}
.c_txt_style_normal {
font-style: normal;
}
.c_txt_style_italic {
font-style: italic;
}
.c_txt_uppercase {
text-transform: uppercase;
}
.c_txt_right {
text-align: right;
}
.c_txt_left {
text-align: left;
}
.c_txt_bold {
font-weight: 700;
}
.c_txt_size_s {
font-size: var(--v_text_s);
}
.c_txt_size_m {
font-size: var(--v_text_m);
}
.c_txt_size_m1 {
font-size: var(--v_text_m_1);
line-height: 1.6;
}
.c_txt_size_l {
font-size: var(--v_text_l);
line-height: 1.5;
}
.c_txt_size_xl {
font-size: var(--v_text_xl);
}
.c_txt_centered {
text-align: center;
}
.c_txt_aboveheading {
font-family: "Sora", sans-serif;
color: var(--v_color_neutral_dark);
margin-bottom: var(--v_space_2xs);
} .brxe-post-content H2 {
margin-top:var(--v_space_2xl);
}
.brxe-post-content H3 {
margin-top:var(--v_space_xl);
}  .brxe-text li::marker {
color:var(--v_color_accent_primary);
} .brxe-text ul {
padding-inline-start: 20px;
} .c_link_primary {
color: var(--v_color_accent_primary);
}
.c_link_primary,
.c_link_contact,
.c_link_dark {
text-decoration: none;
display: inline; background-image: linear-gradient(to right, currentColor 100%, currentColor 100%);
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% 1px;
transition: background-size 0.3s;
box-decoration-break: clone;
-webkit-box-decoration-break: clone; 
}
.c_link_primary:hover,
.c_link_contact:hover,
.c_link_dark:hover {
background-size: 0 1px;
} .c_button_primary, #fluentform_3 .ff-btn-submit, #fluentform_4 .ff-btn-submit, #fluentform_5 .ff-btn-submit {
display: inline-block;
padding: var(--v_space_2xs) var(--v_space_s);
background: var(--v_color_accent_primary);
border: none;
border-radius: 50px;
position: relative;
overflow: hidden;
cursor: pointer;
transition: .5s;
text-align: center;
}
.c_button_primary span, .c_button_secondary span {
position: relative;
z-index: 1;
}
.c_button_primary:hover, #fluentform_3 .ff-btn-submit:hover, #fluentform_4 .ff-btn-submit:hover, #fluentform_5 .ff-btn-submit:hover {
color: #fff;
text-shadow: 0 0 5px #E9DF00, 0 0 20px  #E9DF00; }
.c_button_primary::before {
content: '';
position: absolute;
top: var(--y);
left: var(--x);
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
background: radial-gradient(#e1e78c, transparent, transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
}
.c_button_primary:hover::before {
opacity: 1;
}
.c_button_primary::after {
content: '';
position: absolute;
inset: 6px;
background: rgba(255,106,61,0.8);
border-radius: 48px;
}
.c_button_secondary {
display: inline-block;
padding: var(--v_space_2xs) var(--v_space_s);
background: var(--v_color_neutral_dark);
border: none;
border-radius: 50px;
position: relative;
overflow: hidden;
cursor: pointer;
transition: .5s;
text-align: center; }
.c_button_secondary::before {
content: '';
position: absolute;
top: var(--y);
left: var(--x);
transform: translate(-50%, -50%);
width: 200px;
height: 200px;
background: radial-gradient(#27dbe7, transparent, transparent);
opacity: 0;
transition: opacity 0.3s;
pointer-events: none;
}
.c_button_secondary:hover::before {
opacity: 1;
}
.c_button_secondary::after {
content: '';
position: absolute;
inset: 6px;
background: rgba(77,114,144,0.8);
border-radius: 48px;
}
@media (max-width: 478px) {
.c_button_primary{
width: 100%;
}
} .c_pos_relative {
position: relative;
}
.c_pos_absolute {
position: absolute;
}
.c_overflow_hidden {
overflow: hidden;
}
.c_full_width {
width: 100%;
} .c_card_services {
position: relative;
display: flex;
flex-direction: column;
border-radius: var(--v_radius_m);
padding: var(--v_space_l);
overflow: hidden;
}    .c_service_links_icon, .c_service_links a span, #brxe-drllhd li, #brxe-gmeqac li, #brxe-pggokj>li a {
transition: color 0.3s ease-in-out;
}
.c_service_links a:hover .c_service_links_icon {
background-color: var(--v_color_accent_primary);
color: white;
} .c_service_links a:hover span, #brxe-gmeqac>li:hover, #brxe-pggokj>li a:hover, #brxe-pggokj>li a:focus, #brxe-pggokj>li a:active {
color: var(--v_color_accent_primary);
}   .c-card-activity-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--v_space_l);
border-radius: var(--v_radius_m);
transition: box-shadow 0.2s ease-in-out, background 0.2s ease-in-out;
background: var(--v_color_light_secondary);
position: relative;
overflow: hidden;
}
.c-card-activity-desc {
transition: all 0.15s ease-in-out;
}
.c-card-activity-link {
position: absolute;
bottom: var(--v_space_l);
color: var(--v_color_accent_primary);
opacity: 0;	
transform: translate3d(0, 2rem, 0);
transition: opacity 0.15s ease-in-out, transform 0.15s ease-in-out;
}
.c-card-activity-wrapper:hover {
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
background: var(--v_color_lightest);
}
.c-card-activity-wrapper:hover .c-card-activity-desc {
opacity: 0;
transform: translate3d(8rem, 0, 0);
}
.c-card-activity-wrapper:hover .c-card-activity-link {
opacity: 1;
transition-delay: 50ms;
transform: translate3d(0, 0, 0);
} .c_div_rounded_entry {
transform: translateY(2px);
}
.c_div_rounded_entry::before, .c_div_rounded_entry::after {
content:"";
position:absolute;
bottom:0;
width:16px;
height: 64px;
background-color: transparent;
padding-top: var(--v_space_s);
padding-bottom: var(--v_space_s);
box-shadow: 0 16px 0 0 var(--v_color_light);
transform: translateY(-2px);
}
.c_div_rounded_entry::before {
right: 100%;
border-bottom-right-radius: var(--v_radius_m);
}
.c_div_rounded_entry::after {
left: 100%;
border-bottom-left-radius: var(--v_radius_m);
} .c_contact_wrap {
display: flex;
align-items: center;
}
.c_contact_wrap_ico {
width: 2.4rem;
height: 2.4rem;
margin-right: var(--v_space_2xs);
}  .splide__track--draggable {
cursor: move; cursor: grab;
cursor: -moz-grab;
cursor: -webkit-grab;
}
.splide__track--draggable:active {
cursor: grabbing;
cursor: -moz-grabbing;
cursor: -webkit-grabbing;
}
.c_width_max_720 {
width: 100%;
max-width: 72rem;
} .ti-angle-left::before, .ti-angle-right::before {
border-radius: 50px;
padding: var(--v_space_3xs);
transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}
.ti-angle-left:hover::before, .ti-angle-right:hover::before {
background-color: var(--v_color_accent_primary);
color: var(--v_color_lightest);
} @keyframes logos_carousel_animation {
0% {
transform: translatex(0%);			
}
100% {
transform: translatex(-100%);
}
}
.c_logos_carousel {
animation: logos_carousel_animation 30s linear infinite;
} .brx-dropdown-content { border-radius: var(--v_radius_m); 
min-width: max-content;
}
.brx-dropdown-content li .brx-submenu-toggle, .brx-dropdown-content li a {
padding: var(--v_space_xs) var(--v_space_s);
transition: all .2s ease-in-out;
border-radius: var(--v_radius_m);
}
.brx-dropdown-content li .brx-submenu-toggle:hover, .brx-dropdown-content li a:hover {
border-radius: var(--v_radius_m);
background-color: var(--v_color_light_secondary);
}
.brx-submenu-toggle {
justify-content: space-between;
}
.brx-dropdown-content > li:not(:first-child) > a.brx-multilevel-back {
display: none;
} .c_menu_mobile {
height: calc(100vh - var(--v_header_height));
}
.c_menu_mobile_nav {
width: 100%;
}
.brx-offcanvas-inner {
background-color: var(--v_color_light);
height: calc(100vh - var(--v_header_height));
}
.c_menu_mobile_nav > ul > li a, .c_menu_mobile_nav > ul > li .brx-submenu-toggle {
padding: var(--v_space_xs);
width: 100%;
transition: all 0.2s;
border-radius: var(--v_radius_m);
justify-content: space-between;
}
.c_menu_mobile_nav > ul > li a:hover, .c_menu_mobile_nav > ul > li .brx-submenu-toggle:hover {
background-color: var(--v_color_light_secondary);
}
.c_menu_mobile_nav .brx-dropdown {
width: 100%;
}
.c_menu_mobile_cont {
padding: var(--v_space_s);
margin-top: var(--v_header_height); flex-wrap:nowrap;
}
.c_menu_mobile_nav_list {
list-style-type: none;
padding-inline-start: 0;
}
.c_left_strong_border {
padding-left: var(--v_space_m);
border-left: 3px solid var(--v_color_accent_primary);
} .c_step_container {
padding-left: var(--v_space_s);
border-left: 1px solid var(--v_color_accent_primary);
transform: translate3d(-8rem, 0, 0);
opacity:0;
}
.c-step-container {
display: flex;
}
.c-step-container__content {
padding-left: var(--v_space_s);
transform: translate3d(-2rem, 0, 0); opacity: 0;
}
.c-step-container__border {
width: 3px;
height: 0;
background-color: var(--v_color_accent_primary);
transform-origin: top;
}
.c_step_number {
color: var(--v_color_neutral_dark);
margin-bottom: var(--v_space_l);
}
#id-CTA-cameras, #id-CTA-electro {
transform: translate3d(0, -4rem, 0);
opacity: 0;
} #brxe-dclyxa {
transition: all 0.3s ease-in-out;
}
#brxe-dclyxa:hover {
fill: var(--v_color_accent_primary);
} #fluentform_3_success, #fluentform_4_success, #fluentform_5_success {
border: 0;
box-shadow: unset;
color: var(--v_color_darkest);
} .c-card-service {
display: flex;
flex-direction: column;
justify-content: space-between;
padding: var(--v_space_l);
opacity:0;
transform: translate3d(0, 8rem, 0);
border-radius: var(--v_radius_m);
transition: box-shadow 0.2s ease-in-out;
}
.sec-security .c-card-service:hover {
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;	
}
.sec-it .c-card-service:hover {
box-shadow: rgba(254, 254, 150, 0.1) 0px 0px 16px;	
}
.sec-maintanance .c-card-service:hover {
box-shadow: rgba(5, 5, 5, 0.1) 0px 0px 16px;	
} .c-overlap-card-wrap {
margin-bottom: var(--v_space_s);
}
.c-overlap-card-wrap:last-child {
margin-bottom: 0;
}
.c-overlap-card-content {
padding: var(--v_space_l);
border-radius: var(--v_radius_m);
height: 22rem;
background-color: var(--v_color_neutral_light);
box-shadow: rgba(17, 17, 26, 0.1) 0px 0px 16px;
display: grid;
grid-template-columns: 4fr 2fr;
grid-gap: var(--v_space_s);
align-items: stretch;
color: var(--v_color_darkest);
flex-direction: row;
}
.c-overlap-card-number {
display: flex;
align-items: flex-end;
justify-content: flex-end;
}