@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//cctv7.ru/wp-content/themes/safehouse/fonts/woodmart-font-1-400.woff2?v=8.1.1") format("woff2");
}

@font-face {
	font-family: "star";
	font-weight: 400;
	font-style: normal;
	src: url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/star.eot?#iefix") format("embedded-opentype"), url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/star.woff") format("woff"), url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/star.ttf") format("truetype"), url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/star.svg#star") format("svg");
}

@font-face {
	font-family: "WooCommerce";
	font-weight: 400;
	font-style: normal;
	src: url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.eot?#iefix") format("embedded-opentype"), url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.woff") format("woff"), url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.ttf") format("truetype"), url("//cctv7.ru/wp-content/plugins/woocommerce/assets/fonts/WooCommerce.svg#WooCommerce") format("svg");
}

:root {
	--wd-text-font: "Involve Regular", Arial, Helvetica, sans-serif;
	--wd-text-font-weight: 400;
	--wd-text-color: #767676;
	--wd-text-font-size: 14px;
	--wd-title-font: "Coolvetica Regular", Arial, Helvetica, sans-serif;
	--wd-title-font-weight: 400;
	--wd-title-color: #242424;
	--wd-entities-title-font: "Involve Regular", Arial, Helvetica, sans-serif;
	--wd-entities-title-font-weight: 500;
	--wd-entities-title-color: #333333;
	--wd-entities-title-color-hover: rgb(51 51 51 / 65%);
	--wd-alternative-font: "Coolvetica Regular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font: "Involve Regular", Arial, Helvetica, sans-serif;
	--wd-widget-title-font-weight: 600;
	--wd-widget-title-transform: uppercase;
	--wd-widget-title-color: #333;
	--wd-widget-title-font-size: 16px;
	--wd-header-el-font: "Involve Regular", Arial, Helvetica, sans-serif;
	--wd-header-el-font-weight: 700;
	--wd-header-el-transform: uppercase;
	--wd-header-el-font-size: 13px;
	--wd-primary-color: rgb(30,115,190);
	--wd-alternative-color: #fbbc34;
	--wd-link-color: #333333;
	--wd-link-color-hover: #242424;
	--btn-default-bgcolor: #f7f7f7;
	--btn-default-bgcolor-hover: #efefef;
	--btn-accented-bgcolor: #83b735;
	--btn-accented-bgcolor-hover: #74a32f;
	--wd-form-brd-width: 0px;
	--notices-success-bg: #459647;
	--notices-success-color: #fff;
	--notices-warning-bg: #E0B252;
	--notices-warning-color: #fff;
}
.wd-popup.wd-age-verify {
	--wd-popup-width: 500px;
}
.wd-popup.wd-promo-popup {
	background-color: #111111;
	background-image: none;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left center;
	--wd-popup-width: 800px;
}
.woodmart-woocommerce-layered-nav .wd-scroll-content {
	max-height: 223px;
}
.wd-page-title {
	background-color: #0a0a0a;
	background-image: none;
	background-size: cover;
	background-position: center center;
}
.wd-footer {
	background-color: #ffffff;
	background-image: none;
}
html .wd-dropdown-menu.wd-design-default .wd-sub-menu li a, .whb-general-header .wd-nav.wd-nav-secondary > li > a {
	font-family: "Involve Regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 12px;
	text-transform: none;
	color: rgb(0,0,0);
}
.phone_block, .pochta_block, .pol_conf {
	font-family: "Involve Regular", Arial, Helvetica, sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 16px;
}
h2 {
	font-family: "Coolvetica Regular", Arial, Helvetica, sans-serif;
	font-size: 30px;
	line-height: 30px;
	text-transform: none;
}
.page .wd-page-content {
	background-color: rgb(239,239,239);
	background-image: none;
}
body, [class*=color-scheme-light], [class*=color-scheme-dark], .wd-search-form[class*="wd-header-search-form"] form.searchform, .wd-el-search .searchform {
	--wd-form-color: rgb(0,0,0);
	--wd-form-placeholder-color: rgb(0,0,0);
	--wd-form-brd-color: rgb(0,0,0);
	--wd-form-brd-color-focus: rgb(0,0,0);
	--wd-form-bg: rgb(112,112,112);
}
.wd-nav-arrows.wd-pos-sep:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(113,214,255);
	--wd-arrow-color-hover: rgb(83,148,222);
	--wd-arrow-color-dis: rgb(113,214,255);
}
.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
	--wd-arrow-color: rgb(30,115,190);
	--wd-arrow-color-hover: rgb(14,56,130);
	--wd-arrow-color-dis: rgba(30,115,190,0.26);
}
.wd-popup.popup-quick-view {
	--wd-popup-width: 920px;
}

@media (max-width: 768.98px) {
	.wd-nav-arrows.wd-pos-together:not(:where(.wd-custom-style)) {
		--wd-arrow-icon-size: 20px;
	}

}
:root{
--wd-container-w: 1070px;
--wd-form-brd-radius: 35px;
--btn-default-color: #333;
--btn-default-color-hover: #333;
--btn-accented-color: #fff;
--btn-accented-color-hover: #fff;
--btn-default-brd-radius: 0px;
--btn-default-box-shadow: none;
--btn-default-box-shadow-hover: none;
--btn-default-box-shadow-active: none;
--btn-default-bottom: 0px;
--btn-accented-bottom-active: -1px;
--btn-accented-brd-radius: 0px;
--btn-accented-box-shadow: inset 0 -2px 0 rgba(0, 0, 0, .15);
--btn-accented-box-shadow-hover: inset 0 -2px 0 rgba(0, 0, 0, .15);
--wd-brd-radius: 0px;
}

