/* Start:/local/templates/oshfirewall/css/header.css?17900908084267*/
/* body.new_disign_body .container {
    max-width: calc(1195px + 40px);
}
.container {
    max-width: calc(1350px + 40px);
    width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
header .inner-container {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
}
header .inner-container .left .logo {
    width: auto;
}
header .inner-container .left .logo .borders {
    display: flex;
    margin-top: 1px;
}
header .inner-container .left .logo .borders i:first-child {
    background: #ec7676;
}
header .inner-container .left .logo .borders i:last-child {
    background: #fbd950;
}
@media (min-width: 769px) {
    header .inner-container .left {
        width: 65%;
    }
} */

/*custom styles*/
/* .container {
	max-width: calc(1195px + 40px);
	width: 100%;
    margin: 0 auto;
    padding: 0 20px;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
} */
header .left-side {
	display: flex;
	width: 20%;
	align-items: end;
}
.right-side, 
.center-side,
.right-side .personal-buttons,
.borders,
.menu-item,
.right-side .personal-buttons .uslugi-btn {
	display: flex;
}
header .left-side .logo {
	padding-right: 10px;
}
header .left-side span {
	padding-left: 10px;
	font-size: 12px;
}
.borders i {
	display: block;
    width: 50%;
    height: 2px;
}
.borders i:first-child {
	background: #ec7676;
}
.borders i:nth-child(2) {
	background: #D53C3C1A;
}
.center-side {
	gap: 40px;
	text-transform: uppercase;
}
.right-side {
	gap: 20px;
	align-items: center;
	position: relative;
}
.right-side .personal-buttons {
	gap: 5px;
	/* position:relative; */
}
header {
	background: #E7E9F1;
}
header .container {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	/* position: relative; */
}
.right-side .personal-buttons .uslugi-btn:hover {
	background: #6376A8;
	/* color: white; */
}
.right-side .personal-buttons .uslugi-btn:hover a {
	color: white;
}
.right-side .personal-buttons .consultation-btn:hover {
	background: #F54A4A;
	/* color: white; */
}
.right-side .personal-buttons .uslugi-btn:hover svg path {
	stroke: white;
}
/* .right-side .personal-buttons .uslugi-btn:hover { */
	/* cursor: default; */
/* } */
.right-side .personal-buttons .consultation-btn:hover {
	cursor: pointer;
}
.right-side .personal-buttons .uslugi-btn,
.right-side .personal-buttons .consultation-btn {
	gap: 12px;
	border-radius: 10px;
    padding: 5px 20px;
	border: none;
    flex-wrap: wrap;
}
.right-side .personal-buttons .uslugi-btn a {
	color: #6376A8;
}
.right-side .personal-buttons .uslugi-btn {
	/* color: #6376A8; */
	background: #C3CBE1;
	align-items: center;
}
.right-side .personal-buttons .consultation-btn {
	color: white;
	background: #D53C3C;
}
.phones a {
	text-decoration: none;
	color: black;
}
.item-text a:hover {
	text-decoration: none;
}
.burger-menu-btn {
		display: none;
		padding-left: 6px;
	}
@media (max-width: 1400px) {
	.uslugi-btn:hover + .services-basket,
	.uslugi-btn + .services-basket {
		/* opacity: 0 !important;
		visibility: hidden !important; */
		display: none !important;
	}
}
@media (max-width: 1024px) {
	header .container .left-side span,
	header .phones {
		display: none;
	}
	header .container .left-side {
		width: auto;
	}
}
/* @media (max-width: 720px) { */
@media (max-width: 768px) {
	header .center-side {
		display: none;
	}
	.burger-menu-btn {
		display: block;
	}
	.right-side .personal-buttons {
		align-items: center;
	}
	/* .right-side .personal-buttons .uslugi-btn,
	.consultation-btn {
		padding: 10px;
	} */
	.uslugi-btn {
		padding: 5px 10px !important;
		font-size: 13px;
	}
	header .left-side {
		flex: 1;
	}
}
.page-title-block .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page-title-block .container form {
	margin-bottom: unset;
}
.page-title-block {
	background: #6376A8;
	margin-top: 20px;
}
/* .left-side,
.center-side,
.right-side {
	flex: 1;
} */
/*END custom styles*/
/* End */


/* Start:/local/templates/oshfirewall/css/footer.css?17914507107320*/
footer {
	background: white;
}
footer .container {
	padding-top: 64px;
	padding-bottom: 82px;
	position: relative;
}
footer .container .logo {
	width: fit-content;
}
footer .left-side,
footer .part.second {
	display: flex;
    flex-direction: column;
}
footer .left-side {
	gap: 21px;
}
footer .left-side .part:not(.third) {
	padding-bottom: 21px;
	border-bottom: 1px solid #ECF0F4;
}
/* footer .part.second .footer { */
	/* text-decoration: none; */
	/* color: black; */
/* } */
a {
	text-decoration: none;
	color: black;
}
.footer-before-block {
	position: relative;
}
.footer-before-block-background {
	height: 240px;
	background: #6376A8;
    position: absolute;
    width: 100%;
    height: 240px;
    bottom: 0;
}
.footer-before-block .elem-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
    margin-top: 30px;
	padding-bottom: 70px;
}
.footer-before-block .footer-elem {
	background: white;
	padding: 20px;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 8px 7px 25px 0px #0000001A;
    position: relative;
    /* width: 243px; */
    /* height: 190px; */
	width: 287px;
    height: 232px;
}
.footer-before-block .footer-elem .footer-elem-header {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 15px;
}
.footer-before-block .footer-elem .footer-elem-header .footer-elem-header-title {
	font-family: SF Pro Display;
    font-weight: 400;
    font-size: 17px;
    line-height: 25.5px;
    color: #1A1E31;
    text-transform: uppercase;
}
.footer-before-block .footer-elem .footer-elem-address {
	padding-top: 15px;
    font-family: SF Pro Display;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #1A1E31;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECF0F4;
}
.footer-elem-tel {
	padding-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.footer-elem-tel:not(.social-btn){
	padding-bottom: 10px;
    /* border-bottom: 1px solid #ECF0F4; */
}
.footer-elem-tel.social-btn {
	position: absolute;
    bottom: 10px;
    width: calc(100% - 40px);
	align-items: center;
}
.footer-elem-title,
.footer-elem-tel-href {
	font-family: SF Pro Display;
    font-weight: 500;
    font-size: 12px;
    line-height: 15.6px;
    color: #0E163499;
}
.footer-elem-contacts-btn {
	position: absolute;
    right: 20px;
    bottom: 20px;
}
.footer-elem-contacts-btn a,
.send_question {
	background: #D53C3C;
	padding: 8px 10px;
	color: white;
	border-radius: 7px;
}
.send_question {
	position: absolute;
	bottom: 12px;
}
.footer-elem-contacts-btn:hover a {
	background: #DD6363;
}
.footer-elem-block-title {
	font-family: SF Pro Display;
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    color: #0E163499;
    margin-bottom: 20px;
}
.social-links {
	display: flex;
	gap: 10px;
}
.social-links a {
	width: 32px;
    height: 32px;
    background: #D53C3C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-elem.sos-block {
	background: #D53C3C;
}
.footer-elem-header-description {
	font-size: 14px;
}
.footer-elem.sos-block .footer-elem-header {
	gap: 5px;
}
.sos-btns-block {
	display: flex;
	gap: 6px;
}
.sos-btns-block select,
.sos-btns-block .send-form {
	background: #DD6363;
	/* padding: 3px 10px; */
	/* padding: 10px; */
	padding: 8px;
	border-radius: 7px;
}
.sos-btns-block select {
	font-size: 11px;
	cursor: pointer;
	border: none;
}
.sos-btns-block .send-form {
	font-size: 14px;
	background: rgba(221, 99, 99, 0.5);
	/* pointer-events: none; */
}
.fos_footer_sos {
	display: flex;
    flex-direction: column;
    gap: 6px;
}
.footer-elem.sos-block .fos_footer_sos input {
	padding: 10px;
	border-radius: 8px;
	border: none;
	color: #0E163499 !important;
	outline: 0;
}
.footer-elem.sos-block .fos_footer_sos #pricina_val {
	color: white !important;
	font-size: 11px;
}
.footer-elem.sos-block * {
    color: white !important;
}

.pricina_block {
	display: block;
    position: relative;
    cursor: pointer;
}
.pricina_block:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 5px;
    background: url(/upload/static_images/CaretUpBel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 1;
}
.footer-elem.sos-block input[type="text"]#pricina_val {
    position: relative;
    cursor: pointer;
	width: 100%;
	background: #DD6363;
}
.pricina_option.show {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 1;
}
.pricina_block:hover .pricina_option.show,
.pricina_block .pricina_option.show:hover {
	/* display: block !important; */
	opacity: 1;
	visibility: visible;
}
.footer-elem.sos-block input[type="text"]#pricina_val::placeholder {
	color: white;
	font-size: 11px;
}
.pricina_option {
    position: absolute;
    top: 35px;
    padding: 10px;
    width: 110%;
    background: #FFFFFF;
    border-radius: 10px;
    left: -18px;
    box-shadow: 8px 7px 25px 0px #0000001A;
}
.pricina_option.show .pricina_option_bl {
    padding: 8px 10px;
    background: #D53C3C1A;
    color: #D53C3C !important;
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 11px;
    line-height: 14.3px;
    border-radius: 7px;
    margin-bottom: 10px;
}
.pricina_option_bl:last-child {
    margin-bottom: 0px !important;
}
.footer-before-block .elem-container:has(h2) {
	padding-bottom: unset;
}
footer .created-in {
	display: flex;
	gap: 5px;
	position: absolute;
    right: 25px;
	color: #0E163499;
}
.copyright {
	color: #0E163499;
	font-size: 11px;
}
footer .left-side {
	width: 20%;
}
@media (max-width: 1310px) {
	.footer-before-block .elem-container {
		gap: 10px;
	}
	.container {
		width: auto !important;
	}
	.top-side-container,
	.custom-submenu-container {
		gap: 10px;
	}
}
@media (max-width: 1024px) {
	.top-side-container .left-side {
		order: 1;
		width: fit-content;
		flex-direction: row;
	}
	.top-side-container {
		flex-direction: column;
	}
	footer .part.second {
		flex-direction: unset;
		gap: 10px;
		align-items: end;
	}
	footer .left-side .part {
		border: none !important;
		flex-wrap: wrap;
	}
}
@media (max-width: 768px) {
	.footer-before-block .footer-elem {
		width: 100%;
		margin-bottom: 20px;
	}
	/* .top-side-container {
		flex-direction: column;
	} */
	/* .top-side-container .left-side {
		order: 1;
		width: fit-content;
		flex-direction: row;
	} */
	/* footer .part.second {
		flex-direction: unset;
		gap: 10px;
		align-items: end;
	}
	footer .left-side .part {
		border: none !important;
		flex-wrap: wrap;
	} */
}
@media (max-width: 690px) {
	.custom-menu-container {
		flex-direction: column;
	}
}
@media (max-width: 400px) {
	.custom-submenu-container {
		/* flex-direction: column; */
		flex-wrap: wrap;
	}
}
/* End */


/* Start:/local/templates/oshfirewall/font/SF_Pro_Display/stylesheet.css?17900908118830*/
@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Medium.eot');
    src: local('SF Pro Display Medium'), local('SFProDisplay-Medium'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Medium.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Medium.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Medium.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Heavy.eot');
    src: local('SF Pro Display Heavy'), local('SFProDisplay-Heavy'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Heavy.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Heavy.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Heavy.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Heavy.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-UltralightItalic.eot');
    src: local('SF Pro Display UltralightItalic'), local('SFProDisplay-UltralightItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-UltralightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-UltralightItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-UltralightItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-UltralightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-RegularItalic.eot');
    src: local('SF Pro Display Regular Italic'), local('SFProDisplay-RegularItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-RegularItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-RegularItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-RegularItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-RegularItalic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Thin.eot');
    src: local('SF Pro Display Thin'), local('SFProDisplay-Thin'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Thin.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Thin.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Thin.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Thin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Light.eot');
    src: local('SF Pro Display Light'), local('SFProDisplay-Light'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Light.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Light.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Light.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Light.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BlackItalic.eot');
    src: local('SF Pro Display Black Italic'), local('SFProDisplay-BlackItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BlackItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BlackItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BlackItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BlackItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Bold.eot');
    src: local('SF Pro Display Bold'), local('SFProDisplay-Bold'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Bold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Bold.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Bold.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Black.eot');
    src: local('SF Pro Display Black'), local('SFProDisplay-Black'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Black.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Black.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Black.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Black.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-SemiboldItalic.eot');
    src: local('SF Pro Display SemiboldItalic'), local('SFProDisplay-SemiboldItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-SemiboldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-SemiboldItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-SemiboldItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-SemiboldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Ultralight.eot');
    src: local('SF Pro Display Ultralight'), local('SFProDisplay-Ultralight'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Ultralight.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Ultralight.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Ultralight.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Ultralight.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-LightItalic.eot');
    src: local('SF Pro Display LightItalic'), local('SFProDisplay-LightItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-LightItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-LightItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-LightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-ThinItalic.eot');
    src: local('SF Pro Display ThinItalic'), local('SFProDisplay-ThinItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-ThinItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-ThinItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-MediumItalic.eot');
    src: local('SF Pro Display MediumItalic'), local('SFProDisplay-MediumItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-MediumItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-MediumItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-MediumItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Semibold.eot');
    src: local('SF Pro Display Semibold'), local('SFProDisplay-Semibold'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Semibold.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Semibold.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Semibold.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Semibold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-HeavyItalic.eot');
    src: local('SF Pro Display HeavyItalic'), local('SFProDisplay-HeavyItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-HeavyItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-HeavyItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-HeavyItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-HeavyItalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Regular.eot');
    src: local('SF Pro Display Regular'), local('SFProDisplay-Regular'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Regular.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Regular.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Regular.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'SF Pro Display';
    src: url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BoldItalic.eot');
    src: local('SF Pro Display BoldItalic'), local('SFProDisplay-BoldItalic'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BoldItalic.woff2') format('woff2'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BoldItalic.woff') format('woff'),
        url('/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}


/* End */


/* Start:/local/templates/oshfirewall/css/index.css?179144940612981*/
.hero-section {
    display: flex;
    background-color: #6376A8;
    color: #fff;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 40px;
    min-height: 500px;
}

.hero-content {
    padding: 65px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.hero-title {
    font-size: 36px;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 500;
}

.hero-subtitle {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 0px;
    	margin-block-start: 0;
	margin-block-end: 0;
    margin-top: 19px;
}

.hero-list {
    list-style: none;
    margin-bottom: 30px;
    display: block;
    padding-inline-start: 20px;
}

.hero-list li {
	font-size: 15px;
    margin-bottom: 10px;
    padding-left: 15px;
    position: relative;
    text-transform: math-auto;
}

.hero-list li::before {
    content: "•";
    position: absolute;
    left: 0;
    font-weight: bold;
    color: #fff;
}

.hero-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background-color: #cc4e4e;
    color: #fff;
    border: none;
    padding: 15px 30px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 12px;
    cursor: pointer;
    transition: background 0.3s;
    align-self: flex-start;
    margin-bottom: 0px;
}

.hero-btn:hover {
    background-color: #b13f3f;
}

.hero-note {
    font-size: 13px;
    opacity: 0.7;
    max-width: 400px;
    line-height: 1.5;
}

.hero-image {
	width: 100%;
	height: 100%;
	min-height: 100%;
	position: relative;
	max-width: 460px;
}

.hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.features-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.feature-card {
    background-color: #C3CBE1;
    border-radius: 20px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.icon-box {
    margin-bottom: 0px;
}

.feature-card h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
    line-height: 1.4;
}

.feature-card p {
    font-size: 14px;
    line-height: 1.5;
    color: #666;
}
.block-title{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;	
}
.btn-red{
    padding: 10px 20px;
    background: #cb3641;
    color: white;
    font-weight: 500;
    font-size: 14px;
    border-radius: 12px;
    text-decoration: none;
    display: block;
}
.btn-red:hover {
    background: #F54A4A;
}
.block-title h2{
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: center;
    text-transform: uppercase;
    color: #121C45;
    font-weight: 400;
    font-size: 24px;
}
.block-title h2 span{
    font-size: 28px;
    margin-right: 15px;
}

@media (max-width: 900px) {

    .hero-content {
        padding: 30px;
    }

    .hero-title {
        font-size: 28px;
    }

    .hero-image {
        min-height: 300px;
    }

    .hero-btn {
        width: 100%;
        justify-content: center;
    }

    .features-grid {
        grid-template-columns: 1fr;
    }
	.block-title {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: flex-start;
		flex-direction: column;
		margin-bottom: 20px;
	}	
}



:root {
	--bg-blue: #d1d9e6;
	--text-dark: #333333;
	--text-grey: #6b7280;
	--accent-red: #e63946;
	--btn-blue: #5a6b8c;
	--white: #ffffff;
}

.osn-block {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 16px;
	width: 100%;
}
.left-banner {
	background-color: var(--bg-blue);
	border-radius: 20px;
	padding: 45px 35px;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 430px;
}

.brand-header {
	display: flex;
	align-items: center;
	gap: 20px;
	margin-bottom: 25px;
	position: relative;
	z-index: 2;
}

.logo {
	font-size: 48px;
	font-weight: 800;
	color: #2c3e50;
	line-height: 1;
	position: relative;
}

/*.logo::after {
	content: '';
	display: block;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, var(--accent-red) 50%, #ccc 50%);
	margin-top: 5px;
	border-radius: 2px;
}*/

.brand-title {
    font-size: 19px;
    font-weight: 500;
    text-transform: uppercase;
    color: #1A1E31;
    line-height: 1.2;
    letter-spacing: 0.5px;
}

.banner-desc {
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #0E163499;
    margin-bottom: 30px;
    max-width: 55%;
    position: relative;
    z-index: 2;
}

.btn-presentation {
	background-color: var(--btn-blue);
	color: white;
	border: none;
	padding: 12px 24px;
	border-radius: 8px;
	font-size: 16px;
	font-weight: 600;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	width: fit-content;
	transition: background 0.3s, transform 0.1s;
	position: relative;
	z-index: 2;
}

.btn-presentation:hover {
	background-color: #4a5a7a;
}

.btn-presentation:active {
	transform: scale(0.98);
}

.btn-presentation svg {
	width: 16px;
	height: 16px;
	fill: white;
}
.extinguisher-img {
	position: absolute;
    bottom: -90px;
    right: -10%;
    width: 474px;
    height: auto;
    transform: rotate(18deg);
    filter: drop-shadow(5px 10px 15px rgba(0, 0, 0, 0.15));
    z-index: 3;
    pointer-events: none;
}
.features-grid-f {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
}

.feature-card-f {
	background-color: #F7F7F7;
	border-radius: 20px;
	padding: 15px 20px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-height: 200px;
	/* box-shadow: 0 4px 15px rgba(0,0,0,0.03); */
	transition: transform 0.2s, box-shadow 0.2s;
}

.feature-card-f:hover {
	transform: translateY(-3px);
	box-shadow: 0 8px 20px rgba(0,0,0,0.06);
}

.feature-title {
    color: #1A1E31;
    margin-bottom: 10px;
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    text-transform: math-auto;
    height: 21px;
}

.feature-text {
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 14px;
    line-height: 130%;
    letter-spacing: 0%;
    color: #0E163499;
    margin: 0;
    /* height: 36px; */
    width: 257px;
}
.icon-box-feat {
	align-self: flex-end;
	width: 48px; 
	height: 48px;
	margin-top: auto;
}

.icon-box-feat img {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media (max-width: 992px) {
	.osn-block {
		grid-template-columns: 1fr;
	}
	
	.left-banner {
		min-height: 350px;
		padding: 30px;
	}

	.extinguisher-img {
		width: 100%;
		right: 10px;
		bottom: -20px;
	}
}

@media (max-width: 600px) {
	.features-grid {
		grid-template-columns: 1fr;
	}

	.brand-header {
		flex-direction: column;
		align-items: flex-start;
		gap: 10px;
	}
	
	.extinguisher-img {
		opacity: 0.15;
		width: 100%;
		right: -50px;
		bottom: 0;
	}
	
	.banner-desc {
		max-width: 100%;
	}
}
 @media (max-width: 767px) {
	 .osn-block{
		 display: none;
	 }
 }
 
/* Контейнер блока */
.cta-block {
	background-color: #FFEA96;
	border-radius: 24px;
	padding: 65px 60px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	max-width: 1200px;
	gap: 40px;
}

/* Левая часть с текстом */
.cta-content {
	flex: 1;
	max-width: 650px;
}

.cta-title {
	font-family: SF Pro Display;
	font-weight: 400;
	font-size: 35px;
	line-height: 120%;
	letter-spacing: 3%;
	text-transform: uppercase;
	color: #1A1E31;
}

.cta-description {
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 17px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #0E163499;
	margin-bottom: 35px;
}

/* Блок с кнопками */
.cta-actions {
	display: flex;
	align-items: center;
	gap: 30px;
	flex-wrap: wrap;
}

/* Кнопка */
.btn-attach {
	background-color: #c83935;
	color: #FFFFFF;
	border: none;
	padding: 12px 15px;
	border-radius: 13px;
	font-size: 14px;
	font-weight: 500;
	cursor: pointer;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	transition: background-color 0.2s ease;
	font-family: inherit;
	text-decoration: none;
}

.btn-attach:hover {
	background-color: #DD6363;
	color: #FFFFFF;
}

/* Иконка скрепки внутри кнопки */
.btn-attach svg {
	width: 13px;
	height: 13px;
	fill: none;
	stroke: currentColor;
	stroke-width: 2;
	stroke-linecap: round;
	stroke-linejoin: round;
}

/* Ссылка на телефон */
.phone-link {
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 20px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #1A1E31;
}

.phone-link:hover {
	text-decoration: none;
	color: #1A1E31;
}

/* Правая часть с иконкой */
.cta-icon {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cta-icon svg {
	width: 200px;
	height: 200px;
	display: block;
}

/* Адаптивность */
@media (max-width: 900px) {
	.cta-block {
		flex-direction: column;
		align-items: flex-start;
		padding: 40px;
	}

	.cta-icon {
		display: none; /* Скрываем иконку на планшетах/телефонах для экономии места */
	}
	
	.cta-content {
		max-width: 100%;
	}
}

@media (max-width: 600px) {
	.cta-title {
		font-size: 24px;
	}
	
	.cta-description {
		font-size: 16px;
	}

	.cta-actions {
		flex-direction: column;
		align-items: flex-start;
		gap: 20px;
	}
	
	.btn-attach {
		width: 100%;
		justify-content: center;
	}
}



.cookie-notice {
    /* --- ПОЗИЦИОНИРОВАНИЕ --- */
    position: fixed;
    bottom: 30px;          /* 30px от низа */
    left: 50%;             /* Центрирование по горизонтали */
    transform: translateX(-50%); /* Сдвиг влево на половину ширины */
    z-index: 9999;         /* Чтобы блок был поверх всего контента */
    
    /* --- ОФОРМЛЕНИЕ --- */
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    
    background-color: #ffffff;
    padding: 16px 24px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgb(0 0 0 / 33%);
    
    /* Ширина: на десктопе занимает почти всю ширину, но с отступами */
    width: calc(100% - 40px); 
    max-width: 975px;
    
    /* Анимация */
    opacity: 1;
    transition: opacity 0.3s ease, transform 0.3s ease;
}

/* Состояние скрытия */
.cookie-notice.hidden {
    opacity: 0;
    /* При скрытии сдвигаем вниз, сохраняя центрирование по X */
    transform: translate(-50%, 20px); 
    pointer-events: none;
}

/* Контейнер для иконки и текста */
.cookie-notice__content {
    display: flex;
    align-items: center;
    gap: 16px;
    flex: 1;
}

/* Иконка */
.cookie-notice__icon {
    flex-shrink: 0;
    width: 28px;
    height: 28px;
    color: #b0c4de;
}

.cookie-notice__icon svg {
    width: 100%;
    height: 100%;
    display: block;
}

/* Текст */
.cookie-notice__text {
    font-size: 14px;
    line-height: 1.5;
    color: #2c3e50;
    font-weight: 400;
	margin-bottom: 0;
}

/* Кнопка */
.cookie-notice__button {
    flex-shrink: 0;
    background-color: #ffeaea;
    color: #d9534f;
    border: none;
    padding: 10px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.2s ease, transform 0.1s ease;
}

.cookie-notice__button:hover {
    background-color: #ffd6d6;
}

.cookie-notice__button:active {
    transform: scale(0.98);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 768px) {
    .cookie-notice {
        flex-direction: column;
        align-items: flex-start;
        padding: 16px;
        gap: 16px;
        /* На мобильных уменьшаем отступ снизу */
        bottom: 20px;
        width: calc(100% - 32px);
    }

    .cookie-notice__content {
        align-items: flex-start;
    }

    .cookie-notice__icon {
        margin-top: 2px;
    }

    .cookie-notice__button {
        width: 100%;
        text-align: center;
    }
}
/* End */


/* Start:/local/templates/oshfirewall/css/swiper-bundle.min.css?179009080814622*/
/**
 * Swiper 14.0.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2026 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 29, 2026
 */

:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-slides-offset-before);scroll-margin-inline-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-inline-end:var(--swiper-slides-offset-after)}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-slides-offset-before);scroll-margin-block-start:var(--swiper-slides-offset-before)}>.swiper-wrapper>.swiper-slide:last-child{margin-block-end:var(--swiper-slides-offset-after)}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode{.swiper-wrapper:after{content:"";left:0;pointer-events:none;position:absolute;top:0}}.swiper-virtual.swiper-css-mode.swiper-horizontal{.swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}}.swiper-virtual.swiper-css-mode.swiper-vertical{.swiper-wrapper:after{height:var(--swiper-virtual-size);width:1px}}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;position:absolute;width:var(--swiper-navigation-size);z-index:10;&.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}&.swiper-button-hidden{cursor:auto;opacity:0;pointer-events:none}.swiper-navigation-disabled &{display:none!important}::slotted(svg),svg{height:100%;object-fit:contain;transform-origin:center;width:100%;fill:currentColor;pointer-events:none}}.swiper-button-lock{display:none}.swiper-button-next,.swiper-button-prev{margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}.swiper-horizontal{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{margin-left:0;margin-top:calc(0px - var(--swiper-navigation-size)/2);top:var(--swiper-navigation-top-offset,50%)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{left:var(--swiper-navigation-sides-offset,4px);right:auto}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev,&~.swiper-button-next,.swiper-button-next{left:auto;right:var(--swiper-navigation-sides-offset,4px)}&.swiper-rtl .swiper-button-next,&.swiper-rtl~.swiper-button-next,&~.swiper-button-prev,.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(180deg)}}&.swiper-rtl .swiper-button-prev,&.swiper-rtl~.swiper-button-prev{.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(0deg)}}}.swiper-vertical{.swiper-button-next,.swiper-button-prev,~.swiper-button-next,~.swiper-button-prev{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - var(--swiper-navigation-size)/2);margin-top:0;right:auto}.swiper-button-prev,~.swiper-button-prev{bottom:auto;top:var(--swiper-navigation-sides-offset,4px);.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(-90deg)}}.swiper-button-next,~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;.swiper-navigation-icon,::slotted(.swiper-navigation-icon){transform:rotate(90deg)}}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);left:0;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:var(--swiper-pagination-left,auto);right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.swiper-scrollbar{background:var(--swiper-scrollbar-bg-color,#0000001a);border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;&.swiper-scrollbar-disabled,.swiper-scrollbar-disabled>&{display:none!important}&.swiper-scrollbar-horizontal,.swiper-horizontal>&{bottom:var(--swiper-scrollbar-bottom,4px);height:var(--swiper-scrollbar-size,4px);left:var(--swiper-scrollbar-sides-offset,1%);position:absolute;top:var(--swiper-scrollbar-top,auto);width:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);z-index:50}&.swiper-scrollbar-vertical,.swiper-vertical>&{height:calc(100% - var(--swiper-scrollbar-sides-offset, 1%)*2);left:var(--swiper-scrollbar-left,auto);position:absolute;right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);width:var(--swiper-scrollbar-size,4px);z-index:50}}.swiper-scrollbar-drag{background:var(--swiper-scrollbar-drag-bg-color,#00000080);border-radius:var(--swiper-scrollbar-border-radius,10px);height:100%;left:0;position:relative;top:0;width:100%}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{align-items:center;display:flex;height:100%;justify-content:center;text-align:center;width:100%;>canvas,>img,>svg{max-height:100%;max-width:100%;object-fit:contain}}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{left:0;opacity:0;pointer-events:none;position:absolute;top:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.swiper-fade{&.swiper-free-mode{.swiper-slide{transition-timing-function:ease-out}}.swiper-slide{pointer-events:none;transition-property:opacity;.swiper-slide{pointer-events:none}}.swiper-slide-active{pointer-events:auto;& .swiper-slide-active{pointer-events:auto}}}.swiper.swiper-cube{overflow:visible}.swiper-cube{.swiper-slide{backface-visibility:hidden;height:100%;pointer-events:none;transform-origin:0 0;visibility:hidden;width:100%;z-index:1;.swiper-slide{pointer-events:none}}&.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}.swiper-slide-active,.swiper-slide-next,.swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube-shadow{bottom:0;height:100%;left:0;opacity:.6;position:absolute;width:100%;z-index:0;&:before{background:#000;bottom:0;content:"";filter:blur(50px);left:0;position:absolute;right:0;top:0}}}.swiper-cube{.swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}}.swiper-cube{.swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-slide-shadow-cube.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper.swiper-flip{overflow:visible}.swiper-flip{.swiper-slide{backface-visibility:hidden;pointer-events:none;z-index:1;.swiper-slide{pointer-events:none}}.swiper-slide-active{&,& .swiper-slide-active{pointer-events:auto}}}.swiper-flip{.swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-slide-shadow-flip.swiper-slide-shadow-top{backface-visibility:hidden;z-index:0}}.swiper-creative{.swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}}.swiper.swiper-cards{overflow:visible}.swiper-cards{.swiper-slide{backface-visibility:hidden;overflow:hidden;transform-origin:center bottom}}
/* End */


/* Start:/local/templates/oshfirewall/components/bitrix/menu/tree1/style.css?17914481782432*/
div.menu-sitemap-tree
{
	font-size:100%;
}

div.menu-sitemap-tree ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 1em 0 0;
}

div.menu-sitemap-tree ul ul
{
	width: auto;
	margin:-0.75em 0 0 0;
	padding: 0 0 0 0.75em;
}

div.menu-sitemap-tree li
{
	margin: 0 0 -0.85em 0;
	padding:0;
}

div.menu-sitemap-tree li li
{
	margin: 0 0 -0.85em 0.5em;
	padding:0;
}

div.menu-sitemap-tree li.menu-close ul
{
	display: none;
}

div.menu-sitemap-tree div.item-text
{
	position:relative;
	top:-19px;left:19px;
}

/*Icons*/
div.folder, div.page
{
	background-repeat:no-repeat;
	width:17px;
	height:17px;
	vertical-align:top;
}
div.folder{cursor:pointer; cursor: hand;background-image:url(/local/templates/oshfirewall/components/bitrix/menu/tree1/images/folder_open.gif);}
div.menu-sitemap-tree li.menu-close div.folder{background-image:url(/local/templates/oshfirewall/components/bitrix/menu/tree1/images/folder_close.gif);}
div.page{background-image:url(/local/templates/oshfirewall/components/bitrix/menu/tree1/images/page.gif);}

/* ul {
	display: flex;
	gap: 40px;
    text-transform: uppercase;
} */
ul li a {
	color: black;
	text-decoration: none;
	padding-left: 6px;
}
.menu-section-item:first-child .page {
    background-image: url(/upload/static_images/shield-zap.svg);
}
.menu-section-item:nth-child(2) .page{
    background-image: url(/upload/static_images/Newspaper.svg);
}
.menu-section-item:last-child .page{
    background-image: url(/upload/static_images/Bank.svg);
}
div.menu-sitemap-tree li {
	margin: 0 0 -1.85em 0;
}
/*custom*/
.sub-menu-block {
	display: none;
	position: absolute;
	background: white;
	border-radius: 20px;
	padding: 14px 12px;
	width: 308px;
	overflow-wrap: break-word;
	z-index: 5;
	top: 25px;
	/* box-shadow: 8px 7px 10px rgba(0, 0, 0, 0.2); */
	box-shadow: 8px 7px 25px 0px #0000001A;

	/* box-shadow: 
    0px 4px 6px -1px rgba(0, 0, 0, 0.05),
    0px 10px 20px -2px rgba(42, 50, 75, 0.08),
    0px 20px 40px -4px rgba(42, 50, 75, 0.06); */
}

.sub-menu-elem:not(:first-child) {
	padding-top: 10px;
}
.sub-menu-elem a {
	font-size: 14px;
	text-transform: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.sub-menu-elem a:hover {
	color: #D53C3C
}
.sub-menu-elem:not(:last-child) {
	padding-bottom: 10px;
	border-bottom: 1px solid #E9EAED;
}
.menu-section-item:hover .sub-menu-block {
	display: block !important;
}
.menu-section-item {
	display: flex;
	gap: 6px;
	position: relative;
	padding: 5px 0;
} 
/*END custom*/
/* End */


/* Start:/local/templates/oshfirewall/components/bitrix/sale.basket.basket.line/bootstrap_v5/style.css?17900908167059*/
.bx-basket { }

.basket-line-block {
	position: relative;
	padding-left: 25px;
	white-space: nowrap;
	font-size: 13px;
}

.basket-line-block-icon-cart,
.basket-line-block-icon-profile {
	position: relative;
	margin-right: 10px;
}

.basket-line-block-icon-cart:after,
.basket-line-block-icon-profile:after {
	position: absolute;
	top: -1px;
	left: -25px;
	display: block;
	width: 20px;
	height: 20px;
	content: '';
}

.basket-line-block-icon-profile:after { background: no-repeat center url(/local/templates/oshfirewall/components/bitrix/sale.basket.basket.line/bootstrap_v5/images/profile.svg); }

.basket-line-block-icon-cart:after { background: no-repeat center url(/local/templates/oshfirewall/components/bitrix/sale.basket.basket.line/bootstrap_v5/images/cart.svg); }

/*FIXED BASKET*/

@media (min-width: 768px) {
	.bx-basket-fixed {
		position: fixed;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		width: 200px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.top { top: 10px }

	.bx-basket-fixed.right { right: 10px }

	.bx-basket-fixed.bottom { bottom: 10px }

	.bx-basket-fixed.left { left: 10px }

	.bx-basket-fixed.bx-max-height { top: 10px; bottom: 10px; }
}

@media (max-width: 767px) {
	.bx-basket-fixed {
		position: fixed;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 998;
		overflow: hidden;
		padding-top: 10px;
		border: 1px solid #f0f0f0;
		border-radius: 1px;
		background: #fff;
		box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15);
	}

	.bx-basket-fixed.vcenter {
		bottom: 10px;
		top: auto !important;
	}

	.bx-basket-item-list { display: none; }

	/*.bx-basket-fixed */
}

.bx-basket-fixed .basket-line-block { margin-left: 10px; }

.bx-basket-item-list {
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
	border-top: 1px solid #f7f7f7;
}

.bx-opener .bx-basket-item-list { padding-bottom: 75px; }

.bx-max-height .bx-basket-item-list {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}

.bx-closed .bx-basket-item-list {
	overflow: hidden;
	height: 20px;
}

.bx-basket-item-list-action {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 120;
	padding: 3px 0;
	height: 20px;
	background: #f7f7f7;
	color: #4f4f4f;
	vertical-align: middle;
	text-align: center;
	font-size: 12px;
	line-height: 14px;
	cursor: pointer;
}

.bx-basket-item-list-button-container {
	position: absolute;
	right: 0;
	bottom: 20px;
	left: 0;
	padding: 10px 0;
	border-top: 1px solid #f7f7f7;
	background: #fff;
	text-align: center;
}

.bx-basket-item-list-container {
	overflow-y: auto;
	max-height: 100%
}

.bx-basket-item-list-item {
	position: relative;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	border-bottom: 1px solid #f7f7f7;
}

.bx-basket-item-list-container .bx-basket-item-list-item:last-child {
	margin-bottom: 0;
	border-bottom: none;
}

.bx-basket-item-list-item-status {
	margin: 0 10px 20px;
	padding: 3px;
	border-radius: 3px;
	background: #ebebeb;
	text-align: center;
	white-space: normal;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.bx-basket-item-list-item-img {
	position: relative;
	padding-bottom: 5px;
	text-align: center;
}

.bx-basket-item-list-item-img img {
	max-width: 90px;
	height: auto;
	border: 1px solid #e6e6e6;
}

.bx-basket-item-list-item-name { padding-bottom: 5px; }

.bx-basket-item-list-item-name a {
	font-size: 13px;
	line-height: 16px;
}

.bx-basket-item-list-item-remove {
	position: absolute;
	top: -7px;
	right: 10px;
	width: 20px;
	height: 20px;
	opacity: .5;
	cursor: pointer;
	transition: 250ms linear all;
}

.bx-basket-item-list-item-remove:after,
.bx-basket-item-list-item-remove:before {
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 10px;
	height: 2px;
	border-radius: 1px;
	background-color: #333;
	content: '';
	transform: translate(-50%, -50%);
}

.bx-basket-item-list-item-remove:after {
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	-moz-transform: translate(-50%, -50%) rotate(45deg);
	-ms-transform: translate(-50%, -50%) rotate(45deg);
	-o-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg);
}

.bx-basket-item-list-item-remove:before {
	-webkit-transform: translate(-50%, -50%) rotate(135deg);
	-moz-transform: translate(-50%, -50%) rotate(135deg);
	-ms-transform: translate(-50%, -50%) rotate(135deg);
	-o-transform: translate(-50%, -50%) rotate(135deg);
	transform: translate(-50%, -50%) rotate(135deg);
}

.bx-basket-item-list-item-remove:hover { opacity: .7; }

.bx-basket-item-list-item-price-block {
	padding-bottom: 5px;
	font-size: 12px;
}

.bx-basket-item-list-item-price {
	display: inline-block;
	margin-right: 5px;
}

.bx-basket-item-list-item-price-old {
	display: inline-block;
	margin-right: 5px;
	color: #b0b0b0;
	text-decoration: line-through
}

.bx_cart_login_top .basket-line { line-height: 1.44em; }

/*custom styles*/
.bx-basket-item-list-item-status,
.basket-line:has(.basket-line-block) {
	display: none;
}
.bx-basket-item-list {
	border: none;
}
.services-basket {
	/* display: none; */
	position: absolute;
    /* bottom: -90px; */
	left: 0;
	min-width: 308px;
	/* bottom: calc(100% - 150px); */
	top: calc(100% + 10px);
	background: white;
    border-radius: 20px;
    padding: 10px;
	z-index: 3;
	visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}
.services-basket:hover,
.uslugi-btn:hover + .services-basket:has(.bx-basket-item-list) {
	/* display: block; */
	opacity: 1;
    visibility: visible;
}
.uslugi-btn:hover,
.uslugi-btn:focus,
.uslugi-btn:visited {
	text-decoration: none;
	outline: 0;
}
.services-basket .basket-header,
.services-basket .item-header {
	display: flex;
    justify-content: space-between;
}
.services-basket .basket-item {
    border: 1px solid #6376A8;
    border-radius: 15px;
    padding: 10px;
}
.services-basket .basket-header {
	padding: 10px 0;
}
.services-basket .basket-header span+span {
	color: #0E163499;
}
.basket-item div + span {
	background: #1A1E31;
    color: white;
    border-radius: 53px;
    padding: 5px;
}
.services-basket .item-header {
	padding-bottom: 12px;
}
.services-basket .basket-items {
	display: flex;
	flex-direction: column;
	gap: 10px;
}
.btn.btn-primary.custom-btn {
	width: 100%;
    display: block;
    margin-top: 8px;
    background: #D53C3C1A;
    color: #D53C3C;
    border: navajowhite;
    border-radius: 10px;
    text-align: center;
    padding: 5px 0;
}
.btn.btn-primary.custom-btn:hover {
	background: #F54A4A;
	color: white;
}
.bx-basket-item-list:has(.btn.btn-primary.custom-btn) {
	padding-bottom: unset;
}
.basket-item .delete-item {
	cursor: pointer;
}
.basket-item .delete-item:hover rect {
	fill: rgb(99, 118, 168);
}
.basket-item .delete-item:hover path {
	stroke: white;
}
/*END custom styles*/
/* End */


/* Start:/bitrix/components/bitrix/menu/templates/store_v3_swipe/style.css?17622402342355*/
.menu-main {
	display: block;
	padding-left: 16px;
	padding-top: 5px;
	margin: 5px 0 35px;
	width: 100%;
	list-style: none;
}

.menu-swipe-btn {
	width: 26px;
	height: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.menu-swipe-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 100vh;
	pointer-events: none;
	z-index: 190;
	background: rgba(0, 0, 0, 0.5);
	transition: opacity 170ms ease;
	opacity: 0;
}

.menu-swipe-container.opened .menu-swipe-overlay {
	opacity: 1;
	pointer-events: auto;
}

.menu-swipe-container.opened {}

.menu-swipe-items-container {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	min-height: 100vh;
	box-sizing: border-box;
	z-index: 195;
	width: 0;
	transition: width 170ms ease;
	max-width: 275px;
}

.menu-swipe-container.opened .menu-swipe-items-container {
	width: calc(100% - 100px);
}

.menu-swipe-items-scroll-block {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	min-height: 100vh;
	box-sizing: border-box;
	overflow-y: auto;
	background-color: #f3f3f3;
}

.menu-swipe-items {
	display: block;
	padding: 0;
	margin: 0;
}

.menu-swipe-item {
	display: block;
	padding: 0 0 0 17px;
	margin: 0;
}

.menu-swipe-item-link {
	padding: 0 17px 0 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
	min-height: 40px;
	text-decoration: none !important;
	vertical-align: middle;
}

.menu-swipe-item-text {
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 21px;
	color: #121212;
	opacity: 0.6;
}

.menu-swipe-item:active,
.menu-swipe-item:hover,
.menu-swipe-item.selected .menu-swipe-item-text { opacity: 1; }

.menu-swipe-item-angle {
	display: block;
	transform: rotate(-45deg);
	border-bottom: 1px solid;
	border-right: 1px solid;
	color: #121212;
	opacity: 0.6;
	width: 7px;
	height: 7px;
}

.menu-swipe-close-btn {
	position: absolute;
	right: calc(0 - 19px - 38px);
	background: rgba(255, 255, 255, 0.2);
	border: 1px solid rgba(255, 255, 255, 0.4);
	box-sizing: border-box;
	border-radius: 50%;
	top:15px;
	width: 38px;
	height: 38px;
	align-items: center;
	justify-content: center;
	transition: right 170ms ease;
	opacity: 0;
	display: none;
}

.menu-swipe-container.opened .menu-swipe-close-btn {
	right: calc(100% + 19px);
	opacity: 1;
	display: flex;
}
/* End */


/* Start:/local/templates/oshfirewall/components/bitrix/breadcrumb/breascumbs/style.css?17914527201244*/
.bx-breadcrumb {
	display: flex;
    align-items: center;
    gap: 30px;
}
.bx-breadcrumb i {
	color: #b5bdc2;
	line-height: 13px;
	font-size: 12px;
	vertical-align: middle;
	margin-right: 5px;
}
/* .bx-breadcrumb .bx-breadcrumb-item {
	float: left;
	margin-bottom: 10px;
	white-space: nowrap;
	line-height: 13px;
	vertical-align: middle;
	margin-right: 10px;
} */
 .bx-breadcrumb .bx-breadcrumb-item a{
	/* font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; */
	color: #FFFFFF;
	font-size: 16px;
}
.bx-breadcrumb .bx-breadcrumb-item {
	/* font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; */
	font-size: 45px;
	font-weight: 400;
	line-height: 120%;
	color: #FFFFFF;
	text-transform: uppercase;
}
.bx-breadcrumb .bx-breadcrumb-item:not(:first-child){
	color: #C3CBE1;
	font-size: 16px;
}

.return-url{
	display: flex;
    align-items: center;
    font-size: 16px;
    gap: 10px;
}
.bx-breadcrumb .bx-breadcrumb-item a {border-bottom: none;}
.bx-breadcrumb .bx-breadcrumb-item a:hover {}

.bx-breadcrumb-item-section span{
	cursor: default;
	font-size: 45px;
	font-weight: 400;
	line-height: 120%;
	color: #C3CBE1;
	text-transform: uppercase;
}
/* End */


/* Start:/local/templates/oshfirewall/components/bitrix/menu/footer_menu/style.css?17914509522038*/
.store-menu {
	display: block;
	padding-left: 16px;
	padding-top: 5px;
	margin: 0 0 35px;
	width: 100%;
	list-style: none;
}

.store-menu-item {
	display: block;
	padding: 0;
	margin: 0;
}

.store-menu-item-link {
	display: block;
	padding: 13px 30px 12px 0;
	position: relative;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 25px;
	vertical-align: middle;
	opacity: 0.6;
	color: #fff;
}

.store-menu-item.selected .store-menu-item-link,
.store-menu-item-link:active ,
.store-menu-item-link:hover {
	opacity: 1;
	color: #fff;
	text-decoration: none;
}

.store-menu .store-menu-item:first-child .store-menu-item-link { border-top: none; }

.store-menu-item-link:after {
	content: '';
	display: block;
	border: 1.5px solid rgba(255, 255, 255, 0.3);
	border-bottom: none;
	border-left: none;
	width: 9px;
	height: 9px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: rotate(45deg) translateY(-50%);
}

.store-menu-item.selected .store-menu-item-link:after {
	border-color: #fff;

}
/* custom styles*/
.top-side-container {
	display: flex;
	justify-content: space-between;
}
.custom-menu-container,
.custom-submenu-container:has(.menu-part) {
	display: flex;
	gap: 16px;
}
.menu-section-block {
    min-width: 287px;
}
.menu-section-block .section-title {
	text-transform: uppercase;
	padding-bottom: 20px;
	font-weight: 600;
	color: #121C45 ;
	font-size: 14px;
	line-height: 150%;
}
.custom-menu-container .menu-section-block .menu-sub-elem a {
	color: #0E163499;
	font-family: SF Pro Display;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;

}
.menu-part {
	flex: 1;
	max-width: 287px;
}
.menu-sub-elem {
	padding-bottom: 6px;
}
.custom-submenu-container {
	padding-top: 20px;
}
.custom-menu-container a:hover {
	text-decoration: none;
}
.custom-menu-container {
	gap: 10px;
}
.custom.store-menu * {
	color: black;
}
/*END custom styles*/
/* End */


/* Start:/local/templates/oshfirewall/styles.css?1790090807202*/
.container {
	max-width: calc(1195px + 40px);
	width: 100%;
    margin: 0 auto;
    padding: 0 20px;
	/* box-sizing: border-box; */
	/* display: flex; */
	/* justify-content: space-between; */
}
/* End */


/* Start:/local/templates/oshfirewall/template_styles.css?179145087429187*/
body{
	background: #E7E9F1;
	font-family: "SF Pro Display", regular;
	margin: 0;
}
@font-face {
	font-family: "SF Pro Display";  
	src: url("/local/templates/oshfirewall/font/SF_Pro_Display/SFProDisplay-Regular.ttf") format("truetype"); 
	font-style: normal; 
	font-weight: normal;
}
.block_site{
	padding: 65px 0;
}
/* a:-webkit-any-link{
	
} */
a:focus,a:focus-visible,button:focus,button:focus-visible{
	outline: none;
	outline-offset: unset;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.btn_def{
	font-family: SF Pro Display;
    font-weight: 400;
    font-size: 16px;
    line-height: 130%;
    text-align: center;
    text-transform: uppercase;	
}
.btn_def:hover{
	color: #D53C3C;
}
.item-blocks-menu{
    padding: 14px 12px;
    background: white;
    border-radius: 12px;
	box-shadow: 8px 7px 25px 0px #0000001A;	
}
div.menu-sitemap-tree .item-blocks-menu ul {
    display: grid;
    margin: 0;
    padding: 0;
    gap: 0;
    width: 160px;
}
div.menu-sitemap-tree .item-blocks-menu ul li{
    margin: 0;
    padding: 0;
    padding-bottom: 10px;
    border-bottom: 1px solid #a7adc299;
    padding-top: 10px;
}
div.menu-sitemap-tree .item-blocks-menu ul li:first-child{	
	padding-top: 0px;
}
div.menu-sitemap-tree .item-blocks-menu ul li:last-child{
    padding-bottom: 0px;
    border-bottom: 0;	
}
div.menu-sitemap-tree .item-blocks-menu div.item-text {
    position: initial;
    top: 0;
    left: 0;
}
.item-blocks-menu .btn_def{
	text-transform: capitalize;
}
.uslugi-btn {
    color: #6376A8;
    background: #C3CBE1;
    align-items: center;
    gap: 12px;
    border-radius: 10px;
    padding: 5px 20px;
    border: none;
    flex-wrap: wrap;	
}
.uslugi-btn:hover {
    background: #6376A8;
    color: white;
}
.consultation-btn {
    color: white;
    background: #D53C3C;
    gap: 12px;
    border-radius: 10px;
    padding: 5px 20px;
    border: none;
    flex-wrap: wrap;
	cursor: pointer;
}
.consultation-btn:hover {
    background: #F54A4A;
}
.custom-btn {
    width: 100%;
    display: block;
    margin-top: 8px;
    background: #D53C3C1A;
    color: #D53C3C;
    border: navajowhite;
    border-radius: 10px;
    text-align: center;
    padding: 5px 0;
	width: 200px;
}
.custom-btn:hover {
    background: #F54A4A;
    color: white;
}
.delete-item {
    cursor: pointer;
}
.delete-item:hover rect {
    fill: rgb(99, 118, 168);
}
.delete-item:hover path {
    stroke: white;
}
.news-btn{
	display: flex;
    flex-direction: row;
    align-items: center;
    gap: 6px;
    background: #6376A8;
    width: fit-content;
    justify-content: space-between;
    padding: 9px 15px;
    border-radius: 12px;
    color: white;	
}
.news-btn:hover{
	background: #859AD4;
    color: white;
}
.news-btn.next{
    display: flex;
    flex-direction: row;
    gap: 0;
    background: #6376A8;
    justify-content: center;
    color: white;
    width: 28px;
    height: 28px;
    padding: 2px;
    border-radius: 50%;
    align-items: center;	
}
.news-btn.next:hover{
	background: #859AD4;
	color: white;
}
.hover_icon{
	display: none;
}
.faq-block{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: max-content;
    gap: 40px;
    background: #FFFFFF;
    color: #1A1E31;
    padding: 25px 18px;
    border-radius: 20px;
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 18px;
    line-height: 100%;
    letter-spacing: 0%;
    cursor: pointer;	
}
.faq-block:hover{
    background: #6376A8;
    color: white;	
}
.faq-block:hover .none_hover_icon{
	display: none;	
}
.faq-block:hover .hover_icon{
	display: block;	
}
.uslugi_block_item{
    display: flex;
    flex-direction: column;
    max-width: 385px;
    box-shadow: 8px 7px 25px 0px #0000001A;
    padding: 20px;
    position: relative;
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    background: white;	
}
.uslugi_block_item_title{
	font-family: SF Pro Display;
    font-weight: 500;
    font-size: 23px;
    line-height: 100%;
    letter-spacing: 0%;
    margin-bottom: 10px;	
	color: #1A1E31;
}
.uslugi_block_item_desc{
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 14px;
    line-height: 120%;
    letter-spacing: 0%;
    color: #0E163499;	
}
.uslugi_block_item_img img{
    display: block;
    width: 100%;	
}
.uslugi_block_item_price{
    position: absolute;
    bottom: 20px;
    left: 20px;
    color: white;
    background: #4C4E57;
    border-radius: 13px;
    padding: 5px 10px;
    border: none;
    font-size: 14px;
}
.uslugi_block_item_icon{
    position: absolute;
    bottom: 20px;
    right: 20px;
    display: flex;
    flex-direction: row;
    gap: 0;
    background: #d53c3c;
    justify-content: center;
    color: white;
    width: 28px;
    height: 28px;
    padding: 2px;
    border-radius: 50%;
    align-items: center;
    cursor: pointer;	
}
.uslugi_block_item:hover{
	border: 1px solid #D53C3C
}
.uslugi_block_item:hover .uslugi_block_item_price{
	background: #d53c3c;
}
.btn-red:hover {
    background: #F54A4A;
    color: white;
}
.new_companent_pagin{
    width: 100%;
    display: flex;
    margin: 0 auto;
    justify-content: center;
    margin-bottom: 40px;	
}

/*custom styles header*/
header {
	padding-top: 20px;
	
}
.header_fixed{
	padding: 20px;
	width: 100%;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 9999;
	box-shadow: 0px 0px 10px 5px #0B203D14;
}
header .left-side {
	display: flex;
	width: 20%;
	/* align-items: end; */
	align-items: center;
}
.right-side, 
.center-side,
.right-side .personal-buttons,
.borders,
.menu-item,
.right-side .personal-buttons .uslugi-btn {
	display: flex;
}
header .left-side .logo {
	padding-right: 10px;
}
header .left-side span {
	padding-left: 10px;
	font-size: 12px;
	color: #0E163499;
}
.borders i {
	display: block;
    width: 50%;
    height: 2px;
}
.borders i:first-child {
	background: #ec7676;
}
.borders i:nth-child(2) {
	background: #D53C3C1A;
}
.center-side {
	gap: 40px;
	text-transform: uppercase;
}
.right-side {
	gap: 20px;
	align-items: center;
	position: relative;
}
.right-side .personal-buttons {
	gap: 5px;
	/* position:relative; */
}
header {
	background: #E7E9F1;
}
header .container {
	align-items: center;
	box-sizing: border-box;
	display: flex;
	justify-content: space-between;
	/* position: relative; */
}
.right-side .personal-buttons .uslugi-btn:hover {
	background: #6376A8;
	/* color: white; */
}
.right-side .personal-buttons .uslugi-btn:hover a {
	color: white;
}
.right-side .personal-buttons .consultation-btn:hover {
	background: #F54A4A;
	/* color: white; */
}
.right-side .personal-buttons .uslugi-btn:hover svg path {
	stroke: white;
}
/* .right-side .personal-buttons .uslugi-btn:hover { */
	/* cursor: default; */
/* } */
.right-side .personal-buttons .consultation-btn:hover {
	cursor: pointer;
}
.right-side .personal-buttons .uslugi-btn,
.right-side .personal-buttons .consultation-btn {
	gap: 12px;
	border-radius: 10px;
    padding: 5px 20px;
	border: none;
    flex-wrap: wrap;
	height: 32px;
}
.right-side .personal-buttons .uslugi-btn a {
	color: #6376A8;
	font-size: 14px;
}
.right-side .personal-buttons .uslugi-btn {
	/* color: #6376A8; */
	background: #C3CBE1;
	align-items: center;
}
.right-side .personal-buttons .consultation-btn {
	color: white;
	background: #D53C3C;
	font-size: 14px;
}
.phones a {
	text-decoration: none;
	color: black;
	font-size: 12px;
}
.item-text a:hover {
	text-decoration: none;
}
.burger-menu-btn {
	display: none;
	padding-left: 6px;
}
.center-side .item-text a{
	font-size: 14px;
}
.center-side .item-text a:hover{
	color: #D53C3C;
}
.cookies{
	box-shadow: 8px 7px 25px 0px #0000001A;
	background: #FFFFFF;
	border-radius: 20px;
	gap: 15px;
	display: flex;
	align-items: center;
	max-width: 975px;
	position:fixed;
    bottom:25px;
	width: 100%;
	height: 70px;
	padding: 20px 24px;
	left: 25px;
	z-index: 999;
}
.cookies-block{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.cookies-block p{
	font-weight: 400;
	font-size: 14px;
	line-height: 130%;
	color: #121C45;
	max-width: 722px;
}
.btn-cookies{
	padding: 3px 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #D53C3C1A;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	color: #D53C3C;
	height: 31px;
	max-width: 71px;
	width: 100%;
	border-radius: 10px;
}
.btn-cookies:hover{
	color: #fff;
	background: #D53C3C;
}
@media (max-width: 1400px) {
	.uslugi-btn:hover + .services-basket,
	.uslugi-btn + .services-basket {
		/* opacity: 0 !important;
		visibility: hidden !important; */
		display: none !important;
	}
}
@media (max-width: 1024px) {
	header .container .left-side span,
	header .phones {
		display: none;
	}
	header .container .left-side {
		width: auto;
	}
	.cookies{
		height: 140px;
		left: 0;
		align-items: self-start;
	}
	.cookies svg{
		display: none;
	}
	.cookies-block p{
		margin: 0;
	}
	.cookies-block{
		flex-direction: column;
		gap: 10px;
	}
}
/* @media (max-width: 720px) { */
@media (max-width: 768px) {
	header .center-side {
		display: none;
	}
	.burger-menu-btn {
		display: block;
	}
	.right-side .personal-buttons {
		align-items: center;
	}
	/* .right-side .personal-buttons .uslugi-btn,
	.consultation-btn {
		padding: 10px;
	} */
	.uslugi-btn {
		padding: 5px 10px !important;
		font-size: 13px;
	}
	header .left-side {
		flex: 1;
	}
}
.page-title-block .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.page-title-block .container form {
	margin-bottom: unset;
}
.page-title-block {
	background: #6376A8;
	margin-top: 20px;
	padding: 15px;
}
.page-title-block .bx-breadcrumb {
	margin-right: auto;
}
.container:before, .container:after {
	content: unset;
} 
header .container * {
    /* font-size: 16px; */
}
/* ENDcustom styles header*/

/*custom styles footer*/
footer {
	background: white;
	color: #1A1E31;
}
footer .container {
	padding-top: 64px;
	padding-bottom: 82px;
	position: relative;
}
footer .container .logo {
	width: fit-content;
	margin-bottom: 10px;
}
footer .left-side,
footer .part.second {
	display: flex;
    flex-direction: column;
}
footer .left-side {
	gap: 21px;
}
footer .left-side .part:not(.third) {
	padding-bottom: 21px;
	border-bottom: 1px solid #ECF0F4;
}
.footer.email,.footer.phone{
	color: #1A1E31;
}
/* footer .part.second .footer { */
	/* text-decoration: none; */
	/* color: black; */
/* } */
a {
	text-decoration: none;
	color: black;
}
.footer-before-block {
	position: relative;
}
.footer-before-block-background {
	height: 240px;
	background: #6376A8;
    position: absolute;
    width: 100%;
    height: 240px;
    bottom: 0;
}
.footer-before-block .elem-container {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 0;
    justify-content: space-between;
    margin-top: 30px;
	padding-bottom: 70px;
}
.footer-before-block .footer-elem {
	background: white;
	padding: 20px;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 8px 7px 25px 0px #0000001A;
    position: relative;
    /* width: 243px; */
    /* height: 190px; */
	width: 287px;
    height: 232px;
}
.footer-before-block .footer-elem .footer-elem-header {
	display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 15px;
}
.footer-before-block .footer-elem .footer-elem-header .footer-elem-header-title {
	font-family: SF Pro Display;
    font-weight: 400;
    font-size: 17px;
    line-height: 25.5px;
    color: #1A1E31;
    text-transform: uppercase;
}
.footer-before-block .footer-elem .footer-elem-address {
	padding-top: 15px;
    font-family: SF Pro Display;
    font-weight: 500;
    font-size: 14px;
    line-height: 14px;
    color: #1A1E31;
    padding-bottom: 10px;
    border-bottom: 1px solid #ECF0F4;
}
.footer-elem-tel {
	padding-top: 10px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
}
.footer-elem-tel:not(.social-btn){
	padding-bottom: 10px;
    /* border-bottom: 1px solid #ECF0F4; */
}
.office-mail{
	border-bottom: 1px solid #ECF0F4;
}
.footer-elem-tel.social-btn {
	position: absolute;
    bottom: 10px;
    width: calc(100% - 40px);
	align-items: center;
}
.footer-elem-title,
.footer-elem-tel-href {
	font-family: SF Pro Display;
    font-weight: 500;
    font-size: 12px;
    line-height: 15.6px;
    color: #0E163499;
}
.footer-elem-contacts-btn {
	position: absolute;
    right: 20px;
    bottom: 20px;
}
.footer-elem-contacts-btn a,
.send_question {
	background: #D53C3C;
	padding: 8px 10px;
	color: white !important;
	border-radius: 10px;
	font-weight: 500;
	font-size: 14px;
	line-height: 100%;
	letter-spacing: 0%;

}
.send_question {
	position: absolute;
	bottom: 12px;
}
.footer-elem-contacts-btn:hover a,
.send_question:hover {
	background: #DD6363;
}
.footer-elem-block-title {
	font-family: SF Pro Display;
    font-weight: 400;
    font-size: 14px;
    line-height: 18.2px;
    color: #0E163499;
    margin-bottom: 20px;
}
.social-links {
	display: flex;
	gap: 10px;
}
.social-links a {
	width: 32px;
    height: 32px;
    background: #D53C3C;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.footer-elem.sos-block {
	background: #D53C3C;
}
.footer-elem-header-description {
	font-size: 14px;
}
.footer-elem.sos-block .footer-elem-header {
	gap: 5px;
}
.sos-btns-block {
	display: flex;
	gap: 6px;
}
.sos-btns-block select,
.sos-btns-block .send-form {
	background: #DD6363;
	/* padding: 3px 10px; */
	/* padding: 10px; */
	padding: 8px;
	border-radius: 7px;
}
.sos-btns-block select {
	font-size: 11px;
	cursor: pointer;
	border: none;
}
.sos-btns-block .send-form {
	font-size: 14px;
	background: rgba(221, 99, 99, 0.5);
	/* pointer-events: none; */
	cursor: pointer;
}
.fos_footer_sos {
	display: flex;
    flex-direction: column;
    gap: 6px;
}
.footer-elem.sos-block .fos_footer_sos input {
	padding: 10px;
	border-radius: 8px;
	border: none;
	color: #0E163499 !important;
	outline: 0;
}
.footer-elem.sos-block .fos_footer_sos #pricina_val {
	color: white !important;
	font-size: 11px;
}
.footer-elem.sos-block * {
    color: white !important;
}

.pricina_block {
	display: block;
    position: relative;
    cursor: pointer;
}
.pricina_block:after {
    content: "";
    width: 18px;
    height: 18px;
    display: block;
    margin-left: 5px;
    background: url(/upload/static_images/CaretUpBel.svg);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: 8px;
    top: 6px;
    z-index: 1;
}
.footer-elem.sos-block input[type="text"]#pricina_val {
    position: relative;
    cursor: pointer;
	width: 100%;
	background: #DD6363;
}
.pricina_option.show {
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s ease, visibility 0.3s ease;
	z-index: 1;
}
.pricina_block:hover .pricina_option.show,
.pricina_block .pricina_option.show:hover {
	/* display: block !important; */
	opacity: 1;
	visibility: visible;
}
.footer-elem.sos-block input[type="text"]#pricina_val::placeholder {
	color: white;
	font-size: 11px;
}
.pricina_option {
    position: absolute;
    top: 35px;
    padding: 10px;
    width: 110%;
    background: #FFFFFF;
    border-radius: 10px;
    left: -18px;
    box-shadow: 8px 7px 25px 0px #0000001A;
}
.pricina_option.show .pricina_option_bl {
    padding: 8px 10px;
    background: #D53C3C1A;
    color: #D53C3C !important;
    font-family: SF Pro Display;
    font-weight: 400;
    font-size: 11px;
    line-height: 14.3px;
    border-radius: 7px;
    margin-bottom: 10px;
}
.pricina_option_bl:last-child {
    margin-bottom: 0px !important;
}
.footer-before-block .elem-container:has(h2) {
	padding-bottom: unset;
}
footer .created-in {
	display: flex;
	gap: 5px;
	position: absolute;
    right: 25px;
	color: #0E163499;
	align-items: center;
}
.copyright {
	color: #0E163499;
	font-size: 11px;
}
footer .left-side {
	width: 20%;
}
.footer-before-block .elem-container .footer-elem.sos-block .sos-btns-block .pricina_block {
	width: 100%;
    font-size: 11px;
}
.footer-before-block .elem-container .footer-elem.sos-block input,
.footer-before-block .elem-container .footer-elem.sos-block .sos-btns-block {
	line-height: normal;
	font-size: 13px;
}
.footer-before-block .elem-container .footer-elem.sos-block .footer-elem-header-description {
	line-height: normal;
	height: 38px;
	width: 195px;
}
.uslugi-btn a.disabled {
	pointer-events: none;
}
@media (max-width: 1310px) {
	.footer-before-block .elem-container {
		gap: 10px;
	}
	.container {
		width: auto !important;
	}
	.top-side-container,
	.custom-submenu-container {
		gap: 10px;
	}
}
@media (max-width: 1024px) {
	.top-side-container .left-side {
		order: 1;
		width: fit-content;
		flex-direction: row;
	}
	.top-side-container {
		flex-direction: column;
	}
	footer .part.second {
		flex-direction: unset;
		gap: 10px;
		align-items: end;
	}
	footer .left-side .part {
		border: none !important;
		flex-wrap: wrap;
	}
}
@media (max-width: 768px) {
	.footer-before-block .footer-elem {
		width: 100%;
		margin-bottom: 20px;
	}
	/* .top-side-container {
		flex-direction: column;
	} */
	/* .top-side-container .left-side {
		order: 1;
		width: fit-content;
		flex-direction: row;
	} */
	/* footer .part.second {
		flex-direction: unset;
		gap: 10px;
		align-items: end;
	}
	footer .left-side .part {
		border: none !important;
		flex-wrap: wrap;
	} */
}
@media (max-width: 690px) {
	.custom-menu-container {
		flex-direction: column;
	}
	.header_fixed{
		padding-bottom: 20px;
		padding-left: 0;
		padding-right: 0;
	}
}
@media (max-width: 400px) {
	.custom-submenu-container {
		/* flex-direction: column; */
		flex-wrap: wrap;
	}
}
@media (max-width: 395px) {
	.top-side-container .footer.phone{
		font-size: 13px;
	}
}
/* ENDcustom styles header*/

/*custom styles index*/
.cycles-container {
	display: flex;
	gap: 16px;
}
.cycle-elem {
	display: flex;
    flex-direction: column;
    justify-content: space-between;
	background: #C3CBE1;
	border-radius: 15px;
	padding: 15px;
	width: 287px;
    height: 296px;
}
.cycles-container .elem-title,
.feature-card h2 {
	font-size: 23px;
	font-weight: 500;
}
.cycles-container .elem-description {
	color: #0E163499;
	font-size: 14px;
	font-weight: 400;
	
}
/* .block-title.company-partners{
	margin-bottom: 25px;
} */
.block-title h2{
	margin-block-start: 0;
	margin-block-end: 0;
}
.block-title{
	margin-bottom: 25px;
}
.main-directions{
	margin-top: 165px;
}
@media (max-width: 1024px) {
	.cycles-container {
		flex-wrap: wrap;
		justify-content: center;
	}
	.main-directions{
		margin-top: 40px;
	}
}
@media (max-width: 767px) {
	.work-cycles-block,
	.block-title.partners,
	.block-title.partners + .news-list,
	.block-title.articles,
	.block-title.articles + div {
		display: none;
	}
}
@media (max-width: 629px) {
	.cycle-elem {
		height: unset;
		width: 100%;
	}
}
/*END custom styles index*/
/*вам поможет*/
.hero-section {
	height: 512px;
	margin-bottom: 10px;
}
.hero-content {
	position: relative;
}
.background-file-image {
	position: absolute;
    opacity: 0.1;
    right: 30px;
    bottom: 30px;
}
.hero-title {
	font-weight: 400;
}
.hero-section .hero-title{
	margin-block-start: 0;
	margin-block-end: 0;
}
.hero-list li {
	font-size: 14px;
}
.hero-btn {
	font-size: 14px;
	font-weight: 500;
	padding: 10px 15px;
	z-index: 1;
}
.feature-card {
	/*height: 288px;*/
}
.feature-card h2 {
	margin-bottom: unset;
}
/*END вам поможет*/
/*header*/
header .left-side .logo{
	border-right: 1px solid #DCDFE8;
}
/*END header*/
/*Работаем по лицензии МЧС*/
.left-banner {
	background-color: #C3CBE1;
}
.brand-header {
	gap: 26px;
}
.brand-header .logo {
	padding-right: 26px;
    border-right: 1px solid #BAC2D9;
}
.btn-presentation {
	padding: 8px 6px 8px 10px;
	font-size: 14px;
	font-weight: 500;
	
}
.feature-card-f {
	padding: 19px 15px;
}
.left-banner img {
	z-index: 0;
}
/*END Работаем по лицензии МЧС*/

/*articles*/
.block-title.articles + div .swiper-wrapper {
	height: unset;
}
/*END articles*/

/* form */
.web-form-modal {
    position: fixed;
    inset: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.web-form-modal.is-open {
    display: flex;
}

.web-form-modal__overlay {
    position: absolute;
    inset: 0;
    background: rgba(0, 0, 0, .6);
}

.web-form-modal__window {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 460px;
    max-height: 522px;
    overflow: hidden;
    padding: 23px 20px;
    border-radius: 20px;
    background: #fff;
}

.web-form-modal__close {
   	position: absolute;
	top: 0;
	right: 0;
	width: 22px;
	height: 22px;
	padding: 0;
	border: 0;
	background: transparent;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}
.web-form__close svg {
	display: block;
	cursor: pointer;
}
.web-form__close:hover svg path {
	stroke: #252b38;
}
.web-form {
	width: 100%;
	color: #1d2740;
}

.web-form__header {
	position: relative;
	display: flex;
    justify-content: space-between;
	margin-bottom: 15px;
}

.web-form__title {
	font-size: 18px;
	line-height: 20px;
	font-weight: 500;
	padding-left: 10px;
	border-left: 1px solid #df3b3b;
	margin-bottom: 18px;
}

.web-form__description {
	font-size: 10px;
	line-height: 14px;
	color: #777;
	margin-bottom: 16px;
}

.web-form__fields {
	display: flex;
	flex-direction: column;
	gap: 6px;
}

.web-form__field {
	width: 100%;
}


.web-form__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	margin-top: 20px;
}

.web-form__privacy {
	flex: 1 1 auto;
	min-width: 0;
}

.web-form__privacy-label {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	cursor: pointer;
	margin: 0;
}

.web-form__checkbox {
	position: relative;
	display: block;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	margin-top: 0;
}

.web-form__checkbox input[type="checkbox"] {
	position: absolute;
	left: 0;
	top: 0;
	width: 16px;
	height: 16px;
	margin: 0;
	padding: 0;
	opacity: 0;
	cursor: pointer;
	z-index: 2;
}


.web-form__checkbox-custom svg {
	display: none;
}

.web-form__checkbox input[type="checkbox"]:checked + .web-form__checkbox-custom {
	background: #df3b3b;
	border-color: #df3b3b;
}

.web-form__checkbox input[type="checkbox"]:checked ~ .web-form__checkbox-custom svg {
	display: block;
}

.web-form__checkbox input[type="checkbox"]:focus-visible + .web-form__checkbox-custom {
	box-shadow: 0 0 0 2px rgba(223, 59, 59, .15);
}

.web-form__privacy-text {
	display: block;
	font-size: 9px;
	line-height: 12px;
	color: #b9b9b9;
	padding-top: 1px;
}

.web-form__submit {
	flex: 0 0 auto;
	align-self: center;
}

.web-form__submit input[type="submit"] {
	display: flex;
	align-items: center;
	justify-content: center;
	min-width: 90px;
	height: 34px;
	padding: 3px 20px;
	margin: 0;
	border: 0;
	gap: 6px; 
	border-radius: 10px;
	background: #D53C3C;
	color: #fff;
	font-family: inherit;
	font-size: 14px;
	/* line-height: 34px; */
	cursor: pointer;
	transition: background .2s;
} 

.web-form__submit input[type="submit"]:hover {
	background: #cc3232;
}

.web-form__submit input[type="submit"]:disabled {
	opacity: .5;
	cursor: not-allowed;
}



.web-form__input input[type="text"],
.web-form__input input[type="email"],
.web-form__input input[type="tel"],
.web-form__input input[type="number"],
.web-form__input input[type="password"],
.web-form__input textarea,
.web-form__input select {
	display: block;
	box-sizing: border-box;
	width: 100%;
	border: 1px solid #e6eaf0;
	border-radius: 7px;
	background: #fff;
	outline: none;
	font-family: inherit;
	font-size: 11px;
	color: #252b38;
	transition: .2s;
}
.web-form__file .web-form__file-button-text{
	font-size: 14px;
}
.web-form__input input[type="text"],
.web-form__input input[type="email"],
.web-form__input input[type="tel"],
.web-form__input input[type="number"],
.web-form__input input[type="password"],
.web-form__input select {
	height: 34px;
	padding: 0 9px;
}

.web-form__input textarea {
	height: 89x;
	min-height: 74px;
	padding: 10px;
	resize: vertical;
	resize: none;
}

.web-form__input input::placeholder,
.web-form__input textarea::placeholder {
	color: #9299a6;
	opacity: 1;
}

.web-form__input input:focus,
.web-form__input textarea:focus,
.web-form__input select:focus {
	border-color: #657bb6;
}

.web-form__field--error input,
.web-form__field--error textarea,
.web-form__field--error select {
	border-color: #df3b3b;
}

.web-form__field-error {
	/* margin-top: 4px; */
	font-size: 9px;
	line-height: 12px;
	color: #df3b3b;
}

/* Файл */

.web-form__file {
	position: relative;
	margin-bottom: 10px;
}

.web-form__file-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	height: 33px;
	padding: 4px 15px 4px 20px;
	box-sizing: border-box;
	border-radius: 10px;
	background: #6376A8;
	color: #fff;
	font-size: 13px;
	line-height: 28px;
	cursor: pointer;
	transition: background .2s;
}