@media (min-width: 1070px) {
[data-vc-full-width]:not([data-vc-stretch-content]),
:is(.vc_section, .vc_row).wd-section-stretch {
padding-left: calc((100vw - 1070px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
padding-right: calc((100vw - 1070px - var(--wd-sticky-nav-w) - var(--wd-scroll-w)) / 2);
}
}


@font-face {
	font-family: "Involve Regular";
	src: url("//cctv7.ru/wp-content/uploads/2025/03/involve-regular.ttf") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Coolvetica Regular";
	src: url("//cctv7.ru/wp-content/uploads/2025/03/coolvetica-rg.ttf") format("woff");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "Involve Medium";
	src: url("//cctv7.ru/wp-content/uploads/2025/03/involve-medium.ttf") format("woff");
	font-weight: 500;
	font-style: normal;
}

/* Style wrapping span as button */
span.wpcf7-form-control-wrap.DropFileHere {
    display: inline-block;
    position: relative;
    width: 120px;
    height: 40px;
    border-radius: 5px;
    border: solid 1px #4096ee;
    background: linear-gradient(to bottom, #7abcff 0%,#60abf8 44%,#4096ee 100%);        
    color: #FFF;
    overflow:hidden;
}





.blog-design-masonry.blog-style-bg :is(.post-img-wrapp,.entry-thumbnail img) {
    border-radius: 20px !important;
}
.blog-design-masonry.wd-add-shadow .article-inner {
    box-shadow: 0 0 0px rgba(0, 0, 0, 0.12) !important;
}
.wd-post.blog-style-bg .article-body-container {
    background-color: #ffffff00 !important;
}


@media (min-width: 1025px) {
    .wd-notice.wd-success, .wpcf7 form.sent .wpcf7-response-output, .mc4wp-success, .woocommerce-message {
        background-color: var(--notices-success-bg);
        color: var(--notices-success-color);
        top: 10px !important;
        border-radius: 10px !important;
        font-size: 12px !important;
    }
}

fieldset {
    display: none;
}
@media (min-width: 1025px) {
	.nik-test-bg {
	background: #000;
}

.whb-general-header-inner {
        background-color: white;
	border-radius: 20px;}
	
	
.blue_home{
width: 408px;
        height: 400px;
        margin-top: -30px;
        margin-left: 20px;
}

.blue_home_cam{
position: absolute;
        width: 408px;
        height: 400px;
        left: 50px;
        top: -30px;
}

.btn_green_home{
position: absolute !important;
        width: 241px;
        height: 66px;
        left: 167px;
        top: 334px;
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 20px !important;
}

.arrow_zak_cons{
position: absolute;
        left: 181px;
        top: 8px;

}

.zak_cons{
position: absolute;
        left: 20px;
        top: 15px;
        line-height: 18px;
        font-family: 'Coolvetica Regular';
        font-weight: 400;
        font-size: 18px;
        color: #FFFFFF;
}

.fon_cam_right_home{
position: absolute;
        width: 622px;
        height: 400px;
        left: 468px;
        top: -30px;
}

.camera_home{
position: absolute;
        width: 418px;
        height: 418px;
        left: 695px;
        top: -10%;
}

.hexagon{
position: absolute;
        width: 282px;
        height: 145px;
        top: 200px;
        left: 490px;
}

.ellipse{
position: absolute;
        left: 689px;
        top: 217px;
}



.wd-wpb.wd-tabs:not(.wd-products-tabs) .wd-nav-tabs>li>a:focus {
    color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 100px;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: linear-gradient(188deg, #5394DE 25%, #71D6FF 75%);
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none;
}


/*Заголовок блоков*/
.zagolovok{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
/*END*/


.fon_cam_home{
background-image: url(http://cctv7.ru/wp-content/uploads/2025/03/image.png);
		background-size: cover;
		height:185px;
	width:499px;
	margin-left:20px;
	margin-top: 45px;

}

.cam_home{
position: absolute;
        width: 366px;
        height: 150px;
        top: 60%;
        left: 39.8%;
}

.blue_right{
position: absolute;
width: 400px;
height: 173px;
background: #ECF4FF;
border-radius: 20px;
	top: 60px;
        left: -20px;
}

.blue_right_2{
position: absolute;
width: 400px;
height: 173px;
background: #ECF4FF;
border-radius: 20px;
	top: 243px;
        left: -20px;
}

.btn_home_2{
position: absolute !important;
        width: 399px;
        height: 66px;
        left: -8%;
        top: 391px;
        background: linear-gradient(45deg, #16901B 0%, #D5DEDB 100%);
        border-radius: 20px !important;
        color: white !important;
        text-align: left;
}
.green_arrow{
position: absolute;
        width: 50px;
        height: 50px;
        top: 434px;
        left: 78%;

}

.zagolovok_carusel{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 15px;
        margin-top: 45px;
        position: absolute;
}
.carus_arr_1{
position: absolute;
        left: 192px;
        top: 10px;
}


.zagolovok_carusel_2{
color: white;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        margin-left: 20px;
        margin-top: -90px;
}
 .carus_arr_2{
position: absolute;
        left: 192px;
                top: -140px;
}


.zagolovok_carusel_3{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -117px;
        position: absolute;
}
 .carus_arr_3{
position: absolute;
        left: 192px;
                top: -140px;
}


.zagolovok_carusel_4{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -95px;
}
.carus_arr_4{
position: absolute;
        left: 192px;
        top: -140px;
}
.zagolovok_carusel_5{
color: white;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -107px;
        position: absolute;
}
 .carus_arr_5{
position: absolute;
        left: 192px;
                top: -140px;
}

.car_home{
width: 242px;
height: 150px;
}


/*
:is(.box-icon-align-left,.box-icon-align-right) .box-icon-wrapper {
    max-width: 50%;
    position: absolute;
    top: 10px;
    left: 190px;
}
*/

.btn_perehod{
width: 999px;
        height: 66px;
        position: absolute !important;
        left: 55px;
        top: -30px;
}
.zagolovok_btn_perehod{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 18px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -43px;
}
.btn_arrow{
position: absolute;
        width: 40px;
        height: 40px;
        left: 1010px;
        top: -40%;
}

.zagolovok_btn_2{
color: white;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        margin-left: 20px;
        margin-top: -50px;
}

.stoim{
background: linear-gradient(152deg, #3a3a3a 0%, #9b9b9b 100%);
}

.wpcf7 form:not(.sent) .wpcf7-response-output, .mc4wp-error, .mc4wp-notice, :is(.woocommerce-error,.woocommerce-info) {
    background-color: #e0b25200 !important;
    color: #ffffff00 !important;
}
.wd-notice.wd-success, .wpcf7 form.sent .wpcf7-response-output, .mc4wp-success, .woocommerce-message {
    background-color: var(--notices-success-bg);
    color: var(--notices-success-color);
    top: -45px;
    border-radius: 50px;
}

input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
    padding: 0 15px;
    max-width: 100%;
    width: 100%;
    height: 50px;
    border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
    border-radius: 100px;
background-color: #878787;
    box-shadow: none;
    color: white;
    vertical-align: middle;
    font-size: 14px;
    transition: border-color .5s ease;
}

table td {
    padding: 0px 5px;
    border-bottom: 0px solid var(--brdcolor-gray-300);
    vertical-align: middle;
    text-align: start;
}

.btn_form {
width: 130%;
        position: relative;
        left: -30%;
        height: 66px;
        border-radius: 20px;
        text-transform: none;
        font-size: 18px;
        font-family: "Coolvetica regular";
        font-weight: 300;
        text-align: left;
        background-image: url(http://cctv7.ru/wp-content/uploads/2025/03/black_arrow.svg);
        background-repeat: no-repeat;
        background-position-x: 333px;
        background-position-y: center;

}

/* Add button text */
.wpcf7-file:before {
content: "Прикрепить файл";
    position: absolute;
    width: 120px;
    height: 40px;
    left: 0px;
    bottom: 0px;
    color: #FFF;
    font-size: 16px;
}

/* Made input big and move it left and top inside wrapper to hide actual control but leave input clickable */
input.wpcf7-form-control.wpcf7-file {
position: absolute;
    width: 140px;
    height: 63px;
    left: 54px;
    top: 147px;
    outline: none !important;
	font-size: 0px;
}

.retro_calc{
position: absolute;
        width: 200px;
        height: 302px;
        top: 0%;
        filter: grayscale(100%);
}
.retro_calc_2{
	position: absolute;
        width: 251px;
        height: 167px;
        top: 56%;
        left: 81.8%;
        filter: grayscale(100%);
}
/*
.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 100px;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: linear-gradient(188deg, #5394DE 25%, #71D6FF 75%);
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none;
}
*/
.wd-nav-link{
background-color: white;
        border: solid 1px #5394de;
        border-radius: 100px;
        font-size: 14px !important;
        font-weight: 400 !important;
        text-transform: none !important;
        padding-left: 37px !important;
        padding-right: 37px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
}
.wd-nav[class*="wd-style-"]>li>a {
    color: #569ce2;
}

.wd-nav-tabs {
    --nav-gap: 10px !important;
}

.cases{
width: 480px;
	height:320px;
}
.cases_title{
	position: absolute;
        width: 382px;
        height: 58px;
        left: 40px;
        top: 240px;
        font-family: 'Coolvetica Regular';
        font-style: normal;
        font-size: 26px;
        line-height: 111.35%;
        color: #FFFFFF;
}

.cases_icon{
position: absolute;
        left: 88%;
        top: 5%;
}

.block-1{
position: absolute;
        width: 411px;
        height: 200px;
        left: 50px;
        top: 167px;
}
.ugol_1{
position: absolute;
        left: 85.5%;
        top: 0px;
}
.number_1{
position: absolute;
        left: 91%;
        top: 20px;
        font-family: "Coolvetica Regular";
        font-size: 21px;
        color: white;
}
.block-2{
position: absolute;
        width: 529px;
        height: 200px;
        left: 471px;
        top: 167px;
}
.ugol_2{
position: absolute;
        left: 88.7%;
        top: 0px;
}
.number_2{
position: absolute;
        left: 92.5%;
        top: 20px;
        font-family: "Coolvetica Regular";
        font-size: 21px;
        color: white;
}

.block-3{
position: absolute;
        width: 529px;
        height: 200px;
        left: 50px;
        top: 376px;
}
.ugol_3{
position: absolute;
left: 88.8%;
        top: 0px;
}
.number_3{
position: absolute;
        left: 92.5%;
        top: 20px;
        font-family: "Coolvetica Regular";
        font-size: 21px;
        color: white;
}

.block-4{
position: absolute;
        width: 411px;
        height: 200px;
        left: 588px;
        top: 376px;
}
.ugol_4{
position: absolute;
        left: 85.5%;
        top: 0px;
}
.number_4{
position: absolute;
        left: 91%;
        top: 20px;
        font-family: "Coolvetica Regular";
        font-size: 21px;
        color: white;
}

.block-5{
position: relative;
        width: 951px;
        height: 200px;
        left: 34px;
        top: -45px;
}
.ugol_5{
position: absolute;
        left: 93.7%;
        top: 0px;
}
.number_5{
position: absolute;
        left: 96%;
        top: 20px;
        font-family: "Coolvetica Regular";
        font-size: 21px;
        color: white;
}


.demo{
background: linear-gradient(152deg, #3a3a3a 0%, #9b9b9b 100%);
	height: 200px;
}

.demo_cam_1{
position: absolute;
        width: 276px;
        height: 127px;
        left: 15px;
        top: 0px;
}
.demo_cam_2{
position: absolute;
        width: 290px;
        height: 127px;
        left: 765px;
        top: 0px;
}

.btn_demo_1{
position: absolute !important;
        width: 399px;
        height: 66px;
        left: 90px;
        top: -15px;
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 20px !important;
        color: white !important;
text-align: center;
}
.btn_demo_2{
position: absolute !important;
        width: 399px;
        height: 66px;
left: 500px;
        top: -15px;
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 20px !important;
        color: white !important;
text-align: center;
}

.testimon-style-info-top .wd-testimon-text {
    background-color: #d7d7d7 !important;
    border-radius: 20px !important;
	width: 98%;
}

.wd-accordion-opener {
    color: #000000 !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

.wd-accordion.wd-style-default>.wd-accordion-item {
    border-bottom: 1px solid #303030 !important;
}

.wd-footer {
    background-color: #efefef;
}

.footer_block{
background: linear-gradient(45deg, #4E4F53 0%, #A5A5A7 100%);
	height:238px;
	border-radius:20px 20px 0px 0px;
}

.logo_footer{
position: absolute;
        width: 50px;
        height: 57px;
        left: 30px;
        top: 30px;
	}
.tlg_footer{
position: absolute;
        width: 40px;
        height: 47px;
        left: 94%;
        top: 30px;
}

.pol_cons{
        width: 210px;
        height: 44px;
        border-radius: 20px;
        position: absolute;
        left: 12%;
        top: 100px;
}

.zvonok{
width: 210px;
        height: 44px;
        border-radius: 20px;
        position: absolute;
        right: 12%;
        top: 100px;
}

.pochta_block{
        position: absolute !important;
        left: 35%;
        top: 110px;
}
.phone_block{
position: absolute !important;
        right: 35%;
        top: 110px;
}

/*
input[type="file"] {
    appearance: none;
    background-color: initial;
    cursor: default;
    align-items: baseline;
    color: inherit;
    text-overflow: ellipsis;
    text-align: start !important;
    padding: initial;
    border: initial;
    white-space: pre;
    overflow: hidden !important;
	font-size: 0px !important;
position: relative;
}
*/


/* О КОМПАНИИ */

	.col3{
background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/family-showcasing-their-home_23-2151624871.png);
    background-size: cover;
    border-radius: 20px;
    height: 400px;
    width: 541px;
    left: 20px;
    top: 4px;
	}

.col04{
position: absolute !important;
    width: 489px;
    height: 400px;
    top: 97px;
    left: 825px;
    background-color: white;
    border-radius: 20px;
	}


.site2_zag{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        text-transform: uppercase;
        font-size: 24px;
        line-height: 26px;
        font-weight: 400;
        font-family: 'Coolvetica Regular';
}
.site2_btn_home{
position: absolute !important;
        width: 241px;
        height: 50px;
left:35px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 10px !important;
        text-align: left;
}

.zagolovok_btn_2_2{
color: white;
        font-size: 16px;
        font-family: 'Coolvetica Regular';
        font-weight: 400;
        margin-left: 20px;
        margin-top: -3px;
}

.green_arrow_2{
position: absolute;
        width: 8.485%;
        height: auto;
        top: 272px;
        left: 250px;
        object-fit: contain;
        background-size: cover;
        background-position: center;
        padding-bottom: 1.416%;
}

.zagolovok_black{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.black_title{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
	font-size:51px;
	font-weight:400;
	font-decoration:uppercase;
	font-family: 'Coolvetica Regular';
}
.black_descr{
font-family: 'Involve Regular';
font-weight: 400;
font-size: 12.827px;
line-height: 110%;
color: rgba(0, 0, 0, 0.6);
	margin-top: -7px;
}

.black_title_case{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
	font-size:51px;
	font-weight:400;
	font-family: 'Coolvetica Regular';
}
.black_descr_case{
font-family: 'Involve Regular';
font-weight: 400;
font-size: 14.43px;
line-height: 110%;
color: rgba(0, 0, 0, 0.6);
}
.blue_descr_case{
font-family: 'Involve Regular';
font-weight: 400;
font-size: 14.43px;
line-height: 110%;
color: #3461FF;
	margin-top:10px;
}


.free_cons{
background: linear-gradient(152deg, #3a3a3a 0%, #9b9b9b 100%);
	height: 406px;
}

.camers_about{
position: absolute;
        width: 512px;
        height: 512px;
        left: 82px;
        top: 5%;
}

.btn_white_about{
position: absolute;
        background-color: white;
        border-radius: 20px;
        width: 399px;
        height: 66px;
        left: 80px;
        top: 280px;
}

.black_arrow_about{
position: absolute;
        top: -10px;
        left: 314px;
}


/* FOR BUSINESS */

.green_fb{
	position:absolute;
background-color:white;
	border-radius: 10px;
	width:241px;
	height:50px;
left: 70px;
        top: 130px;
}

.podrob_fb{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
	font-size:16px;
	font-weight:400;
	font-family: 'Coolvetica Regular';
	margin-top: 12px;
	margin-left: 15px;
}

.green_arrow_fb{
position: absolute;
        left: 179px;
        top: 4px;
        width: 42px;
        height: 42px;;
}

.cam_fb{
position: absolute;
        width: 213px;
        height: 198px;
        left: 76%;
        top: 0px;
}

.green_check_fb{
position: absolute;
        left: 202px;
        top: 68px;
        width: 40px;
        height: 40px;
}

.block_fb_1{
	background-color:white;
	border-radius:20px;
	width: 667px;
	height: 170px;
}
.block_fb_2{
position: absolute;
        background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        border-radius: 20px;
        width: 363px;
        height: 170px;
        top: 115px;
        left: 694px;
}
.block_fb_3{
margin-top:10px;
background: linear-gradient(87.23deg, #58CF50 1.3%, #D5DEDB 325.25%);
        border-radius: 20px;
        width: 363px;
        height: 170px;

}

.block_fb_4{
position: absolute;
        background-color: white;
        border-radius: 20px;
        width: 667px;
        height: 170px;
        left: 390px;
        top: 295px;
}

.quadro_fb{
position: absolute;
        width: 40px;
        height: 40px;
        left: 30px;
        top: 20px;	
}


.number_fb{
position: absolute;
        top: 23px;
        left: 41px;
        font-family: "Coolvetica Regular";
        font-size: 20px;
        font-weight: 400;
        color: white;
}

.number_fb_blue{
position: absolute;
        top: 23px;
        left: 41px;
        font-family: "Coolvetica Regular";
        font-size: 20px;
        font-weight: 400;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.number_fb_green{
position: absolute;
        top: 23px;
        left: 41px;
        font-family: "Coolvetica Regular";
        font-size: 20px;
        font-weight: 400;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

    .image1_fb {
        position: absolute;
        top: 10px;
        left: 388px;
        width: 270px;
        height: 151px;
}

.big_photo_fb{
		background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/group-615-2.png);
        background-size: cover;
        border-radius: 20px;
        border-color: #efefef !important;
        border: 5px solid;
width:493px;
	height:380px;
}

.iia{
        position: absolute;
        top: 5px;
        left: 20px;
        width: 537px;
        height: 170px;
        border-radius: 20px;
        background-color: white;
}

.iia_blue{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        position: absolute;
        width: 313px;
        height: 190px;
        left: 20px;
        top: 186px;
        border-radius: 20px;
}

.iia_photo{
position: absolute;
        background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/kateshtykova_04786_the_specialist_installs_the_camera_on_the_st_365bbb5e-952d-4723-be79-693248b73fa7-3.png);
        background-size: cover;
        width: 213px;
        height: 189px;
        left: 342px;
        top: 187px;
}

.zzz{
margin-left: -30px;
        margin-right: 5px;
        margin-top: 8px;
}

.cam_black_fb{
position: absolute;
    width: 372px;
    height: 477px;
    left: 658px;
    top: -16px;
}

.cam_white_fb{
position: absolute;
        width: 288px;
        height: 288px;
        left: 430px;
        top: 0px;
}

.cam_left_fb{
position: absolute;
        width: 233px;
        height: 130px;
        left: 70px;
        top: 50px;
}

.btn_white_fb{
        position: absolute;
        background-color: white;
        border-radius: 20px !important;
        width: 399px;
        height: 66px;
        left: 590px;
        top: -70px;
}

.zap_form{
position: absolute;
left: 20px;
top: 20px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 18px;
color: #57585C;

}

.black_arrow_fb{
position: absolute;
        top: 8px;
        left: 341px;
        width: 50px;
        height: 50px;
}



/* FOR INDIVIDUAL */
.photo_left_fi{
        width: 513px;
        height: 279px;
}

.block_1_fi{
position:absolute;
	background-color: white;
	border-radius:20px;
	width:250px;
	height:133px;
top: 0px;
        left: 523px;
}

.block_2_fi{
position: absolute;
        border-radius: 20px;
        width: 250px;
        height: 133px;
top: 0px;
        left: 783px;
        border: 1px solid;
        border-color: #5394DE;
}

.block_3_fi{
position: absolute;
        background-color: white;
        border-radius: 20px;
        width: 250px;
        height: 133px;
left: 783px;
        top: 144px;
}

.block_4_fi{
position: absolute;
        border-radius: 20px;
        width: 250px;
        height: 133px;
top: 144px;
        left: 523px;
        border: 1px solid;
        border-color: #5394DE;
}

.blue_arrow_fi{
position: absolute;
        width: 40px;
        height: 40px;
        top: 10px;
        left: 200px;
}

.cam_left_fi{
position: absolute;
        width: 187px;
        height: 186px;
top: 0px;
        left: 334px;
}

.btn_white_fi{
        position: absolute !important;;
        background-color: white!important;;
        border-radius: 10px !important;
        width: 241px!important;;
        height: 50px!important;;
left: 45px!important;
        top: 190px!important;
}

.podr_blue_fi{
position: absolute;
top: 12px;
        left: 25px;
        font-family: "Coolvetica Regular";
	font-weight: 400;
font-size: 16px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.blue_arrow_2_fi{
position: absolute;
        width: 42px;
        height: 42px;
        top: 4px;
        left: 194px;
}

.black_title_fi{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
	font-size:30px;
	font-weight:400;
	font-family: 'Coolvetica Regular';
}

.col1_fi{
background-color: white;
	border-radius:20px;
        width: 537px;
        height: 180px;
        margin-top: -10px;
        margin-left: 20px;
}

.col2_fi{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
	border-radius:20px;
        width: 493px;
        height: 180px;
        margin-top: -180px;
        margin-left: 567px;
}

.col3_fi{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
	border-radius:20px;
        width: 395px;
        height: 180px;
        margin-top: 10px;
        margin-left: 20px;
}

.col4_fi{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
	border-radius:20px;
        width: 635px;
        height: 180px;
        margin-top: -180px;
        margin-left: 425px;
}

.pereed{
position: absolute;
        width: 90px;
        height: 152px;
        top: 4px;
        left: 390px;
}

.big_image_fi{
width:1039px;
	height:480px;
}


.blur_1_fi{
position: absolute;
        width: 371px;
        height: 109px;
        left: 50px;
        top: 233px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;
}

.blur_2_fi{
position: absolute;
        width: 371px;
        height: 109px;
        left: 431px;
        top: 233px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;
}


.blur_3_fi{
position: absolute;
        width: 371px;
        height: 109px;
        left: 50px;
        top: 351px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;
}

.blur_4_fi{
position: absolute;
        width: 371px;
        height: 109px;
        left: 431px;
        top: 351px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;
}


.cam_up_fi{
position: absolute;
        width: 460px;
        height: auto;
        top: -100px;
        left: 580px;
}

.cam_down_fi{
position: absolute;
        width: 346px;
        height: 346px;
        top: 65px;
        left: 767px;
}

.cam_left_2_fi{
position: absolute;
        width: 155px;
        height: 155px;
        left: 70px;
        top: 50px;
}

.foto_cam_fi{
position: absolute;
        left: 535px;
        top: -20px;
}

.big_2_foto_fi{
position: absolute;
        left: 648px;
        top: -182px;
        width: 550px;
        height: 700px;
        border-radius: 45px;
        transform: scale(0.48, 0.48);
}


/* НАШИ РАБОТЫ */

.cases_icon_port{
position: absolute;
        left: 395px;
        top: -230px;
        width: 40px;
        height: 40px;
}

/* ДОП ДЛЯ БИЗНЕСА */

.photo_1_system{
background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/image-1.png);
        background-size: cover;
        width: 480px;
        height: 320px;
        margin-left: 576px;
        margin-top: -30px;

}

.photo_stroy_system{
background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/xxxl-2.jpg);
        background-size: cover;
        width: 480px;
        height: 320px;
        margin-left: 576px;
        margin-top: -30px;
	border-radius:15px;

}

.photo_med_system{
background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/glavnaya.jpg);
        background-size: cover;
        width: 480px;
        height: 320px;
        margin-left: 576px;
        margin-top: -30px;
	border-radius:15px;

}

.photo_caffe_system{
background-image: url(http://cctv7.ru/wp-content/uploads/2025/07/ce16522eaf91771a8afd470dbf0f9db8.jpg);
        background-size: cover;
        width: 480px;
        height: 320px;
        margin-left: 576px;
        margin-top: -30px;
	border-radius:15px;

}




.green_fon_system{
position: absolute;
        width: 551px;
        height: 197px;
        left: 30px;
        top: -30px;
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 20px;
}

.white_fon1_system{
position: absolute;
        width: 190px;
        height: 113px;
        left: 30px;
        top: 177px;
        background: white;
        border-radius: 20px;
}

.white_fon2_system{
position: absolute;
        width: 351px;
        height: 113px;
        left: 230px;
        top: 177px;
        background: white;
        border-radius: 20px;
}

.block_1_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/image-1.png);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 17px;
        margin-top: 10px;
	border-radius: 20px;
}

.block_1stroy_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/16c8f8ac7b57_1113.jpg);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 17px;
        margin-top: 10px;
	border-radius: 20px;
}
.block_2stroy_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/theft-in-construction.jpg);
        background-size: cover;
        width: 420px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}
.block_3stroy_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/sirix-main-photo-best-business-perimeter-solutions-1-scaled-1.webp);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}

.block_2_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/image-1.png);
        background-size: cover;
        width: 420px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}

.block_3_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/04/image-1.png);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}

.block_1med_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/healthcare-2-security-1536x1152-1.jpg);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 17px;
        margin-top: 10px;
	border-radius: 20px;
}