.web-form__file-button:hover {
	background: #566da8;
}

.web-form__file-button input[type="file"] {
	position: absolute;
	width: 1px;
	height: 1px;
	opacity: 0;
	overflow: hidden;
	pointer-events: none;
}

.web-form__file-plus {
	font-size: 22px;
	font-weight: 200;
	line-height: 20px;
	margin-top: -1px;
}

.web-form__file-name {
	display: inline-block;
	margin-left: 12px;
	font-size: 13px;
	color: #6376A8;
	vertical-align: middle;
}

/* Нижняя часть */

.web-form__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 12px;
	margin-top: 20px;
}

.web-form__privacy {
	flex: 1;
	min-width: 0;
}

.web-form__privacy-label {
	display: flex;
	align-items: flex-start;
	gap: 7px;
	cursor: pointer;
}

.web-form__checkbox {
	position: relative;
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
}



.web-form__checkbox-custom {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 3px;
	background: #F7F7F7;
	opacity: 1;
	transition: .2s;
	pointer-events: none;
}

.file-text{
	font-size: 12px;
	font-weight: 500;
	margin-top: 6px;
	margin-bottom: 6px;
}

.file-dop-text{
	font-size: 11px;
	font-weight: 400;
	color: #0E163499;
	margin-bottom: 6px;
}

.web-form__privacy-text {
	font-size: 11px;
	line-height: 12px;
	color: #b9b9b9;
}

.web-form__privacy-error {
	margin-left: 23px;
}

/* Кнопка */

.web-form__submit {
	flex: 0 0 auto;
}


/* Общие ошибки */

.web-form__errors {
	margin-bottom: 12px;
	padding: 9px 10px;
	border-radius: 6px;
	background: #fff1f1;
	color: #df3b3b;
	font-size: 10px;
	line-height: 14px;
}

/* Успешная отправка */

.web-form__success {
	text-align: center;
	padding: 30px 10px;
}

.web-form__success-icon {
	margin-bottom: 12px;
}

.web-form__success-title {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px;
}

.web-form__success-text {
	font-size: 11px;
	line-height: 16px;
	color: #777;
}

/* CAPTCHA */

.web-form__captcha {
	margin-top: 15px;
}

.web-form__captcha-title {
	font-size: 11px;
	margin-bottom: 7px;
}

.web-form__captcha-image {
	margin-bottom: 7px;
}

.web-form__captcha-input input {
	width: 100%;
	height: 28px;
	box-sizing: border-box;
	border: 1px solid #e6eaf0;
	border-radius: 7px;
	padding: 0 9px;
	font-size: 11px;
}