.block_2med_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/47fcc68cf11bf0aadea2bfd42c47d06bde74305f-4900x3675-1.jpg);
        background-size: cover;
        width: 420px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}
.block_3med_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/06/hospital-surveillanc.jpg);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}


.block_1caffe_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/07/xxl_height-1.jpg);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 17px;
        margin-top: 10px;
	border-radius: 20px;
}

.block_2caffe_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/07/1512411584_maxresdefault-800x500xc.jpg);
        background-size: cover;
        width: 420px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}
.block_3caffe_system{
	background-image: url(http://cctv7.ru/wp-content/uploads/2025/07/adt-connected-video-streaming-technology.jpg);
        background-size: cover;
        width: 300px;
        height: 250px;
        margin-left: 7px;
        margin-top: 10px;
	border-radius: 20px;
}


/* КОНТАКТЫ */
.btn_green_cont_tg{
background-color:white;
	border-radius:10px;
	width: 241px;
	height: 50px;
	position:absolute;
	left: 30px;
        top: 160px;
}
.podrob_fb_cont {
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 16px;
        font-weight: 400;
        font-family: 'Coolvetica Regular';
        margin-top: 12px;
        margin-left: 15px;
    }

.btn_green_cont_vk{
background-color:white;
	border-radius:10px;
	width: 241px;
	height: 50px;
	position:absolute;
	left: 30px;
        top: 220px;
}

.btn_green_cont_ig{
background-color:white;
	border-radius:10px;
	width: 241px;
	height: 50px;
	position:absolute;
	left: 281px;
        top: 160px;
}

.btn_green_cont_tube{
background-color:white;
	border-radius:10px;
	width: 241px;
	height: 50px;
	position:absolute;
	left: 281px;
        top: 220px;
}


.green_arrow_cont{
position: absolute;
        left: 178px;
        top: 4px;
        width: 42px;
        height: 42px;;
}


/* УСТАНОВКА СИСТЕМ */
.blue_fone_us{
width: 423px;
        height: 281px;
        margin-left: -15px;
        margin-top: -30px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
border-radius: 20px;
}

.blue_btn_us{
        position: absolute;
        width: 241px;
        height: 50px;
        left: 75px;
        top: 155px;
        background: #FFFFFF;
        border-radius: 10px;
}

.blue_podrob_us{
position: absolute;
left: 14px;
top: 14px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.blue_arrow_us{
position: absolute;
        width: 42px;
        height: 42px;
        left: 180px;
        top: 4px;

}

.image_right_us{
position: absolute;
        width: 607px;
        height: 281px;
        left: 448px;
        top: -30px;
}

.blue_arrow_2_us{
position: absolute;
        width: 40px;
        height: 40px;
        left: 160px;
        top: 5px;
}

.big_fon_us{
width: 1039px;
        height: 480px;
}

.fonar_us{
position: absolute;
        width: 300px;
        height: 300px;
        left: 520px;
        top: 0px;
}

.blur_1_us{
position: absolute;
        width: 410px;
        height: 109px;
        left: 60px;
        top: 234px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;

}

.blur_2_us{
position: absolute;
        width: 469px;
        height: 109px;
        left: 477px;
        top: 234px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;
	z-index:50;

}

.blur_3_us{
position: absolute;
        width: 485px;
        height: 109px;
        left: 60px;
        top: 352px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;

}

.blur_4_us{
position: absolute;
        width: 392px;
        height: 109px;
        left: 554px;
        top: 352px;
        background: rgba(0, 0, 0, 0.11);
        border: 1px solid rgba(255, 255, 255, 0.28);
        backdrop-filter: blur(10px);
        border-radius: 20px;

}

.stoim_green{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
}

#wpcf7-f233-p712-o1{
    input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
        padding: 0 15px;
        max-width: 100%;
        width: 100%;
        height: 50px;
        border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
        border-radius: 100px;
background-color: rgba(255, 255, 255, 0.16);
        box-shadow: none;
        color: white;
        vertical-align: middle;
        font-size: 14px;
        transition: border-color .5s ease;
    }
}