@media (max-width: 480px) {
	.web-form__bottom {
		flex-direction: column;
		align-items: stretch;
	}

	.web-form__submit input[type="submit"] {
		width: 100%;
	}

	.web-form__file-button {
		width: auto;
	}

	.web-form__file-name {
		margin-top: 7px;
		margin-left: 0;
		display: block;
	}
}

/* End */
/* /local/templates/oshfirewall/css/header.css?17900908084267 */
/* /local/templates/oshfirewall/css/footer.css?17914507107320 */
/* /local/templates/oshfirewall/font/SF_Pro_Display/stylesheet.css?17900908118830 */
/* /local/templates/oshfirewall/css/index.css?179144940612981 */
/* /local/templates/oshfirewall/css/swiper-bundle.min.css?179009080814622 */
/* /local/templates/oshfirewall/components/bitrix/menu/tree1/style.css?17914481782432 */
/* /local/templates/oshfirewall/components/bitrix/sale.basket.basket.line/bootstrap_v5/style.css?17900908167059 */
/* /bitrix/components/bitrix/menu/templates/store_v3_swipe/style.css?17622402342355 */
/* /local/templates/oshfirewall/components/bitrix/breadcrumb/breascumbs/style.css?17914527201244 */
/* /local/templates/oshfirewall/components/bitrix/menu/footer_menu/style.css?17914509522038 */
/* /local/templates/oshfirewall/styles.css?1790090807202 */
/* /local/templates/oshfirewall/template_styles.css?179145087429187 */