.bel_zel_1_us{
width: 342px;
height: 143px;
margin-left: 0px;
margin-top: 0px;
background: #FFFFFF;
border-radius: 20px;
}
.cifra_01_us{
position: absolute;
left: 310px;
        top: 15px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
line-height: 111.35%;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.bel_zel_2_us{
width: 342px;
height: 143px;
        margin-left: 0px;
        margin-top: 10px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
border-radius: 20px;
}
.cifra_02_us{
position: absolute;
left: 310px;
        top: 15px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
line-height: 111.35%;
color:white;
}

.bel_zel_3_us{
width: 342px;
height: 143px;
        margin-left: 352px;
        margin-top: -296px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
border-radius: 20px;
}
.cifra_03_us{
position: absolute;
left: 15px;
        top: -138px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
line-height: 111.35%;
color:white;
}


.bel_zel_4_us{
width: 342px;
height: 143px;
margin-left: 352px;
margin-top: 10px;
background: #FFFFFF;
border-radius: 20px;
}
.cifra_04_us{
position: absolute;
left: 15px;
        top: 15px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
line-height: 111.35%;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.big_cam_us{
position: absolute;
        left: 615px;
        top: -130px;
        width: 500px;
        height: 500px;
        transform: scale(0.85, 0.85);
}

/* ВИДЕОНАБЛЮДЕНИЕ ДЛЯ СКЛАДОВ */

.ban_vds{
width: 1040px;
height: 229px;
margin-left: 0px;
margin-top: -28px;
}

.fonar_vds{
        position: absolute;
        width: 164.86px;
        height: 153px;
        left: 425px;
        top: 0px;
}

.ban_txt_vds{
        position: absolute;
left: 640px;
        top: 60px;
}

.ban_btn_blue_vds{
position: absolute !important;
width: 241px;
height: 50px;
left: 640px;
        top: -30px;
background: #FFFFFF;
border-radius: 10px !important;
}

.podr_ban_blue_vds{
position: absolute;
left: 20px;
top: 11px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.podr_ban_blue_arrow_vds{
position: absolute;
left: 194px;
        top: 4px;
}

.check_blue_vds{
position: absolute;
        left: 29px;
        top: 20px;
        width: 42px;
        height: 42px;
}

.photo_left_vds{
width: 214px;
        height: 380px;
        margin-left: 20px;
        margin-top: 40px;
}

.black_center_vds{
position: absolute;
        width: 313px;
        height: 190px;
        left: 274px;
        top: 40px;
        background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
        border-radius: 20px;
}

.white_center_vds{
position: absolute;
        width: 313px;
        height: 180px;
        left: 274px;
        top: 240px;
        background: white;
        border-radius: 20px;
}

.photo_right_vds{
position: absolute;
        width: 493px;
        height: 380px;
        left: 597px;
        top: 40px;
        border-radius: 20px;

}

.green_vds{
width: 1040px;
        height: 406px;
        margin-left: 0px;
        margin-top: 40px;
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 20px;

}

.green_fon_foto_left_vds{
position: absolute;
        width: 170px;
        height: 95px;
        left: 70px;
        top: 60px;
        border-radius: 10px;
}

.green_fon_foto_left_2_vds{
position: absolute;
        width: 170px;
        height: 95px;
        left: 242px;
        top: 60px;
        border-radius: 10px;
}

.big_cam_green_vds{
position: absolute;
        width: 267px;
        height: 267px;
        left: 680px;
        top: 0px;
}

.black_btn_green_fon{
position: absolute !important;
        width: 399px;
        height: 66px;
        left: 610px;
        top: -75px;
        background: #FFFFFF;
        border-radius: 20px !important;
}

.zap_form_vds{
position: absolute;
left: 30px;
top: 18px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 18px;
color: #57585C;
}

.zap_form_arrow_vds{
position: absolute;
width: 50px;
height: 50px;
left: 320px;
top: 7px;
}

.wd-page-content {
    background-color: #efefef;
}
.wd-post-meta, .wd-style-with-bg  {
    visibility: hidden;
}
.attachment-post-thumbnail, .size-post-thumbnail, .wp-post-image{
border-radius:20px;
}

/* Заголовок новости */
.blog-design-masonry .post-title {
    font-size: 18px !important;
    line-height: 20px;
    font-weight: 600;
    color: black !important;
    text-align: left;
    margin-left: -20px;
}

.entry-content {
    text-align: left;
/*    margin-left: -20px; edited by Nikolai */
    font-weight: 500;
    font-size: 14px;
    color: #343434;
	margin-bottom: 40px;
}

.read-more-section a {
    --wd-link-color: #343434 !important;
    --wd-link-color-hover: #343434 !important;
    text-transform: none !important;
    font-weight: 700 !important;
    font-size: 13px !important;
    border: solid 1px #343434 !important;
    border-radius: 15px !important;
    padding: 15px 65px 15px 65px !important;
}

@media (min-width: 1070px)
footer_block{
display: none;
}

.wd-dropdown {
    border-radius: 10px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
	.nik-test-bg {
	background: grey;
}
}

@media (min-width: 577px) and (max-width: 767px) {
	.nik-test-bg {
	background: yellow;
}
}

@media (max-width: 576px) {
	.nik-test-bg {
	background: blue;
}

/* Устанавливаем ширину верстки мобильного устройства */
.container, .container-fluid {
	width:     calc(100% - 20px) !important;
}

/* Заливаем фон footer */
.wd-footer {
	background-color: #efefef !important;
}


.general_fone_one{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
border-radius: 13.9216px;
	height: 278.43px;
}

/* Зеленая кнопка Экрана 1 */
.btn_green_home {
width: 80%;
    height: 50px;
    bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
    border-radius: 10px !important;
}

/* Стрелка на кнопке Экрана 1 */
.arrow_zak_cons{
width: 34px;
    height: 34px;
    margin-top: 5px;
    position: absolute;
    right: 5px;
}

/* Надпись на кнопке Экрана 1 */
.zak_cons{
position: absolute;
    left: 20px;
    top: 13px;
    font-family: 'Coolvetica Regular';
    font-weight: 400;
    font-size: 14px;
    color: #FFFFFF;
}

/* Установка фона Экрана 2 */
.ecran_2_new{
    height: 183px;
border-radius: 13.9216px;
}

/* Установка камер фона Экрана 2 */
.ecran_2_camera_new{
position: absolute;
    height: 190px;
    width: 190px;
    right: 5px;
    top: 0px;
}

.ecran_2_new_mut{
background: rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(12.5px);
    border-radius: 10px;
    width: 80%;
    position: absolute;
    left: 8%;
    bottom: -135px;
}














































/* Установка фона Экрана 1 */
.ecran_1{
	width: 284px;
	height: 279px;
}

/* Установка камер фона Экрана 1 */
.ecran_1_camera{
	position: absolute;
	width: 284px;
	height: 279px;
	left: 32px;
    top: 0px;
}

.shirina{
width:80%;
}









/* Синий заголовок разделов */
.zagolovok{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

/* Голубая левая ячейка */
.ecran_2_blue_left{
width: 119px;
        height: 100px;
        margin-left: 7px;
        margin-top: -15px;

}

/* Голубая левая ячейка */
.ecran_2_blue_right{
width: 119px;
        height: 100px;
        margin-left: 131px;
        margin-top: -100px;

}

/* Кнопка Подробнее зеленая */
.btn_home_2{
        width: 243px;
        height: 50px;
        left: 5px;
        top: -20px;
        background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
        border-radius: 15px !important;
}

/* Текст Подробнее на зеленом */
.zagolovok_btn_2{
position: absolute;
        left: 20px;
        top: -36px;
        font-family: 'Coolvetica Regular';
        font-weight: 400;
        font-size: 14px;
        color: #FFFFFF;
}

/* Стрелка на зеленом */
.arrow_btn_2_green{
position: absolute;
        width: 34px;
        height: 34px;
        left: 200px;
        top: -42px;
}

/* Модули блока Системы */
.car_home0{
width: 100%;
height: 150px;
}

.zagolovok_carusel{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 15px;
        margin-top: 45px;
        position: absolute;
}
.carus_arr_1{
position: absolute;
right: 10px;
        top: 10px;
	        width: 40px;
        height: 40px;
}

.zagolovok_carusel_2{
color: white;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        margin-left: 20px;
        margin-top: -90px;
}

.carus_arr_2, .carus_arr_3, .carus_arr_4, .carus_arr_5{
position: absolute;
right: 10px;
top: -140px;
	        width: 40px;
        height: 40px;
}

.zagolovok_carusel_3{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -117px;
        position: absolute;
}
 
.zagolovok_carusel_4{
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
        text-fill-color: transparent;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -95px;
}

.zagolovok_carusel_5{
color: white;
        font-size: 20px;
        font-family: 'Coolvetica Regular';
        line-height: 21px;
        margin-left: 20px;
        margin-top: -107px;
        position: absolute;
}


/* Кнопка белая с синим контуром */
.btn_blue_contur{
	width: 80%;
    height: 50px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
    border-radius: 15px !important;
    border: 1px solid #5394DE;
}

.zak_cons_mob_blue{
position: absolute;
left: 15px;
top: 12px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 14px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.zak_cons_mob_arow{
position: absolute;
    right: 5px;
    top: 5px;
}

/* Форма обратной связи */
.stoim{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
}

.cf7_pod{
margin-bottom: -12px;
}

.wpcf7 form:not(.sent) .wpcf7-response-output, .mc4wp-error, .mc4wp-notice, :is(.woocommerce-error,.woocommerce-info) {
    background-color: #e0b25200 !important;
    color: #ffffff00 !important;
}
.wd-notice.wd-success, .wpcf7 form.sent .wpcf7-response-output, .mc4wp-success, .woocommerce-message {
    background-color: var(--notices-success-bg);
    color: var(--notices-success-color);
    top: -45px;
    border-radius: 50px;
}

:is(.btn,.button,button,[type=submit],[type=button]) {
    justify-content: left !important;
    }


input[type='email'], input[type='date'], input[type='search'], input[type='number'], input[type='text'], input[type='tel'], input[type='url'], input[type='password'], :root textarea, :root select {
 padding: 0px 15px 0px 30px;
        max-width: 100%;
        width: 100%;
        height: 50px;
        border: var(--wd-form-brd-width) solid var(--wd-form-brd-color);
        border-radius: 100px;
        background-color: #878787;
        box-shadow: none;
        color: white;
        vertical-align: middle;
        font-size: 12px;
        transition: border-color .5s ease;
}

table td {
    padding: 0px 5px;
    border-bottom: 0px solid var(--brdcolor-gray-300);
    vertical-align: middle;
    text-align: start;
}

.btn_form {
width: 100%;
    top: 20px;
    position: relative;
    height: 50px;
    border-radius: 15px;
    text-transform: none;
    font-size: 14px;
    font-family: "Coolvetica regular";
    font-weight: 300;
    background-image: url(http://cctv7.ru/wp-content/uploads/2025/03/black_arrow.svg);
    background-repeat: no-repeat;
    background-size: 34px;
    margin-bottom: -30px;
    background-position: bottom 8px right 10px;
}

/* Add button text */
.wpcf7-file:before {
content: "Прикрепить файл";
    position: absolute;
    width: 120px;
    height: 40px;
    left: 0px;
    bottom: 0px;
    color: #FFF;
    font-size: 12px;
}

/* Made input big and move it left and top inside wrapper to hide actual control but leave input clickable */
input.wpcf7-form-control.wpcf7-file {
position: absolute;
    width: 140px;
    height: 63px;
    left: 95px;
    top: 166px;
    outline: none !important;
    font-size: 0px;
}

.skrepka{
width: 20px;
    height: 20px;
    margin-left: 55px;
    margin-top: 33px;
}

.retro_calc{
position: absolute;
    width: 1280px;
    height: 853px;
    left: -591px;
    top: -276px;
    filter: grayscale(100%);
    z-index: 50;
    transform: matrix(-0.99, 0.11, 0.11, 0.99, 0, 0) scale(0.2);

}
.retro_calc_2{
position: absolute;
    width: 1280px;
    height: 853px;
right: -620px;
    top: -30px;
    filter: grayscale(100%);
    z-index: 50;
    transform: rotate(6.49deg) scale(0.12);
}

/* Настройка ТАБов */
.wd-nav-link{
background-color: white;
        border: solid 1px #5394de;
        border-radius: 100px;
        font-size: 14px !important;
        font-weight: 400 !important;
        text-transform: none !important;
        padding-left: 37px !important;
        padding-right: 37px !important;
        padding-top: 14px !important;
        padding-bottom: 14px !important;
}
.wd-nav[class*="wd-style-"]>li>a {
    color: #569ce2;
}

.wd-nav-tabs {
    --nav-gap: 10px !important;
}

.cases{
width: 260px;
	height:160px;
}


.cases_from{
width:100%;
	height:200px;
}

.cases_title{
position: absolute;
    left: 30px;
    bottom: 20px;
    font-family: 'Coolvetica Regular';
    font-style: normal;
    font-size: 14px;
    line-height: 111.35%;
    color: #FFFFFF;
    width: 80%;
}

.cases_icon{
position: absolute;
    right: 10px;
    top: 10px;
    width: 34px;
    height: auto;
}

.wd-rs-6800bde887f48 .wd-nav-arrows {
--wd-arrow-offset-v: -220px !important;
    --wd-arrow-offset-h: none;
}

/* Экран этапов работ */
.ugol_1{
position: absolute;
    right: 0px;
    top: 0px;
    width: 50px;
    height: auto;
}
.number_1{
position: absolute;
right: 17px;
    top: 17px;
    font-family: "Coolvetica Regular";
    font-size: 20px;
    color: white;
}


/* Демонстрация оборудования */
.demo{
background: linear-gradient(152deg, #3a3a3a 0%, #9b9b9b 100%);
	height:306px;
}

.demo_cam_1{
position: absolute;
    width: 181px;
    height: 93px;
    left: 15px;
    top: 0px;
    border-radius: 20px;
}
.demo_cam_2{
    position: absolute;
    width: 132px;
    height: 110px;
    right: 15px;
    top: 196px;
}

.btn_demo_1{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
    border-radius: 10px !important;
    color: white !important;
    text-align: center;
    width: 80%;
    height: 50px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}
.btn_demo_2{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
    border-radius: 10px !important;
    color: white !important;
    text-align: center;
    width: 80%;
    height: 50px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
}

.zagolovok_btn_1 {
margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    font-family: 'Coolvetica Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
}

 .zagolovok_btn_2 {
margin-left: auto;
    margin-right: auto;
    margin-top: -40px;
    font-family: 'Coolvetica Regular';
    font-weight: 400;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
}

/* Отзывы */
.wd-testimon-info {
    margin-left: 10px;
	font-size: 12px;
    line-height: 12px;
}

.testimon-style-info-top .wd-testimon-text {
    font-size: 12px;
    line-height: 16px;
}

.testimon-style-info-top .wd-testimon-text {
    border-radius: 20px;
}

/* Заголовок новости */
.blog-design-masonry .post-title {
font-size: 14px !important;
    line-height: 17px;
    font-weight: 600;
    color: black !important;
    text-align: left;
    margin-left: -20px;
}

.wd-post-desc {
    text-align: left;
    font-weight: 500;
    font-size: 12px;
    color: #343434;
    margin-bottom: 40px;
    margin-left: -20px;
}

    .read-more-section a {
        --wd-link-color: #343434 !important;
        --wd-link-color-hover: #343434 !important;
        text-transform: none !important;
        font-weight: 700 !important;
        font-size: 13px !important;
        border: solid 1px #343434 !important;
        border-radius: 15px !important;
        padding: 15px 40px 15px 40px !important;
    }

.footer_block_mobile{
background: linear-gradient(107.62deg, #4E4F53 37.95%, #A5A5A7 184.62%);
border-radius: 40px 40px 0px 0px;

}

.phone_block a{
color:white !important;
}

.pol_cons{
width: 200px;
        height: 44px;
        border-radius: 15px;
        position: absolute;
        top: 305px;
        left: 65px;

}

.zvonok{
width: 200px;
        height: 44px;
        border-radius: 15px;
        position: absolute;
        top: 355px;
        left: 65px;

}
.tlg_footer{
width: 40px;
        height: 47px;
        margin-left: 42%;
        margin-top: 130px;
}

.wd-nav[class*="wd-style-"]>li:is(.current-menu-item,.wd-active,.active)>a {
    color: #ffffff;
    border: solid 1px #ffffff;
    border-radius: 100px;
    padding-left: 37px;
    padding-right: 37px;
    padding-top: 14px;
    padding-bottom: 14px;
    background: linear-gradient(188deg, #5394DE 25%, #71D6FF 75%);
    font-size: 14px !important;
    font-weight: 400 !important;
    text-transform: none;
}





/* ================================================== О КОМПАНИИ ========================================================== */

.about_btn_white{
position: absolute;
    width: 100px;
    height: 30px;
    left: calc(50% - 100px/2);
    top: 10px;
    background: #FFFFFF;
    border-radius: 100px;
    font-weight: 400;
    font-size: 10px;
    color: #303030;
    text-align: center;
    line-height: 28px;
}

.site2_zag{
position: absolute;
    left: calc(50% - 260px/2);
    top: 30px;
    font-family: 'Coolvetica Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 15px;
    line-height: 111.35%;
    text-align: center;
    text-transform: uppercase;
    background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.site2_btn_home{
    width: 243px;
    height: 50px;
    left: 6px;
    top: 0px;
    background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
    border-radius: 15px !important;
}

.zagolovok_btn_2_2 {
position: absolute;
left: 30px;
top: -8px;
font-family: 'Coolvetica Regular';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 111.35%;
color: #FFFFFF;
}

.green_arrow_2{
position: absolute;
width: 34px;
height: 34px;
left: 200px;
top: -17px;
}

.img_block_blue .info-box-icon {   
	width: 40px;
	height: 40x;
	}


.black_title{
position: absolute;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.black_descr{
position: absolute;
font-family: 'Involve Regular';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 110%;
color: rgba(0, 0, 0, 0.6);
	top: 75px;
}

.black_title{
position: absolute;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 40px;
line-height: 48px;
text-transform: uppercase;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.black_descr{
position: absolute;
font-family: 'Involve Regular';
font-style: normal;
font-weight: 400;
font-size: 12px;
line-height: 110%;
color: rgba(0, 0, 0, 0.6);
	top: 75px;
}

.black_title_case{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;

}


.free_cons{
width: 100%; /* changed by Nikolai */
height: 264px;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
border-radius: 20px;
}

.btn_white_about{
position: absolute;
width: 90%; /* changed by Nikolai */
height: 50px;
left: 10%; /* changed by Nikolai */
top: 200px;
background: #FFFFFF;
border-radius: 15px;
}

.black_arrow_about{
position: absolute;
        top: -10px;
        right: 0; /* changed by Nikolai */
        width: 34px;
        height: auto;
}

.camers_about{
position: absolute;
        width: 115px;
        height: 115px;
        left: 206px;
        top: 73px;
}

/* ================================================== БИЗНЕСУ ========================================================== */

.business_mob_one{
width: 100%; /* changed by Nikolai */
height: 379px;
}

.business_mob_one_cam{
position: absolute;
        width: 225px;
        height: 209px;
left: 33px;
        top: -1px;
}

.green_fb{
position: absolute;
width: 90%; /* changed by Nikolai */
height: 50px;
left: 35px;
top:354px;
background: #FFFFFF;
border-radius: 15px;
}

.podrob_fb{
position: absolute;
left: 6px;
top: 16px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 14px;
line-height: 111.35%;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;


}
.green_arrow_fb{
position: absolute;
width: 34px;
height: 34px;
right: 0px; /* changed by Nikolai */
top: 8px;
}

.green_check_fb{
        position: absolute;
        width: 30px;
        height: 30px;
        left: 104px;
        top: 8px;
}

.white_block_fb{
        width: 100%; /* changed by Nikolai */
        height: 140px;
}

.blue_block_fb{
        width: 100%; /* changed by Nikolai */
        height: 140px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
}

.green_block_fb{
        width: 100%; /* changed by Nikolai */
        height: 140px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
}


.quadro_fb{
position: absolute;
        width: 30px;
        height: 30px;
left: 0px;
        top: -40px;
	
}


.number_fb{
position: absolute;
top: -32px;
        left: 8px;
        font-family: "Coolvetica Regular";
        font-size: 15px;
        font-weight: 400;
        color: white;
}

.number_fb_blue{
position: absolute;
top: 8px;
        left: 7px;
        font-family: "Coolvetica Regular";
        font-size: 15px;
        font-weight: 400;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.number_fb_green{
position: absolute;
        top: 8px;
        left: 7px;
        font-family: "Coolvetica Regular";
        font-size: 15px;
        font-weight: 400;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

    .image1_fb {
position: absolute;
        top: -40px;
        right: 0; /* changed by Nikolai */
        width: 105px;
        height: 59px;
}

.img_left_one{
width: 90px;
        height: 70px;
        margin-left: 3px;
        margin-top: 0px;
}

.img_left_two{
        width: 90px;
        height: 107px;
        margin-left: 3px;
        margin-top: 3px;
}

.white_block_right{
margin-top: -180px;
        margin-left: 97px;
        width: 191px;
        height: 180px;
}

.blue_block_fb_2{
width: 100%; /* changed by Nikolai */
        height: 115px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
}

.camers_fb{
position: absolute;
        top: 0px;
        left: 174px;
        width: 125px;
        height: 165px;
        border-radius: 0px 20px 0px 0px;
}

.camers_fb_2{
position: absolute;
        top: 0px;
        left: 113px;
        width: 99px;
        height: 100px;
}



/* ================================================== ЧАСТНИКАМ ========================================================== */

.person_mob_one{
	width: 307px;
height: 309px;
}

.podr_blue_fi{
position: absolute;
top: 12px;
        left: 5px;
        font-family: "Coolvetica Regular";
	font-weight: 400;
font-size: 14px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.blue_arrow_2_fi{
position: absolute;
        width: 34px;
        height: 34px;
        top: 8px;
        left: 182px;
}

    .blue_person {
        position: absolute;
        width: 243px;
        height: 50px;
        left: 35px;
        top: 283px;
        background: #FFFFFF;
        border-radius: 15px;
    }

.blue_arrow_fi{
position: absolute;
        width: 30px;
        height: 30px;
        top: 12px;
        left: 12px;
}

.black_title_fi{
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 18px;
line-height: 111.35%;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.col2_fi{
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
}

.col4_fi{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
	width:284px;
	height:276px;
}

.usl_i_resh{
width: 284px;
height: 502px;
}

.blur_content{
background: rgba(0, 0, 0, 0.11);
border: 1px solid rgba(255, 255, 255, 0.28);
backdrop-filter: blur(10px);
border-radius: 10px;
}

.foto_cam_fi_2{
position: absolute;
    width: 90px;
    height: 130px;
    left: 195px;
    top: 18px;
}

.foto_cam_fi{
position: absolute;
width: 67px;
height: 67px;
left: 145px;
top: 25px;
transform: rotate(-15.44deg);

}

.btn_white_fb{
width: 243px;
    height: 50px;
    left: 7px;
    top: -20px;
background: #FFFFFF;
border-radius: 15px !important;

}

.zap_form{
margin-left: 20px;
    margin-top: 13px;
font-family: 'Coolvetica Regular';
font-style: normal;
font-weight: 400;
font-size: 14px;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.black_arrow_fb{
position: absolute;
    width: 34px;
    height: 34px;
    left: 200px;
    top: 8px;
}

.cases_block_img{
width: 240px;
    height: 160px;
    margin-left: calc(50% - 240px/2);
}

.arrow_cases{
position: absolute;
    width: 34px;
    height: 34px;
    left: 198px;
    top: 8px;
}

/******************** Комплексная система безопасности для бизнес-центра ****************************/

.csbdbz{
height: 135px;
}

.csbdbz_green{
height: 160px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
}

.white_left_small{
width: 97px;
height: 70px;
margin-left: 3px;
margin-top: 10px;
background: #FFFFFF;
border-radius: 10px;
}

.white_right_big{
width: 183px;
height: 70px;
margin-left: 103px;
    margin-top: -70px;
background: #FFFFFF;
border-radius: 10px;
}

.black_title_fi{
font-family: 'Coolvetica Regular';
font-style: normal;
font-weight: 400;
font-size: 18px;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.btn_green_cont{
width: 243px;
height: 50px;
background: #FFFFFF;
border-radius: 15px;
margin-left: calc(50% - 243px / 2);
}

.podrob_fb_cont{
margin-left: 10px;
        margin-top: 12px;
font-family: 'Coolvetica Regular';
font-style: normal;
font-weight: 400;
font-size: 16px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.green_arrow_cont{
position: absolute;
width: 34px;
height: 34px;
left: 180px;
top: 9px;
}

.car_home{
width: 140px;
height: 90px;
}

.zagolovok_carusel_01{
position: absolute;
left: 15px;
top: 25px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 12px;
line-height: 111.35%;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.zagolovok_carusel_02{
position: absolute;
left: 15px;
top: -50px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 12px;
line-height: 111.35%;
	color:white;
}

.zagolovok_carusel_03{
position: absolute;
left: 15px;
top: -70px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 12px;
line-height: 111.35%;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.zagolovok_carusel_04{
position: absolute;
left: 15px;
top: -60px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 12px;
line-height: 111.35%;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.carus_arr_01{
position: absolute;
left: 110px;
top: 0px;
	width:24px;
	height:24px;
}

.carus_arr_02{
position: absolute;
left: 110px;
top: -90px;
	width:24px;
	height:24px;
}

.carus_arr_03{
position: absolute;
left: 108px;
top: -87px;
	width:24px;
	height:24px;
}



.carus_arr_04{
position: absolute;
left: 110px;
top: -90px;
	width:24px;
	height:24px;
}

.monter{
width: 284px;
height: 200px;
}

.blue_monter{
width: 284px;
height: 206px;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
border-radius: 20px;
}

.text_blue_monter{
position: absolute;
left: calc(50% - 195px/2);
font-family: 'Coolvetica Regular';
font-style: normal;
font-weight: 400;
font-size: 20px;
line-height: 111.35%;
text-align: center;
text-transform: uppercase;
color: #FFFFFF;
}

.text_blue_monter_2{
position: absolute;
left: calc(50% - 195px/2);
font-family: 'Involve Regular';
font-style: normal;
font-size: 12px;
line-height: 111.35%;
text-align: center;
color: #FFFFFF;
	top: 90px;
}

.btn_monter{
position: absolute;
    width: 243px;
    height: 50px;
    left: 36px;
    top: 140px;
    background: #FFFFFF;
    border-radius: 15px;
}

.podr_monter{
position: absolute;
width: 68px;
height: 16px;
left: 15px;
top: 15px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 14px;
line-height: 111.35%;
background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.arrow_podr_monter{
position: absolute;
    width: 34px;
    height: 34px;
    left: 200px;
    top: 8px;
}

.black_title_monter{
width: 272px;
height: 20px;
margin-left: -10px;
margin-top: 5px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 18px;
line-height: 111.35%;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.white_monter{
width: 140px;
height: 50px;
}

.blue_arrow_2_monter{
position: absolute;
    width: 24px;
    height: 24px;
    left: 112px;
    top: 5px;
}

.burn_monter{
width:284px;
	height:569px;
}

.blur_monter{
box-sizing: border-box;
width: 263px;
height: 109px;
margin-left: calc(50% - 263px/2 + 0.5px);
top: 9px;
background: rgba(0, 0, 0, 0.11);
border: 1px solid rgba(255, 255, 255, 0.28);
backdrop-filter: blur(10px);
border-radius: 10px;
}

.bel_monter{
width: 284px;
height: 120px;
margin-left: calc(50% - 284px/2 + 0.5px);
margin-top: 9px;
background: #FFFFFF;
border-radius: 20px;
}

.zel_monter{
	width: 284px;
height: 120px;
margin-left: calc(50% - 284px/2 + 0.5px);
margin-top: 9px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
border-radius: 20px;
}

.bel_zel_monter{
width: 284px;
height: 120px;
margin-left: calc(50% - 284px/2 + 0.5px);
margin-top: 9px;
border-radius: 20px;
border: solid 1px #58CF50;
}

.mont_01{
position: absolute;
width: 13px;
height: 18px;
left: calc(50% - 13px/2 + 118.5px);
top: 20px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.mont_02, .mont_03{
position: absolute;
width: 16px;
height: 18px;
left: calc(50% - 16px/2 + 120px);
top: 90px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
color: #FFFFFF;
}

.mont_04{
position: absolute;
width: 13px;
height: 18px;
left: calc(50% - 13px/2 + 118.5px);
top: 20px;
font-family: 'Coolvetica Regular';
font-weight: 400;
font-size: 16px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.mont_cam{
position: absolute;
        width: 141px;
        height: 141px;
        left: 240px;
        top: -80px;
}

.sklad_mob_center{
/* width: 283px; */ /* changed by Nikolai */
height: 313px;
	border-radius: 20px; /* changed by Nikolai */
}
.sklad_mob_camera_center{
position: absolute;
    width: 98px;
    height: 103px;
    left: 103px;
    top: 0px;
}

.sklad_blue_btn_mob{
position: absolute;
width: 243px;
height: 50px;
left: 35px;
    top: 250px;
background: #FFFFFF;
border-radius: 15px;
}

.sklad_podr_btn{
position: absolute;
    width: 68px;
    height: 22px;
    left: 20px;
    top: 14px;
    font-family: 'Coolvetica Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    background: linear-gradient(229.05deg, #5394DE 13.07%, #71D6FF 113.94%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.arrow_sklad_podr_btn{
position: absolute;
width: 34px;
height: 34px;
left: 200px;
top: 8px;
}

.sklad_priem_black{
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.sklad_white_block_mobile{
/* width: 284px; */ /* changed by Nikolai */
height: 152px;
}

.sklad_galka{
position: absolute;
    width: 30px;
    height: 30px;
    left: 13px;
    top: 10px;
}

.sklad_first_img{
width: 99px;
height: 255px;
margin-left: 3px;
margin-top: 35px;
}

.sklad_black_fone_mob{
width: 180px;
    height: 124px;
    margin-left: 107px;
    margin-top: -255px;
    background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
    border-radius: 10px;
}

.sklad_white_fone_mob{
width: 180px;
    height: 126px;
    margin-left: 107px;
    margin-top: 5px;
    background: white;
    border-radius: 10px;
}

.sklad_two_img{
/* width: 284px; changed by Nikolai */
height: 170px;
margin-left: 3px;
margin-top: 5px;
}

.sklad_mob_center_green{
/* width: 284px; changed by Nikolai */
height: 357px;
margin-left: calc(50% - 284px/2 + 284px);
margin-top: 19px;
background: linear-gradient(72.63deg, #58CF50 6.68%, #D5DEDB 191.51%);
border-radius: 20px;
}

.sklad_mob_camera2_center{
position: absolute;
width: 122px;
height: 122px;
left: calc(50% - 98px/2);
top: 0px;
}

.sklad_green_btn_mob{
position: absolute;
width: 243px;
height: 50px;
left: 35px;
    top: 295px;
background: #FFFFFF;
border-radius: 15px;
}

.sklad_podr_btn_2{
position: absolute;
    width: 109px;
    height: 22px;
    left: 20px;
    top: 14px;
    font-family: 'Coolvetica Regular';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
background: linear-gradient(110.25deg, #4E4F53 36.52%, #A5A5A7 134.1%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.arrow_sklad_podr_btn_2{
position: absolute;
width: 34px;
height: 34px;
left: 200px;
top: 8px;
}

.sklad_img_1{
position: absolute;
    width: 98px;
    height: 55px;
    left: 40px;
    top: -15px;
}
.sklad_img_2{
position: absolute;
    width: 100px;
    height: 55px;
    left: 140px;
    top: -15px;
}

.zel_sklad_ico{
	    width: 40px;
    height: 40px;
	margin-top:0px;
	margin-left:0px
}

a.btn.btn-style-default.btn-shape-round.btn-size-default.zvonok1 {
    min-width: 180px;
    text-align: center;
}

a.btn.btn-style-default.btn-shape-round.btn-size-default {
    justify-content: center !important;
}

.wd-rs-6800f09a243ce .wd-nav-arrows {
    --wd-arrow-offset-h: 0px !important;
    --wd-arrow-offset-v: none !important;
    position: relative !important;
}
}