/* Start:/bitrix/templates/new2023/components/bitrix/search.title/store_icorporate/style.css?17564448812092*/
div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:205;
}

table.title-search-result {
	border-collapse: collapse;
	border:none;
	width:10%;
}

table.title-search-result th {
	background-color:#F7F7F7;
	border-right:1px solid #e8e8e8;
	color:#949494;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:14px;
 	padding-right:12px;
	text-align:right;
	vertical-align:top;
	white-space:nowrap;
	width:1%;
}

table.title-search-result td {
	background-color:white;
	color:black;
	font-weight:normal;
	padding-top:2px;
	padding-bottom:2px;
	text-align:left;
	white-space:nowrap;
}

table.title-search-result td.title-search-item {
	padding-left:8px;
	padding-right:15px;
}

table.title-search-result td.title-search-item a {
	padding-left:4px;
	padding-right:15px;
	text-decoration: none;
	color:black;
	vertical-align:top;
}

table.title-search-result td.title-search-item img {
	vertical-align:top;
}

table.title-search-result td.title-search-item b {
	color:#cf0000;
	font-weight:normal;
}

table.title-search-result tr.title-search-selected td
,table.title-search-result tr.title-search-selected a
,table.title-search-result tr.title-search-selected td.title-search-more a
{
	background-color:#fff2be;
}

table.title-search-result td.title-search-more {
	font-size:11px;
	font-weight:normal;
	padding-right:15px;
	padding-left:24px;
	padding-top:0px;
}

table.title-search-result td.title-search-more a
{
	padding-left:12px;
	padding-right:15px;
	text-decoration:none;
	color:#999999;
}

table.title-search-result td.title-search-all {
	padding-left:24px;
	padding-right:15px;
}

table.title-search-result td.title-search-all a
{
	padding-left:4px;
	text-decoration:none;
	color:#808080;
}

table.title-search-result td.title-search-separator
, table.title-search-result th.title-search-separator {
	padding-top:0px;
	padding-bottom:0px;
	font-size:4px;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/templates/new2023/components/bitrix/search.title/store_icorporate/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}
/* End */


/* Start:/bitrix/templates/new2023/components/bitrix/breadcrumb/breadcrumb_icorporate/style.min.css?1756444881467*/
.bx-breadcrumb{margin:10px 0}.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 span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0}
/* End */


/* Start:/bitrix/templates/new2023/styles.css?175644488163277*/
/* Start:/bitrix/templates/new2023/styles.css?1701762767253*/
.B6-Component:before {
  content: "";
  position: absolute;
  top: 0;
  height: 100%;
  background: #e4f4ff;
  width: 1000%;
}

/* End */

/* Start:/bitrix/templates/new2023/template_styles.css?170123383372780*/
@import url("https://cdnjs.cloudflare.com/ajax/libs/meyer-reset/2.0/reset.min.css");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700,800");

* {
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}

/* a blue color as a generic focus style */
button:focus-visible {
  outline: 2px solid #4a90e2 !important;
  outline: -webkit-focus-ring-color auto 5px !important;
}

a {
  text-decoration: none;
}

:root {
  --x-1: rgba(37, 102, 185, 1);
  --x-2: rgba(120, 120, 120, 1);
  --x-3: rgba(51, 51, 51, 1);
  --x-4: rgba(228, 244, 255, 1);
  --x-5: rgba(62, 130, 216, 1);
  --line: rgba(120, 120, 120, 0.3);
  --icon: rgba(167, 167, 167, 1);
  --white: rgba(255, 255, 255, 1);
  --gray: rgba(246, 246, 246, 1);
  --border-2: rgba(255, 255, 255, 0.2);
  ---font-family: "Roboto-Regular", Helvetica;
  ---font-weight: 400;
  ---font-size: 15px;
  ---letter-spacing: 0px;
  ---line-height: 139.9999976158142%;
  ---font-style: normal;
  --btn-medium-font-family: "Roboto-Medium", Helvetica;
  --btn-medium-font-weight: 500;
  --btn-medium-font-size: 15px;
  --btn-medium-letter-spacing: 0px;
  --btn-medium-line-height: 154.99999523162842%;
  --btn-medium-font-style: normal;
  --btn-regular-font-family: "Roboto-Regular", Helvetica;
  --btn-regular-font-weight: 400;
  --btn-regular-font-size: 15px;
  --btn-regular-letter-spacing: 0px;
  --btn-regular-line-height: 154.99999523162842%;
  --btn-regular-font-style: normal;
  --2-font-family: "Roboto-Bold", Helvetica;
  --2-font-weight: 700;
  --2-font-size: 32px;
  --2-letter-spacing: 0px;
  --2-line-height: 120.00000476837158%;
  --2-font-style: normal;
  --3-font-family: "Roboto-SemiBold", Helvetica;
  --3-font-weight: 600;
  --3-font-size: 24px;
  --3-letter-spacing: 0px;
  --3-line-height: 125%;
  --3-font-style: normal;
  --5-font-family: "Roboto-SemiBold", Helvetica;
  --5-font-weight: 600;
  --5-font-size: 18px;
  --5-letter-spacing: 0px;
  --5-line-height: 125%;
  --5-font-style: normal;
  --4-font-family: "Roboto-SemiBold", Helvetica;
  --4-font-weight: 600;
  --4-font-size: 20px;
  --4-letter-spacing: 0px;
  --4-line-height: 125%;
  --4-font-style: normal;
  --6-font-family: "Roboto-SemiBold", Helvetica;
  --6-font-weight: 600;
  --6-font-size: 15px;
  --6-letter-spacing: 0px;
  --6-line-height: 125%;
  --6-font-style: normal;
  --shadow: 0px 0px 11px 0px rgba(0, 0, 0, 0.12);
}

/*#endregion*/

input[type="text"]:focus {
  outline: none;
}

.col-3 {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  float: left;
  position: relative;
}

.col-3 input[type="text"] {
  font: 15px/24px "Lato", Arial, sans-serif;
  color: #333;
  width: 100%;
  box-sizing: border-box;
  letter-spacing: 1px;
}

input.effect-1 {
  border-color: #ffffff00;
}

/* NEWS*/
/*#region*/
html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  overflow-x: hidden;
}

#element {
  position: relative;
  display: flex;

  width: 100%;
  height: auto;

  background-color: #ffffff;

  overflow-x: hidden;
  overflow-y: auto;

  flex-direction: column;
  flex-wrap: nowrap;

  align-items: center;
  align-content: center;
}

.elementContainer {
  font-family: "Roboto", Helvetica;
  display: flex;
  position: relative;
  width: 100%;
  height: fit-content;
  flex-direction: column;
  align-items: center;
}

/*#endregion*/

/* &BX */
/*#region*/
.bx-breadcrumb {
  width: 100%;
  max-width: 1200px;
  margin: 0;
}

.bx-breadcrumb i {
  color: #949494;
  line-height: 13px;
  font-size: 15px;
  margin: 0 10px 0 0;
}

.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 span {
  font-family: "Roboto", Helvetica;
  font-style: normal;
  font-weight: 400;
  font-size: 15px;
  color: #949494;
}

.bx-breadcrumb .bx-breadcrumb-item a {
  border-bottom: none;
  text-decoration: none;
}

.bx-breadcrumb .bx-breadcrumb-item a:hover {
  text-decoration: none;
}

.slashRight::before {
  content: "/";
}

/*#endregion*/
/* &BX */
/* *MenuMobile */
/*#region*/
.menu-icon {
  cursor: pointer;
}

.menu-content {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  display: none;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9998;
  display: none;
}

.menu-content.active,
.overlay.active {
  display: block;
}

.menu-main-info {
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: auto;
}

.mobileLogo {
  display: flex;
  justify-content: space-between;
  padding: 16px;
}

.menuElement > span {
  color: #333;
  font-family: "Roboto", Helvetica;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 155%;
  text-transform: uppercase;
}

.menuElement {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  padding: 16px 0;
  align-items: center;
  border-bottom: 1px solid #7878784d;
}

.menu-padds {
  padding: 0 16px;
  margin-bottom: 32px;
}

.menu-footer {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
  padding-bottom: 16px;
}

.icons-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 4px;
}

.HideElementMenuCross > a,
.HideElementMenuCross > span {
  display: flex;
  align-items: center;
  justify-content: center;
}

.Img-close {
  position: relative;
  width: 16px;
  height: 16px;
}

/*#endregion*/
/* *MenuMobile */
/* !Header */
/*#region*/
.B1-Header {
  display: flex;
  flex-direction: column;
  gap: 26px;
  width: 100%;
  max-width: 1200px;
  margin: 24px 0 20px 0;
}

.HeaderInfo {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  width: auto;
  max-width: 1200px;
}

.MenuRow {
  display: flex;
  flex-direction: row;
  width: 100%;
  max-width: 1200px;
  align-items: center;
  position: relative;
  justify-content: space-between;
  margin: 0;
}

.Logo {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  position: relative;
}

.LogoText,
.LogoText a {
  position: relative;
  width: fit-content;
  margin-top: -1px;
  font-weight: 700;
  color: #2566b9;
  font-size: 32px;
  line-height: normal;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.LogoTextComm {
  position: relative;
  align-self: stretch;
  font-weight: 400;
  color: #787878;
  font-size: 10px;
  line-height: 13px;
  font-family: "Roboto", Helvetica;
  letter-spacing: 0;
}

.BtnCall {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  border: 1px solid;
  border-color: #7878784d;
  background-color: #ffffff00;
  cursor: pointer;
  width: fit-content;
  margin-top: -1px;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
}

.BtnCall:hover {
  transition: 300ms;
  border-color: #2566b9;
  color: #2566b9;
}

.HeadReg {
  display: flex;
  align-items: center;
  gap: 16px;
  position: relative;
}

.CodesReg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  position: relative;
}

.rgCode {
  position: relative;
  width: fit-content;
  color: #a7a7a7;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  font-size: 15px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0em;
  text-align: left;
}

.ContactNubmer {
  width: fit-content;
  white-space: nowrap;
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
}

.ContactNubmer a {
  color: #333333;
}

#element .BtnCallInverse a {
  color: #ffffff !important;
}

.SearchHead {
  display: flex;
  width: auto;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px 8px;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #7878784d;
}

input:focus {
  outline: 0;
}

.SearchCol {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  float: left;
  position: relative;
  width: 100%;
}

.SearchEff {
  font-size: 15px;
  border-color: #ffffff00;
  width: 100%;
  border: none;
  background-color: #ffffff00;
}

.ImgIcon {
  position: relative;
  width: 24px;
  height: 24px;
}

.SocRow {
  display: flex;
  flex-direction: row;
  gap: 16px;
}

.MenuFirstElement {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px 30px;
  position: relative;
  background-color: #2566b9;
  border-color: #ffffff00;
  cursor: pointer;
}

.MenuFirstElement:hover {
  transition: 300ms;
  background-color: #3e82d8;
}

.MenuFirstText,
.MenuFirstText a {
  width: max-content;
  font-weight: 500;
  color: white;
  font-size: 12px;
  position: relative;
  font-family: "Roboto", Helvetica;
  text-wrap: nowrap;
}

.MenuElement {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 17px;
  position: relative;
  background-color: #f6f6f6;
  border-color: #ffffff00;
  cursor: pointer;
  width: 100%;
}

.MenuElement:hover {
  transition: 300ms;
  background-color: #e4f4ff;
}

.MenuText {
  font-weight: 500;
  color: #333333;
  font-size: 12px;
  position: relative;
  font-family: "Roboto", Helvetica;
  text-decoration: none;
}

.MailMedia {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 1px;
  position: relative;
}

.StandartText,
.StandartText a {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

.SocialMedia {
  display: flex;
  position: relative;
  width: 32px;
  height: 32px;
  background-color: #2566b9;
  border-radius: 16px;
  justify-content: center;
  align-items: center;
}

.HideElementMenu {
  display: none;
}

.HideElementMenu > span {
  display: flex;
}

.ImgIconSoc {
  position: relative;
  width: 16px;
  height: 16px;
}

/*#endregion*/
/* !Header */

/* !B2 */
/*#region*/
.B2-Component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin-bottom: 40px;
  width: 100%;
  max-width: 1200px;
  gap: 20px;
}

.ElRow {
  display: flex;
  flex-direction: row;
  margin: 24px;
  gap: 8px;
  position: relative;
}

.ElRowG {
  display: flex;
  flex-direction: row;
  gap: 20px;
}

.NameCardsWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: break-spaces;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

.StandartTextWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

.BlurCard {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 12px 16px;
  position: relative;
  background-color: #ffffff0f;
  border-radius: 8px;
  overflow: hidden;
  width: fit-content;
  backdrop-filter: blur(20px) brightness(100%);
  -webkit-backdrop-filter: blur(20px) brightness(100%);
  z-index: 100;
}

.SupText {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", Helvetica;
}

.SupTextBold {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  font-family: "Roboto", Helvetica;
}

.BGFstCard {
  display: flex;
  flex-direction: column;
  width: 49%;
  max-width: max-content;
  height: 424px;
  border-radius: 8px;
  background-color: #f6f6f6;
  justify-content: space-between;
  position: relative;
  right: 0;
}

.BGSndCard {
  display: flex;
  flex-direction: column;
  background-color: #2566b9;
  width: 100%;
  height: 424px;
  border-radius: 8px;
  justify-content: space-between;
  position: relative;
}

.BGTrdCard {
  display: flex;
  flex-direction: column;
  width: 49%;
  height: 424px;
  border-radius: 8px;
  background-color: #4a96f6;
  justify-content: space-between;
}

.StackOfPaper {
  display: block;
  position: absolute;
  width: auto;
  height: 210px;
  z-index: 1;
  bottom: 0;
  left: 0;
}

.StackOfBolts {
  display: flex;
  position: absolute;
  width: auto;
  height: 220px;
  right: 0;
  bottom: 0;
  z-index: 1;
  padding: 0 16px 16px 0;
}

.StackOfFound {
  display: block;
  position: absolute;
  height: 155px;
  right: -24px;
  border-radius: 8px;
  z-index: 1;
  bottom: -24px;
}

.BtnCheckRowLeft {
  display: flex;
  flex-direction: row;
  gap: 27px;
}

.FstCardtext {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 24px;
  position: relative;
}

.SndCardtext {
  display: flex;
  position: relative;
  flex-direction: column;
  gap: 24px;
  padding: 40px;
  z-index: 100;
}

.BtnNoStretch {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  width: fit-content;
  white-space: nowrap;
  color: #2566b9;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", Helvetica;
  border: 0px;
}

.BtnCallBlue {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ffffff4d;
  background-color: #ffffff00;
  cursor: pointer;
  width: fit-content;
  margin-top: -1px;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
}

.BtnCallBlue:hover {
  border-color: #ffffff;
  transition: 300ms;
}

/*#endregion*/
/* !B2 */

/* !B3 */
/*#region*/
.B3-Component {
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: 20px 0px;
  width: 100%;
  max-width: 1200px;
}

.CardElement {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  gap: 12px;
}

.CardTextEl {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: auto;
}

.CardImg {
  width: 56px;
  height: 56px;
}

.StandartTextBold {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  /* white-space: nowrap; */
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

/*#endregion*/
/* !B3 */

/* !B4 */
/*#region*/
.B4-Component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 20px 0px;
  width: 100%;
  max-width: 1200px;
}

.rowFlSt {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 40px 0px;
  width: 100%;
}

.CardPadds:hover {
  transition: 300ms;
  background-color: #2566b9;
  color: #ffffff;
  border-radius: 6px;
}

.IngProduct1 {
  width: auto;
  height: 170px;
  position: absolute;
  object-fit: cover;
  bottom: 0;
  right: 0;
  padding: 14px 0px 0px 10px;
}

.IngProduct2 {
  width: auto;
  height: 112px;
  position: absolute;
  object-fit: cover;
  bottom: 0;
  right: 0;
  padding: 14px 22px;
}

.RowCardsSpinner::-webkit-scrollbar {
  height: 16px;
  background-color: #ffffff00;
}

.RowCardsSpinner::-webkit-scrollbar-thumb {
  height: 7px;
  background-color: #95a5e1;
  border: 5px solid transparent;
  border-radius: 100px;
  background-clip: content-box;
}

.CardTextHead {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

.HeaderTextBold {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

.ColLeft {
  display: flex;
  flex-direction: column;
  width: 386px;
  gap: 8px;
}

.ColRight {
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 488px;
  background-color: #f6f6f6;
  border-radius: 8px;
  justify-content: space-between;
  gap: 50px;
}

.CardPDF {
  display: flex;
  flex-direction: column;
  width: 250px;
  gap: 8px;
  padding: 21px 32px;
}

/* * */
.RowCardsSpinner {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  width: 100%;
  overflow-y: hidden;
  gap: 15px;
  flex-wrap: wrap;
}

.CardProduct {
  display: flex;
  position: relative;
  width: 187px;
  height: 250px;
  border-radius: 8px;
  border: 1px solid #7878784d;
}

.CardPadds {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  padding: 18px;
  width: 185px;
  font-size: 16px;
  font-weight: 600;
  line-height: normal;
  letter-spacing: -0.3px;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

.IngProduct {
  max-height: 150px;
  width: auto;
  position: absolute;
  object-fit: cover;
  bottom: 0;
  right: 0;
  padding: 14px 0px 0px 10px;
  border-radius: 6px;
  max-width: 180px;
}

/* * */

/*#endregion*/
/* !B4 */

/* !B5 */
/*#region*/
.B5-Component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  background-color: #f6f6f6;
}

.B5-Form {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 100px 0px;
  width: auto;
  background-color: #f6f6f6;
}

.ColRightRR {
  display: flex;
  flex-direction: column;
  width: auto;
  background-color: #f6f6f6;
  border-radius: 8px;
  gap: 24px;
  padding: 56px;
}

.ColLeftLL {
  display: flex;
  flex-direction: column;
  width: auto;
  gap: 8px;
  padding: 56px;
}

.StandartTextSogl {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #787878;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.CheckBoxCustom {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.CheckBoxCustom + .CheckBoxCustom {
  margin-top: 1em;
}

.CheckBoxCustom--disabled {
  color: var(--CheckBoxCustom-disabled);
  cursor: not-allowed;
}

.CheckBoxCustom input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  /* margin: 0; */
  font: inherit;
  color: #3e82d8;
  width: 24px;
  height: 24px;
  border: 2px solid #afafaf;
  border-radius: 50px;
  transform: translateY(-0.075em);
  display: flex;
  align-items: center;
  justify-content: center;
}

.CheckBoxCustom input[type="checkbox"]:hover {
  border: 2px solid #3e82d8;
}

.CheckBoxCustom input[type="checkbox"]::before {
  /* clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%); */
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--CheckBoxCustom-color);
  /* Windows High Contrast Mode */
  background-color: #3e82d8;
  border-radius: 50px;
  content: "";
  width: 14px;
  height: 14px;
}

.CheckBoxCustom input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.CheckBoxCustom input[type="checkbox"]:disabled {
  --CheckBoxCustom-color: var(--CheckBoxCustom-disabled);

  color: var(--CheckBoxCustom-disabled);
  cursor: not-allowed;
}

.BtnCheckRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  gap: 27px;
}

.BtnCallOnload {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 24px;
  width: 100%;
  position: relative;
  border-radius: 4px;
  border: 1px solid;
  border-color: #7878784d;
  background-color: #ffffff00;
  cursor: pointer;
  font-weight: 500;
  font-size: 15px;
  color: #333333;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
  flex-direction: row;
  justify-content: center;
}

.BtnCallOnload:hover {
  transition: 300ms;
  border-color: #2566b9;
  color: #2566b9;
}

.BtnCallInverseStretch {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  background-color: #2566b9;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  font-weight: 500;
  font-family: "Roboto", Helvetica;
  border: 0px;
}

.NameNumPass {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  /* padding: 0px 20px; */
  gap: 20px;
}

.SearchHeadName {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px 8px;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #7878784d;
  /* gap: 20px; */
}

/*#endregion*/
/* !B5 */

/* !B6 */
/*#region*/
.B6-Component {
  display: flex;
  flex-direction: row;
  justify-content: center;
  background-color: #e4f4ff;
  width: 100% !important;
  position: relative;
}

.CustomText {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #787878;
  width: 237px;
  padding: 0px 24px 24px 24px;
}

.ClW {
  position: relative;
  width: 237px;
  padding: 24px;
  padding: 24px 24px 0px 24px;
}

.WhiteCard {
  display: flex;
  flex-direction: column;
  width: 285px;
  background-color: #ffffff;
  gap: 4px;
  border-radius: 8px;
}

.CardTextImgCol {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 387px;
}

.IndustImgWork {
  display: flex;
  position: absolute;
  right: -300px;
  z-index: 1;
  bottom: 0;
  margin-bottom: -56px;
}

.MainComponent {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 40px;
  width: 100%;
  position: relative;
  z-index: 3;
}

.ContentB6 {
  width: 80%;
  max-width: 1200px;
  margin: 56px 0px;
}

.staticContent {
  position: relative;
  z-index: 100;
}

/*#endregion*/
/* !B6*/

/* !B7 */
/*#region*/
.B7-Component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 100px 0px 70px 0px;
  gap: 20px;
  width: 100%;
  max-width: 1200px;
}

.BtnCallInverse {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  background-color: #2566b9;
  cursor: pointer;
  width: fit-content;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  font-weight: 500;
  font-family: "Roboto", Helvetica;
  border: 0px;
  margin-right: 16px;
}

.BtnCallInverse:hover,
.BtnCallInverseStretch:hover {
  transition: 300ms;
  background-color: #3e82d8;
}

.LeftInfoText {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 590px;
}

.TextInfoProd {
  display: flex;
  flex-direction: column;
  gap: 32px;
  width: max-content;
}

.RightImage {
  max-width: 590px;
  width: auto;
  border-radius: 8px;
}

/*#endregion*/
/* !B7 */

/* !B8 */
/*#region*/
.B8-Component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 20px 0px;
  gap: 20px;
  width: 100%;
  max-width: 1200px;
}

.B8-Component > .RightCard > .UpperInfo > .RowCards > .FLcol {
  display: flex;
  flex-direction: column;
  width: 50%;
  align-items: flex-start;
  gap: 4px;
}

.B8-Component > .RightCard > .UpperInfo > .RowCards {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: nowrap;
}

.RowCards {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: space-between;
  flex-wrap: wrap;
}

.UpperInfo {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.LeftCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 30%;
  height: auto;
  padding: 32px;
  background-color: #f6f6f6;
  border-radius: 8px;
}

.RightCard {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 70%;
  height: auto;
  padding: 32px;
  background-color: #f6f6f6;
  border-radius: 8px;
}

.NameCards {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

.NameCardsSmall {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}

/*#endregion*/
/* !B8 */

/* !B9 */
/*#region*/
.B9-Component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 80px 0px;
  gap: 20px;
  width: auto;
  max-width: 1200px;
  background-color: #3e82d8;
  border-radius: 8px;
}

.CheckBoxCustomWhite {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.CheckBoxCustomWhite + .CheckBoxCustomWhite {
  margin-top: 1em;
}

.CheckBoxCustomWhite--disabled {
  color: var(--CheckBoxCustomWhite-disabled);
  cursor: not-allowed;
}

.CheckBoxCustomWhite input[type="checkbox"] {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  font: inherit;
  color: #ffffff;
  width: 24px;
  height: 24px;
  border: 2px solid #ffffff;
  border-radius: 50px;
  transform: translateY(-0.075em);
  display: flex;
  align-items: center;
  justify-content: center;
}

.CheckBoxCustomWhite input[type="checkbox"]:hover {
  border: 2px solid #ffffff;
}

.CheckBoxCustomWhite input[type="checkbox"]::before {
  transform: scale(0);
  transform-origin: center center;
  transition: 120ms transform ease-in-out;
  box-shadow: inset 1em 1em var(--CheckBoxCustomWhite-color);
  background-color: #ffffff;
  border-radius: 50px;
  content: "";
  width: 14px;
  height: 14px;
}

.CheckBoxCustomWhite input[type="checkbox"]:checked::before {
  transform: scale(1);
}

.CheckBoxCustomWhite input[type="checkbox"]:disabled {
  --CheckBoxCustomWhite-color: var(--CheckBoxCustomWhite-disabled);

  color: var(--CheckBoxCustomWhite-disabled);
  cursor: not-allowed;
}

.BtnCallInverseStretchWhite {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  color: #3e82d8;
  white-space: nowrap;
  font-weight: 500;
  font-family: "Roboto", Helvetica;
  border: 0px;
}

.BtnCallInverseStretchWhite:hover {
  background-color: #619ff0;
  color: #ffffff;
  transition: 300ms;
}

.BtnNoStretch:hover {
  transition: 300ms;
  background: #3e82d8;
  color: #ffffff;
}

.StandartTextSoglWhite {
  display: flex;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
  align-items: center;
}

.SearchEffWhite {
  font-size: 15px;
  border-color: #ffffff00;
  width: 100%;
  border: none;
  background-color: #ffffff00;
}

/* Современные браузеры
----------------------------  */
.SearchEffWhite::placeholder {
  color: #ffffff;
}

/* WebKit, Edge
  ----------------------------  */
.SearchEffWhite::-webkit-input-placeholder {
  color: #ffffff;
}

/* Edge
  ----------------------------  */
.SearchEffWhite::-ms-input-placeholder {
  color: #ffffff;
}

/* Firefox 4-18
  ----------------------------  */
.SearchEffWhite:-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

/* Firefox 19+
  ----------------------------  */
.SearchEffWhite::-moz-placeholder {
  color: #ffffff;
  opacity: 1;
}

/* IE 10-11
  ----------------------------  */
.SearchEffWhite:-ms-input-placeholder {
  color: #ffffff;
}

.InputTextSubmit {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.SearchHeadNameWhite {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  padding: 16px 0px 8px;
  position: relative;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-color: #ffffff4d;
}

.StrongWhiteCol {
  display: flex;
  flex-direction: column;
  padding: 56px;
  justify-content: center;
}

.StrongWhiteCol2 {
  display: flex;
  flex-direction: column;
  padding: 56px;
  justify-content: flex-start;
  gap: 24px;
}

.StrongWhite {
  display: flex;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

.HeaderTextBoldWhite {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  margin:0;
}

/*#endregion*/
/* !B9 */

/* !B10 */
/*#region*/
.B10-Component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 30px 0px;
  gap: 32px;
  width: 100%;
  max-width: 1200px;
}

.CardImg1 {
  width: 793px;
  height: 332px;
  border-radius: 8px;
  overflow: hidden;
  background-image: url("/bitrix/templates/new2023/./images/image-4.png");
  background-size: cover;
  background-position: 50% 50%;
}

.Plashka {
  display: flex;
  position: absolute;
  background-color: #ffffff;
  flex-direction: column;
  width: 360px;
  margin: 40px;
}

.PlashkaColumn {
  display: flex;
  flex-direction: column;
}

.CardTextHeadIm {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
  padding: 24px 24px 0px 24px;
}

.UpLeft {
  display: flex;
  flex-direction: column;
}

.Cpad {
  padding: 24px 24px 24px 24px;
}

.Bpd {
  padding: 10px 20px;
}

.RowCardsSpinner1 {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  overflow-x: hidden;
  gap: 20px;
}

.CustomTextB {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #787878;
  padding: 0px 24px 0px 24px;
}

/*#endregion*/
/* !B10 */

/* !BFooter */
/*#region*/
.B11-Footer {
  display: flex;
  flex-direction: column;
  width: 100%;
  max-width: 1200px;
}

.BLine {
  display: flex;
  position: relative;
  width: auto;
  height: 1px;
  background-color: #7878784d;
  margin-top: 70px;
}

.MenuTextF,
.MenuTextF a {
  font-weight: 500;
  color: #333333;
  font-size: 12px;
  position: relative;
  font-family: "Roboto", Helvetica;
  text-decoration: none;
}

.ImgStn {
  display: flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
}

.InfoRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}

.FooterLeft {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 0 15px;
}

.FooterInfo,
.FooterRight {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.Fcol {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-right: 90px;
}

.FooterLine {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 32px 0px;
  margin: 0;
}

.TextUnderline {
  /* text-decoration: underline; */
  /* background-color: #7878784D; */
  border-bottom: 1px solid #7878784d;
}

/*#endregion*/
/* !BFooter */

/* * F1 */
/*#region*/
.F1-Page {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 48px;
  align-items: center;
}

.TitleHead {
  /*display: flex;*/
  font-size: 40px !important;
  font-weight: 700 !important;
  line-height: 48px !important;
  letter-spacing: 0em;
  text-align: left;
  color: #333333;
  position: relative;
  font-family: "Roboto", Helvetica;
  flex-direction: row;
  margin:0;
}

.UpperInfoR {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 478px;
  text-overflow: ellipsis;
}

.InfoCard {
  display: flex;
  flex-direction: row;
  gap: 30px;
  border: 1px solid #7878784d;
  padding: 24px;
  border-radius: 8px;
  align-items: flex-start;
}

.CenterCards {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
  margin: 32px 0px 40px 0px;
}

.MenuTextR {
  font-weight: 500;
  font-size: 12px;
  position: relative;
  font-family: "Roboto", Helvetica;
  text-decoration: none;
  color: #787878;
}

.PagesRoll {
  display: flex;
  flex-direction: row;
  gap: 25px;
  height: 32px;
  align-items: center;
}

.RotatedImg {
  display: flex;
  rotate: 180deg;
}

.StandartText.IsActive {
  display: flex;
  border: 1px solid #2566b9;
  width: 28px;
  height: 28px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  color: #2566b9;
}

/*#endregion*/
/* * F1 */

/* * F1-2 */
/*#region*/
.TitleRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.F1-GapP {
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.SpaceBottom {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 1000px;
  margin-bottom: 48px;
}

/*#endregion*/
/* * F1-2 */

/* * F1-3*/
/*#region*/
.ImgSize {
  width: 182px;
  height: 257px;
  border-radius: 8px;
}

.SertBlock {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.TableBlock {
  display: flex;
  flex-direction: column;
}

.SertBlockMain {
  display: flex;
  flex-direction: column;
  margin: 40px 0px;
  gap: 64px;
}

.WrapperImgDocs {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 20px;
}

.F7-Component {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 24px 0px 70px 0px;
  gap: 20px;
  width: auto;
  max-width: 1200px;
}

.DottedSp {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.DotB {
  display: flex;
  width: 8px;
  height: 8px;
  background-color: #2566b9;
  border-radius: 100px;
  min-width: 8px;
  min-height: 8px;
}

.DottedRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 12px;
}

.RLine {
  display: flex;
  position: relative;
  width: 100%;
  height: 1px;
  background-color: #7878784d;
}

.CodesRegRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 16px;
  position: relative;
  padding: 16px 0px;
  border-bottom: 1px solid #7878784d;
}

.FLcol {
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  margin: 0;
}

#element > .elementContainer > .F1-Page > .F8-Component > .FLcol > .BGTrdCard {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  border-radius: 8px;
  background-color: #4a96f6;
  justify-content: space-between;
  align-items: center;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .BGTrdCard
  > .FstCardtext {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 24px;
  position: relative;
  width: auto;
}

.F8-Component {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
}

.StackOfBoler {
  display: flex;
  position: relative;
  width: 147px;
  z-index: 1;
}

#element > .elementContainer > .F1-Page > .F8-Component > .FLcol > .CodesReg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  position: relative;
  width: inherit;
  margin-right: 16px;
}

.NameCardsSmallWw {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  width: 285px;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .NameCardsSmallWw {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  width: 200px;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .StandartText {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  width: auto;
  height: auto;
}

.BtnNoStretchLight {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  background-color: #ffffff;
  cursor: pointer;
  width: fit-content;
  white-space: nowrap;
  color: #4a96f6;
  font-size: 15px;
  font-weight: 500;
  font-family: "Roboto", Helvetica;
  border: 0px;
}

.StandartTextWd {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  max-width: 590px;
  width: auto;
}

.GrayCard {
  display: flex;
  flex-direction: row;
  padding: 40px;
  background-color: #f6f6f6;
  margin-top: 40px;
}

.GrayCardCol {
  display: flex;
  flex-direction: column;
  padding: 40px;
  background-color: #f6f6f6;
  margin-top: 40px;
  gap: 16px;
}

.UpperInfoRrw {
  display: flex;
  flex-direction: column;
  gap: 8px;
  width: 325px;
  text-overflow: ellipsis;
}

.InfoCardR {
  display: flex;
  flex-direction: row;
  gap: 30px;
  border: 1px solid #7878784d;
  padding: 24px;
  border-radius: 8px;
  align-items: center;
}

.CardColPad {
  margin-top: 48px;
}

.InviseCardCol {
  display: flex;
  flex-direction: column;
  margin-top: 40px;
  gap: 16px;
}

.InviseCardColNoM {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  gap: 16px;
}

.TableHeader {
  display: grid;
  grid-template-columns: 55% 25% 10% 10%;
  border-bottom: 1px solid #7878784d;
  padding: 16px 0px;
}

.TableRows {
  display: grid;
  grid-template-columns: 55% 25% 10% 10%;
  border-bottom: 1px solid #7878784d;
  padding: 16px 0px;
}

.TableRows:hover,
.TableHeader:hover {
  background-color: #f6f6f6;
}

span.NameCards.JpCl {
  margin-bottom: 24px;
}

.ContCol {
  display: flex;
  flex-direction: column;
  width: 285px;
  gap: 8px;
}

.ContColHr {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.ContRow {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 32px 0;
  width: 100%;
  max-width: 1200px;
}

.ContColText {
  display: flex;
  flex-direction: column;
}

.ContColGray {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f6f6;
  gap: 24px;
}

.ContColGrayFixed {
  display: flex;
  flex-direction: column;
  padding: 32px;
  background-color: #f6f6f6;
  gap: 24px;
}

.MapComponent {
  display: flex;
  position: relative;
  width: auto;
  max-width: 1200px;
  height: auto;
  margin-top: 48px;
}

.Workarea {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  padding: 0 16px;
}

.TableReg {
  display: grid;
  grid-template-columns: 40% 60%;
  grid-column-gap: 0px;
  grid-row-gap: 16px;
  width: 100%;
}

.AreaRight > .BGTrdCard {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: fit-content;
  border-radius: 8px;
  background-color: #4a96f6;
  justify-content: space-between;
}

.AreaRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  width: 30%;
}

.AreaLeft {
  display: flex;
  flex-direction: column;
  width: 100%;
}

/*#endregion*/
/* * F1-3 */
/*#region*/
.BtnCall a {
  color: #333333;
}

.BtnCallBlue a,
.BtnCallInverse a {
  color: #ffffff;
}

.BtnNoStretch a {
  color: #2566b9;
}

.ColLeftLL,
.CustomText,
.BtnCallInverse,
.BtnCallInverse a {
  box-sizing: content-box;
}

.CardPDF .StandartTextBold {
  white-space: nowrap;
}

.SocialMedia a {
  display: inherit;
}

.orderFile {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  visibility: hidden;
}

.ok_message {
  color: #2566b9;
  font-size: smaller;
}

/*#endregion*/

/* ! Automatic styles file */
/*#region*/
#element > .elementContainer > .F1-Page > h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333;
  position: relative;
  font-family: "Roboto", Helvetica;
}

#element > .elementContainer > .F1-Page > h2 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

#element > .elementContainer > .F1-Page > h3 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

#element > .elementContainer > .F1-Page > h4 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
}

#element > .elementContainer > .F1-Page > h5 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  line-height: 22px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

#element > .elementContainer > .F1-Page > h6 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

#element > .elementContainer > .F1-Page > span,
#element > .elementContainer > .F1-Page > p,
#element > .elementContainer > .F1-Page > ul > li {
  position: relative;
  width: auto;
  max-width: 1200px;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element > .elementContainer > .F1-Page > ul > li {
  list-style-type: none;
  position: relative;
  padding: 0px 12px;
}

#element > .elementContainer > .F1-Page > ul > li::marker {
  content: "●";
  position: absolute;
  font-size: 1.1rem;
  color: #2566b9;
}

#element > .elementContainer > .F1-Page > table {
  width: auto;
  max-width: 1200px;
  border-spacing: 0;
  border-collapse: collapse;
}

#element > .elementContainer > .F1-Page > * thead,
#element > .elementContainer > .F1-Page > * tbody,
#element > .elementContainer > .F1-Page > * tr {
  text-align: left;
}

.errorPolicy {
  display: none;
  font-size: 10px;
  color: red;
  height: 0;
  width: 200px;
  margin: -20px 4px -4px auto;
}

#element > .elementContainer > .B1-Header > .HeaderInfo > .HeadReg > * a {
  color: #333333;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > *
  > p,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > *
  > span {
  position: relative;
  width: auto;
  max-width: 1200px;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > *
  a {
  color: #333333;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #7878784d;
  text-underline-offset: 4px;
}

/*#endregion*/
/* ! Automatic styles file */
/*#region*/
#element > .elementContainer > .F1-Page > * h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 48px;
  letter-spacing: 0em;
  text-align: left;
  color: #333333;
  position: relative;
  font-family: "Roboto", Helvetica;
}

#element > .elementContainer > .F1-Page > * h2 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  font-size: 32px;
  font-style: normal;
  font-weight: 700;
  line-height: 38px;
}

#element > .elementContainer > .F1-Page > * h3 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

#element > .elementContainer > .F1-Page > * h4 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 25px;
}

#element > .elementContainer > .F1-Page > * h5 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  line-height: 22px;
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
}

#element > .elementContainer > .F1-Page > * h6 {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  letter-spacing: 0em;
  text-align: left;
  font-size: 15px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
}

#element > .elementContainer > .F1-Page > * span,
#element > .elementContainer > .F1-Page > * p,
#element > .elementContainer > .F1-Page > * ul li {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element > .elementContainer > .F1-Page > * ul li {
  list-style-type: none;
  position: relative;
  padding: 0px 12px;
}

#element > .elementContainer > .F1-Page > * ul li::marker {
  content: "\2022";
  position: absolute;
  font-size: 1.1rem;
  color: #2566b9;
}

#element > .elementContainer > .F1-Page > * table,
#element > .elementContainer > .F1-Page > * tr,
#element > .elementContainer > .F1-Page > * thead,
#element > .elementContainer > .F1-Page > * tbody {
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element > .elementContainer > .F1-Page > * table {
  width: 1200px;
  border-spacing: 0;
  border-collapse: collapse;
  max-width: 100%;
}

#element > .elementContainer > .F1-Page > * th {
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  padding: 12px 20px;
  border: 1px solid #7878784d;
}

#element > .elementContainer > .F1-Page > * td {
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  padding: 8px 20px;
  border: 1px solid #7878784d;
}

b,
strong,
i,
em {
  font-family: "Roboto", Helvetica;
  color: #333333;
}

.BtnCall a,
.BtnNoStretch a,
.BtnCallBlue a,
.BtnCallInverse a {
  text-decoration: none !important;
}

/*#endregion*/

/* ! Automatic styles file */
/*#region */
.HideElementMenuCross {
  display: none;
}

.HideElementSearch,
.HideElementPhone {
  display: none;
}

#element > .elementContainer > .F1-Page > .TitleHead {
  display: flex;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .StandartText,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .NameCards,
#element > .elementContainer > .B1-Header > .MenuRow > .MenuElement > .MenuText,
#element > .elementContainer > .B1-Header > .HeaderInfo > .HeadReg > * a,
#element
  > .elementContainer
  > .B1-Header
  > .HeaderInfo
  > .MailMedia
  > .StandartText.email,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .StandartText {
  color: #333333;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > *
  .HeaderTextBold {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .StandartTextBold {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  /* white-space: nowrap; */
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > *
  .CardTextHead {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .NameCardsSmall {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > *
  .NameCards {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .NameCardsWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: wrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .CardPadds:hover
  span {
  transition: 300ms;
  color: #ffffff;
  border-radius: 6px;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B3-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B4-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B6-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B7-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B8-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B9-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .CardPadds
  > span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: auto;
  height: 320px;
  font-size: 16px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: -1px;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
  outline: none;
  text-decoration: underline;
  text-decoration-color: #ffffff;
  text-underline-offset: 4px;
}

/* & */

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .HeaderTextBoldWhite {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .StrongWhite {
  display: flex;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: wrap;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .SupText {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", Helvetica;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .SupTextBold {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  font-family: "Roboto", Helvetica;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .NameCardsWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: break-spaces;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .StandartTextWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > *
  > .StandartTextWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaRight
  > .BGTrdCard
  > .FstCardtext
  > .CardTextEl
  > .StandartTextWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B5-Form
  > *
  a:link {
  color: #787878;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .BtnCallBlue {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ffffff4d;
  background-color: #ffffff00;
  cursor: pointer;
  width: fit-content;
  margin-top: -1px;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B2-Component
  > *
  .BtnCallBlue:hover {
  border-color: #ffffff;
  transition: 300ms;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .F7-Component
  > .FLcol {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .CardTextHeadIm {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
  padding: 24px 24px 0px 24px;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .Workarea
  > .AreaLeft
  > .B10-Component
  > *
  .CustomTextB {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #787878;
  padding: 0px 24px 0px 24px;
}

.bx-yandex-view-layout {
  width: auto;
}

.ElRowG .BtnCallBlue,
.ElRowG .BtnNoStretch {
  white-space: inherit !important;
  max-width: 30%;
}

.video-block {
  margin: 15px auto;
  display: block;
}

#element > .elementContainer > .F1-Page > * .search-page td {
  border: none;
  padding: 0px;
}
/* End */


/* Start:/bitrix/templates/new2023/template_styles.css?175644488163620*/
@media (max-width: 479px) {
  .RowCardsSpinner > a {
    display: flex;
    width: 100%;
  }

  .F1-Page {
    width: 92%;
  }

  .CardProduct {
    display: flex;
    position: relative;
    width: 100%;
    height: 165px;
    border-radius: 8px;
    border: 1px solid #7878784d;
  }

  .CardPadds {
    padding: 18px 0 0 18px;
    width: 100%;
  }

  /* * */

  /*ЗАМЕНИТЬ*/
  .RowCardsSpinner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-wrap: wrap;
  }

  .B3-Component > .RowCardsSpinner {
    display: flex;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .IngProduct {
    max-height: 120px;
  }

  .CardPadds > span {
    width: 150px;
  }

  /* * */

  .ElRowG .BtnCallBlue {
    margin-bottom: 20px;
  }

  .bx-yandex-view-layout {
    width: auto;
  }

  .LogoText a {
    font-size: 19px;
  }

  .HideElementMenu {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    background-color: #2566b9;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
  }

  .TextInfoProd {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: auto;
  }

  .staticContent {
    left: auto;
  }

  .elementContainer {
    display: flex;
    position: relative;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center;
  }

  .Workarea {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0;
    width: 100%;
  }

  .ContColGrayFixed {
    display: flex;
    flex-direction: column;
    padding: 24px;
    background-color: #f6f6f6;
    gap: 24px;
  }

  .BtnCallInverse {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 20px;
    position: relative;
    border-radius: 4px;
    background-color: #2566b9;
    cursor: pointer;
    width: fit-content;
    font-size: 14px;
    color: #ffffff;
    white-space: nowrap;
    font-weight: 500;
    font-family: "Roboto", Helvetica;
    border: 0px;
    margin-right: 16px;
  }

  .AreaRight {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }

  .AreaRight > * img,
  .AreaRight > img {
    display: none;
  }

  .AreaRight > * form,
  .AreaRight > form {
    width: 100%;
  }

  #element > .elementContainer > .F1-Page > * td {
    font-family: "Roboto", Helvetica;
    color: #333333;
    font-size: 15px;
    font-weight: 400;
    line-height: 23px;
    letter-spacing: 0em;
    text-align: left;
    padding: 2px 8px;
    border: 1px solid #7878784d;
  }

  .FstCardtext {
    padding: 32px 20px;
    position: relative;
  }

  .FstCardtext > .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 70%;
  }

  .BGTrdCard > .ElRow > .BlurCard {
    display: none;
  }

  .ColLeft {
    display: flex;
    flex-direction: column;
    width: auto;
    gap: 8px;
  }

  .bx-breadcrumb {
    width: 94%;
    max-width: 1200px;
  }

  .AreaRight > .BGTrdCard {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
  }

  .B6-Component {
    display: flex;
    flex-direction: row;
    width: 110%;
    justify-content: center;
    background-color: #e4f4ff;
  }

  .Plashka {
    display: flex;
    position: absolute;
    background-color: #ffffff;
    flex-direction: column;
    width: fit-content;
    margin: 40px;
  }

  .CardImg1 {
    width: 100%;
    height: 385px;
  }

  .ContRow {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 32px 0;
    width: 100%;
    max-width: 1200px;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ContColGray {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: #f6f6f6;
    gap: 24px;
    width: 100%;
    max-width: 1200px;
  }

  .ContCol {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }

  .ContColText > img {
    width: 285px;
    height: auto;
    max-width: 1200px;
  }

  .ContColText {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .HideElement {
    display: none;
  }

  .StrongWhite {
    display: flex;
    position: relative;
    width: min-content;
    text-wrap: wrap;
  }

  .ElRow {
    display: flex;
    flex-direction: row;
    margin: 180px auto 24px auto;
    width: 100%;
    right: 0;
    left: 0;
    justify-content: center;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B5-Form
    > .B5-Component
    > .ColLeftLL
    > .StandartText {
    width: 100%;
  }

  .B5-Form {
    width: 100%;
  }

  .RowCards {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
  }

  .B5-Component {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    background-color: #f6f6f6;
  }

  .MenuRow {
    display: none !important;
  }

  .HeaderInfo {
    justify-content: space-between;
    gap: 16px;
    width: 100%;
  }

  .MenuFirstElement {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 8px;
    position: relative;
    background-color: #2566b9;
    border-color: #ffffff00;
    cursor: pointer;
    border-radius: 40px;
  }

  .ImgIcon {
    position: relative;
    width: 16px;
    height: 16px;
  }

  .B1-Header {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    width: 94%;
  }

  .MenuFirstText,
  .MenuFirstText a {
    width: fit-content;
    text-wrap: wrap;
  }

  .BtnCall {
    display: none;
  }

  .SearchHead {
    display: none;
  }

  .ContentB6 {
    width: 90%;
  }

  .B3-Component {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
  }

  .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: auto;
  }

  .B3-Component > .CardElement > .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .ColLeftLL {
    display: flex;
    flex-direction: column;
    width: auto;
    padding: 24px;
  }

  .ColRightRR {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 0 24px 24px 24px;
  }

  .CardTextImgCol {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: auto;
  }

  .StandartTextSogl {
    width: fit-content;
    text-wrap: wrap;
  }

  .CheckBoxCustom input[type="checkbox"] {
    margin: 0;
  }

  .ImgIconSoc {
    position: relative;
    width: 16px;
    height: 16px;
  }

  .B2-Component {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 100%;
    max-width: 1200px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .BGFstCard {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: auto;
    justify-content: space-between;
    position: relative;
    order: 0;
  }

  .BGSndCard {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    position: relative;
    justify-content: space-between;
    align-items: center;
    order: -1;
  }

  .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative;
    justify-content: space-between;
    order: 1;
  }

  .StackOfBolts {
    display: flex;
    width: auto;
    height: 247px;
    right: auto;
    left: auto;
    bottom: 120px;
    justify-content: center;
  }

  .StackOfFound {
    height: 100px;
    left: auto;
    right: 0;
    bottom: -24px;
    border-radius: 0 0 10px 0;
  }

  .StackOfPaper {
    display: block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    height: 100px;
  }

  .ColRight {
    display: flex;
    flex-direction: column;
    width: auto;
    gap: 0px;
    align-items: flex-start;
  }

  .NameNumPass {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 20px;
  }

  .B4-Component > .rowFlSt > .ColRight > .BtnCallInverse {
    margin: 0 0 21px 32px;
  }

  .rowFlSt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 40px 0px;
    width: 100%;
    gap: 16px;
  }

  .BtnNoStretch {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .BtnCallBlue {
    display: flex;
    width: fit-content;
    justify-content: center;
  }

  .BGSndCard > .overlap-group > .SndCardtext > .ElRowG > .BtnCallBlue {
    display: flex;
    width: auto;
    justify-content: center;
  }

  .ElRowG {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .BtnCheckRow {
    display: flex;
    flex-direction: column-reverse;
  }

  .div-5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 70%;
  }

  .BlurCard {
    width: 42%;
    height: auto;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGTrdCard
    > .ElRow
    > .BlurCard {
    display: none;
    width: auto;
    position: absolute;
    right: 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGFstCard
    > .FstCardtext
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B3-Component
    > .RowCardsSpinner
    > .CardElement
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  .HideElementSearch {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #a7a7a7;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
  }

  .HideElementSearch > a {
    height: 16px;
  }

  .HideElementMenuCross {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #a7a7a7;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
  }

  .Logo > .LogoText,
  .Logo > .LogoText > a {
    font-size: 19px;
  }

  .FLcol {
    width: 100%;
    margin: 0;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards > .FLcol {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards > .FRcol {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .Fcol {
    margin: 0 16px;
  }

  .FooterInfo,
  .FooterRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
  }

  .FooterLine {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 20px;
  }

  .WhiteCard {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .WhiteCard > .CustomText {
    width: auto;
  }

  .IndustImgWork {
    display: none;
  }

  .RightImage {
    max-width: 440px;
    width: 100%;
    height: auto;
    min-width: 288px;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > *
    .StandartText {
    width: auto;
  }

  .B8-Component {
    display: flex;
    flex-direction: column;
  }

  .RightCard {
    width: 100%;
  }

  .LeftCard {
    width: 100%;
  }

  .B8-Component > .LeftCard > .UpperInfo > .CardTextEl {
    width: 100%;
  }

  .B7-Component {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .LogoTextComm,
  .MailMedia,
  .HeadReg,
  .MenuElement {
    display: none;
  }

  .MenuFirstElement.MenuFirstText > a {
    line-height: 0;
    font-size: 0;
    color: transparent;
  }

  .SocialMedia {
    width: 35px;
    height: 35px;
    border-radius: 40px;
  }

  .F7-Component {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .TitleHead {
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: normal !important;
  }

  .bx-breadcrumb .bx-breadcrumb-item span {
    font-size: 12px;
  }

  .bx-breadcrumb .bx-breadcrumb-item {
    display: flex;
    white-space: nowrap;
    vertical-align: middle;
    margin-left: 0px;
    flex-direction: row;
    justify-content: space-between;
    width: auto;
  }

  .NameCards {
    position: relative;
    white-space: wrap;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: center;
    align-items: center;
    margin: 16px 0;
    padding: 0 0px 0 0;
    flex-wrap: wrap;
  }

  .BtnNoStretchLight {
    width: auto;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > *
    .CodesRegRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px 0px;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard
    > *
    .CardTextEl {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  #element > .elementContainer > .F1-Page > .F8-Component > .FLcol > .CodesReg {
    margin-right: 0px;
  }

  .ElRowG .BtnCallBlue,
  .ElRowG .BtnNoStretch {
    max-width: unset;
  }

  .FLrow {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0;
    justify-content: space-between;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: center;
    align-items: center;
    margin: 16px 0;
    padding: 0 0px 0 0;
    flex-wrap: wrap;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > *
    .CodesRegRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px 0px;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard
    > *
    .CardTextEl {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  #element > .elementContainer > .F1-Page > .F8-Component > .FLrow > .CodesReg {
    margin-right: 0px;
  }
}

@media (min-width: 480px) and (max-width: 767px) {
  .RowCardsSpinner > a {
    display: flex;
    width: 100%;
  }

  .F1-Page {
    width: 94%;
  }

  .CardProduct {
    display: flex;
    position: relative;
    width: 100%;
    height: 165px;
    border-radius: 8px;
    border: 1px solid #7878784d;
  }

  .CardPadds {
    padding: 18px 0 0 18px;
    width: 100%;
  }

  /*ЗАМЕНИТЬ*/
  .RowCardsSpinner {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-wrap: wrap;
  }

  .B3-Component > .RowCardsSpinner {
    display: flex;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .IngProduct {
    max-height: 130px;
  }

  .CardPadds > span {
    font-size: 18px;
    width: 160px;
  }

  .BGTrdCard > .ElRow {
    display: flex;
    flex-direction: row;
    margin: 115px 15px 24px auto;
    width: auto;
    right: auto;
  }

  .StrongWhite {
    display: flex;
    position: relative;
    width: fit-content;
    font-family: "Roboto", Helvetica;
    color: #ffffff;
    white-space: normal;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
  }

  .ElRowG .BtnCallBlue,
  .ElRowG .BtnNoStretch {
    max-width: unset;
  }

  .MenuRow {
    display: none !important;
  }

  .bx-yandex-view-layout {
    width: auto;
  }

  .HideElementMenu {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    background-color: #2566b9;
    border-radius: 20px;
    justify-content: center;
    align-items: center;
  }

  .TextInfoProd {
    display: flex;
    flex-direction: column;
    gap: 32px;
    width: auto;
  }

  .staticContent {
    left: auto;
  }

  .elementContainer {
    display: flex;
    position: relative;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center;
  }

  .Workarea {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0 16px;
    width: 100%;
  }

  .AreaRight {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }

  .AreaRight > * img,
  .AreaRight > img {
    display: none;
  }

  .AreaRight > * form,
  .AreaRight > form {
    width: 100%;
  }

  .FstCardtext {
    padding: 32px 20px;
    position: relative;
  }

  .B1-Header {
    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: space-between;
    width: 94%;
  }

  .FooterLine {
    display: flex;
    flex-direction: column;
    gap: 16px;
    margin: 0 20px;
  }

  .bx-breadcrumb {
    width: 94%;
    max-width: 1200px;
  }

  .CardTextEl {
    display: flex;
    width: 80%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > *
    .HeaderTextBoldWhite {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 0em;
    text-align: left;
    font-family: "Roboto", Helvetica;
    color: #ffffff;
  }

  .B6-Component {
    display: flex;
    flex-direction: row;
    width: 110%;
    justify-content: center;
    background-color: #e4f4ff;
  }

  .ElRow {
    display: flex;
    flex-direction: row;
    margin: 115px auto 24px auto;
    width: auto;
    right: auto;
  }

  .ContRow {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 32px 0;
    width: 100%;
    max-width: 1200px;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ContColGray {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: #f6f6f6;
    gap: 24px;
    width: 100%;
    max-width: 1200px;
  }

  .ContCol {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 8px;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B5-Form
    > .B5-Component
    > .ColLeftLL
    > .StandartText {
    width: 100%;
  }

  .B5-Form {
    width: 100%;
  }

  .RowCards {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
  }

  .B5-Component {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 100%;
    max-width: 1200px;
    background-color: #f6f6f6;
  }

  .HeaderInfo {
    justify-content: space-between;
    gap: 16px;
    width: 100%;
  }

  .MenuFirstElement {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 8px;
    position: relative;
    background-color: #2566b9;
    border-color: #ffffff00;
    cursor: pointer;
    border-radius: 40px;
  }

  .ImgIcon {
    position: relative;
    width: 16px;
    height: 16px;
  }

  .MenuFirstText,
  .MenuFirstText a {
    width: fit-content;
    text-wrap: wrap;
  }

  .BtnCall {
    display: none;
  }

  .SearchHead {
    display: none;
  }

  .ContentB6 {
    width: 90%;
  }

  .B3-Component {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
  }

  .B3-Component > .CardElement > .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .ColLeftLL {
    display: flex;
    flex-direction: column;
    width: auto;
    padding: 24px;
  }

  .ColRightRR {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 24px;
  }

  .ImgIconSoc {
    position: relative;
    width: 16px;
    height: 16px;
  }

  .B2-Component {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 100%;
    max-width: 1200px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .BGFstCard {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
    height: auto;
    justify-content: space-between;
    position: relative;
    order: 0;
  }

  .BGSndCard {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    position: relative;
    justify-content: space-between;
    align-items: center;
    order: -1;
  }

  .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative;
    justify-content: space-between;
    order: 1;
  }

  .StackOfBolts {
    display: flex;
    width: auto;
    height: 230px;
    right: auto;
    left: auto;
    bottom: 0;
    justify-content: center;
  }

  .StackOfFound {
    height: 122px;
    left: auto;
    right: 0;
    bottom: -24px;
    border-radius: 0 0 15px 0;
  }

  .StackOfPaper {
    display: block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    height: 134px;
  }

  .ColRight {
    display: flex;
    flex-direction: row;
    width: auto;
    gap: 0px;
  }

  .rowFlSt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    margin: 40px 0px;
    width: 100%;
    gap: 16px;
  }

  .BtnNoStretch {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .BtnCallBlue {
    display: flex;
    width: 100%;
    justify-content: center;
  }

  .ElRowG {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .BtnCheckRow {
    display: flex;
    flex-direction: column-reverse;
  }

  .div-5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 70%;
  }

  .BlurCard {
    width: auto;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGTrdCard
    > .ElRow
    > .BlurCard {
    display: none;
    width: auto;
    position: absolute;
    right: 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGFstCard
    > .FstCardtext
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B3-Component
    > .RowCardsSpinner
    > .CardElement
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  .HideElementSearch,
  .HideElementPhone {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #a7a7a7;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
  }

  .HideElementPhone > a,
  .HideElementSearch > a {
    height: 16px;
  }

  .HideElementMenuCross {
    display: flex;
    position: relative;
    width: 35px;
    height: 35px;
    border: 1px solid #a7a7a7;
    border-radius: 40px;
    justify-content: center;
    align-items: center;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards > .FLcol {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
    width: 100%;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards > .FRcol {
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }

  .Fcol {
    margin: 0 16px;
  }

  .FooterInfo,
  .FooterRight {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 16px;
  }

  .WhiteCard {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .WhiteCard > .CustomText {
    width: auto;
  }

  .IndustImgWork {
    display: none;
  }

  .RightImage {
    max-width: 440px;
    width: auto;
    height: auto;
    min-width: 288px;
  }

  .B8-Component {
    display: flex;
    flex-direction: column;
  }

  .RightCard {
    width: 100%;
  }

  .LeftCard {
    width: 100%;
  }

  .B8-Component > .LeftCard > .UpperInfo > .CardTextEl {
    width: 100%;
  }

  .B7-Component {
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards {
    display: flex;
    flex-direction: column;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  .LogoTextComm,
  .MailMedia,
  .HeadReg,
  .MenuElement {
    display: none;
  }

  .MenuFirstElement.MenuFirstText > a {
    line-height: 0;
    font-size: 0;
    color: transparent;
  }

  .SocialMedia {
    width: 35px;
    height: 35px;
    border-radius: 40px;
  }

  .F7-Component {
    display: flex;
    flex-direction: column-reverse;
    align-items: center;
  }

  .ContColText > img {
    width: 285px;
    height: auto;
    max-width: 1200px;
  }

  .ContColText {
    display: flex;
    flex-direction: column;
    width: 100%;
  }

  .FLcol {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0;
    justify-content: space-between;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    padding: 0 70px 0 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard
    > *
    .CardTextEl {
    display: flex;
    flex-direction: column;
    width: max-content;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > *
    .CodesRegRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px 0px;
  }

  #element > .elementContainer > .F1-Page > .F8-Component > .FLcol > .CodesReg {
    margin-right: 0px;
  }

  .SndCardtext {
    width: 100%;
  }

  .overlap-group {
    width: 100%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > *
    .BtnCallBlue {
    width: 100%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > *
    .NameCards {
    position: relative;
    font-size: 20px;
  }

  .AreaRight > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: flex-end;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B3-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B4-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B5-Form
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B6-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B7-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B8-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B9-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B10-Component
    > *
    .HeaderTextBold,
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > *
    .HeaderTextBold {
    font-size: 24px;
    font-weight: 700;
    line-height: normal;
  }

  .FLrow {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0;
    justify-content: space-between;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    padding: 0 70px 0 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard
    > *
    .CardTextEl {
    display: flex;
    flex-direction: column;
    width: max-content;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > *
    .CodesRegRow {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 16px;
    position: relative;
    padding: 16px 0px;
  }

  #element > .elementContainer > .F1-Page > .F8-Component > .FLrow > .CodesReg {
    margin-right: 0px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .RowCardsSpinner > a {
    display: flex;
    width: 48.5%;
  }

  .F1-Page {
    width: 97%;
  }

  .CardProduct {
    display: flex;
    position: relative;
    width: 100%;
    height: 165px;
    border-radius: 8px;
    border: 1px solid #7878784d;
  }

  .CardPadds {
    padding: 18px 0 0 18px;
    width: 100%;
  }

  .bx-yandex-view-layout {
    width: auto;
  }

  .HideElementMenu {
    display: none;
  }

  .staticContent {
    left: auto;
  }

  .elementContainer {
    display: flex;
    position: relative;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center;
  }

  .Workarea {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    padding: 0 20px;
    width: 100%;
  }

  .AreaRight > * img,
  .AreaRight > img {
    display: none;
  }

  .AreaRight > * form,
  .AreaRight > form {
    width: 100%;
  }

  .AreaRight {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
  }

  .B6-Component {
    display: flex;
    flex-direction: row;
    width: 110%;
    justify-content: center;
    background-color: #e4f4ff;
  }

  .bx-breadcrumb {
    width: 95%;
    max-width: 1200px;
  }

  .B1-Header {
    display: flex;
    flex-direction: column;
    gap: 26px;
    max-width: 1200px;
    margin: 24px 0 20px 0;
    padding: 0 0px;
    width: 97%;
  }

  .B10-Component,
  .B8-Component,
  .B7-Component,
  .B5-Form,
  .B3-Component,
  .B4-Component,
  .B2-Component {
    width: 100%;
  }

  .CardPDF .StandartTextBold {
    white-space: wrap;
  }

  .FooterLine {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 32px 20px;
    margin: 0;
  }

  .CardImg1 {
    width: 100%;
  }

  .ContRow {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin: 32px 0;
    width: 100%;
    max-width: 1200px;
    flex-wrap: wrap;
    gap: 8px;
  }

  .ContColGray {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background-color: #f6f6f6;
    gap: 24px;
    width: 100%;
    max-width: 285px;
  }

  .ElRow {
    display: flex;
    flex-direction: column;
    margin: 24px 0;
    margin-right: -5px;
    justify-content: flex-end;
    width: auto;
    right: 5%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B5-Form
    > .B5-Component
    > .ColLeftLL
    > .StandartText {
    width: 100%;
  }

  .ColLeftLL,
  .ColRightRR {
    width: 100%;
  }

  .RowCards {
    display: flex;
    flex-direction: row;
    gap: 8px;
    flex-wrap: wrap;
  }

  .B5-Component {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    max-width: 1200px;
    background-color: #f6f6f6;
  }

  .FstCardtext {
    padding: 32px 0px 32px 20px;
    position: relative;
  }

  .MenuRow {
    display: flex;
    flex-direction: row;
    width: auto;
    align-items: stretch;
    position: relative;
    justify-content: space-between;
  }

  .MenuFirstElement {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 12px;
    position: relative;
    background-color: #2566b9;
    border-color: #ffffff00;
    cursor: pointer;
  }

  .MenuFirstText,
  .MenuFirstText a {
    width: fit-content;
    text-wrap: wrap;
  }

  .BtnCall {
    display: none;
  }

  .SearchHead {
    display: none;
  }

  .ContentB6 {
    width: 90%;
  }

  .B3-Component {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
  }

  .RowCardsSpinner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-wrap: wrap;
  }

  .B3-Component > .RowCardsSpinner {
    display: flex;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .IngProduct {
    max-height: 130px;
  }

  .CardPadds > span {
    width: 180px;
  }

  .BGTrdCard > .ElRow {
    display: flex;
    flex-direction: row;
    margin: 115px 15px 24px auto;
    width: auto;
    right: auto;
  }

  .StrongWhite {
    display: flex;
    position: relative;
    width: fit-content;
    font-family: "Roboto", Helvetica;
    color: #ffffff;
    white-space: normal;
    font-size: 15px;
    font-weight: 400;
    text-align: left;
  }

  .BlurCard {
    width: auto;
    height: fit-content;
  }

  .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 200px;
  }

  .B3-Component > .CardElement > .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .ColLeftLL {
    display: flex;
    flex-direction: column;
    width: 315px;
    padding: 56px 56px 12px 56px;
  }

  .ColRightRR {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 56px 56px 56px;
  }

  .ImgIconSoc {
    position: relative;
    width: 16px;
    height: 16px;
  }

  .B2-Component {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
    max-width: 1200px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .BGSndCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative;
    justify-content: space-between;
    align-items: center;
    order: -1;
  }

  .BGFstCard {
    display: flex;
    flex-direction: column;
    width: 48.5%;
    max-width: 100%;
    height: auto;
    justify-content: space-between;
    position: relative;
    order: 0;
  }

  .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 48.5%;
    height: auto;
    position: relative;
    justify-content: space-between;
    order: 1;
  }

  .StackOfBolts {
    width: auto;
    height: 230px;
    right: 140px;
    left: auto;
    bottom: 0;
  }

  .StackOfFound {
    height: 122px;
    left: auto;
    right: 24px;
    bottom: -24px;
    border-radius: 0 0 15px 0;
  }

  .StackOfPaper {
    display: block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    height: 134px;
  }

  .ColRight {
    display: flex;
    flex-direction: row;
    width: auto;
    gap: 0px;
  }

  .rowFlSt {
    gap: 20px;
  }

  .div-5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 70%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGTrdCard
    > .ElRow
    > .BlurCard {
    width: auto;
    position: absolute;
    right: 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGFstCard
    > .FstCardtext
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B3-Component
    > .RowCardsSpinner
    > .CardElement
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  .HideElementSearch {
    display: flex;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #a7a7a7;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
  }

  .HideElementSearch > a {
    height: 16px;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards > .FLcol {
    margin: 0;
  }

  .Fcol {
    margin-right: 45px;
  }

  .IndustImgWork {
    display: flex;
    position: absolute;
    left: 20%;
    right: 0;
    z-index: 1;
    bottom: 0;
    margin-bottom: 55px;
    height: 500px;
  }

  .RightImage {
    max-width: 445px;
    width: 302px;
    height: 230px;
  }

  .B8-Component {
    display: flex;
    flex-direction: column;
  }

  .RightCard {
    width: 100%;
  }

  .LeftCard {
    width: 100%;
  }

  .B8-Component > .LeftCard > .UpperInfo > .CardTextEl {
    width: 100%;
  }

  .FLcol {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0;
    justify-content: space-between;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    padding: 0 70px 0 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard
    > *
    .CardTextEl {
    display: flex;
    flex-direction: column;
    width: 70%;
  }

  .WhiteCard {
    display: flex;
    flex-direction: column;
    width: 49.4%;
  }

  .FLrow {
    display: flex;
    flex-direction: column;
    width: 100%;
    align-items: center;
    margin: 0;
    justify-content: space-between;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    padding: 0 70px 0 0;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard
    > *
    .CardTextEl {
    display: flex;
    flex-direction: column;
    width: 70%;
  }
}

@media (min-width: 992px) and (max-width: 1399px) {
  .RowCardsSpinner > a {
    display: flex;
    width: 48.9%;
  }

  .F1-Page {
    width: 97%;
  }

  .CardPadds {
    padding: 18px 0 0 18px;
    width: 100%;
  }

  .CardProduct {
    display: flex;
    position: relative;
    width: 100%;
    height: 165px;
    border-radius: 8px;
    border: 1px solid #7878784d;
  }

  .bx-yandex-view-layout {
    width: auto;
  }

  .HideElementMenu {
    display: none;
  }

  .staticContent {
    left: auto;
  }

  .RowCards {
    width: 100%;
  }

  .elementContainer {
    display: flex;
    position: relative;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center;
  }

  .Workarea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 0;
    width: 95%;
  }

  .SearchHead {
    display: none;
  }

  /* .CardProduct {
        width: 240px;
        height: 320px;
    } */

  .bx-breadcrumb {
    width: 95%;
    max-width: 1200px;
  }

  .FooterLine {
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    padding: 32px 20px;
    margin: 0;
  }

  .B1-Header {
    display: flex;
    flex-direction: column;
    gap: 26px;
    max-width: 1200px;
    margin: 24px 0 20px 0;
    width: 97%;
  }

  .B10-Component,
  .B8-Component,
  .B7-Component,
  .B5-Form,
  .B3-Component,
  .B4-Component,
  .B2-Component {
    width: 100%;
  }

  .B3-Component {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 20px;
    justify-content: flex-start;
    width: 100%;
  }

  .RowCardsSpinner {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-wrap: wrap;
  }

  .B3-Component > .RowCardsSpinner {
    display: flex;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
  }

  .IngProduct {
    max-height: 130px;
  }

  .CardPadds > span {
    width: 220px;
  }

  .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 200px;
  }

  .B3-Component > .CardElement > .CardTextEl {
    display: flex;
    flex-direction: column;
    gap: 8px;
    width: 100%;
  }

  .ColLeftLL {
    display: flex;
    flex-direction: column;
    width: 315px;
    padding: 56px 56px 12px 56px;
  }

  .ColRightRR {
    display: flex;
    flex-direction: column;
    width: 100%;
    padding: 12px 56px 56px 56px;
  }

  .RightImage {
    max-width: 445px;
    width: 445px;
    height: 330px;
  }

  .ImgIconSoc {
    position: relative;
    width: 16px;
    height: 16px;
  }

  .B2-Component {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 40px;
    max-width: 1200px;
    gap: 20px;
    flex-wrap: wrap;
  }

  .BGSndCard {
    display: flex;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative;
    justify-content: space-between;
    align-items: baseline;
    order: -1;
  }

  .BGFstCard {
    display: flex;
    flex-direction: column;
    width: 48.8%;
    max-width: 100%;
    height: auto;
    justify-content: space-between;
    position: relative;
    order: 0;
  }

  .BGTrdCard {
    display: flex;
    flex-direction: row;
    width: 48.8%;
    height: auto;
    position: relative;
    justify-content: space-between;
    order: 1;
  }

  .StackOfBolts {
    width: auto;
    height: 230px;
    right: 140px;
    left: auto;
    bottom: 0;
  }

  .StackOfFound {
    left: auto;
    right: 0;
    bottom: -24px;
    border-radius: 0 0 15px 0;
  }

  .StackOfPaper {
    display: block;
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0;
    height: 158px;
  }

  .ElRow {
    display: flex;
    flex-direction: column;
    margin: 24px;
    gap: 8px;
    position: relative;
    justify-content: flex-end;
  }

  .div-5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
    width: 70%;
  }

  .BlurCard {
    width: auto;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B2-Component
    > .BGFstCard
    > .FstCardtext
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .B3-Component
    > .RowCardsSpinner
    > .CardElement
    > .CardTextEl
    > .StandartText {
    width: 75%;
  }

  .HideElementSearch {
    display: flex;
    position: relative;
    width: 32px;
    height: 32px;
    border: 1px solid #a7a7a7;
    border-radius: 16px;
    justify-content: center;
    align-items: center;
  }

  .HideElementSearch > a {
    height: 16px;
  }

  .B6-Component {
    display: flex;
    flex-direction: row;
    width: 110%;
    justify-content: center;
    background-color: #e4f4ff;
  }

  .FLcol {
    width: 100%;
    margin: 0;
  }

  .B8-Component > .RightCard > .UpperInfo > .RowCards > .FLcol {
    margin: 0;
  }

  .Fcol {
    margin-right: 45px;
  }

  .IndustImgWork {
    display: flex;
    position: absolute;
    left: 25%;
    right: 0;
    z-index: 1;
    bottom: 0;
    margin-bottom: 38px;
  }

  .B5-Form {
    max-width: 1200px;
  }

  .WhiteCard {
    display: flex;
    flex-direction: column;
    width: 48.7%;
    min-height: 120px;
  }
}

@media (min-width: 1400px) {
  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLrow
    > .BGTrdCard {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
  }

  .B3-Component > .RowCardsSpinner {
    display: flex;
    width: 100%;
    overflow-y: hidden;
    gap: 20px;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
  }

  .bx-yandex-view-layout {
    width: auto;
  }

  .HideElementMenu {
    display: none;
  }

  .elementContainer {
    display: flex;
    position: relative;
    width: 100%;
    height: fit-content;
    flex-direction: column;
    align-items: center;
  }

  .RowCards {
    display: flex;
    flex-direction: row;
    gap: 20px;
    justify-content: space-between;
    flex-wrap: nowrap;
  }

  #element
    > .elementContainer
    > .F1-Page
    > .F8-Component
    > .FLcol
    > .BGTrdCard {
    display: flex;
    flex-direction: column;
    width: 30%;
    height: fit-content;
    border-radius: 8px;
    background-color: #4a96f6;
    justify-content: space-between;
    align-items: center;
  }

  .B6-Component {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: center;
    background-color: #e4f4ff;
  }

  .Workarea {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 16px;
    padding: 0 16px;
  }
}

/* ? Tables */
/*#region --- Стили Table---*/
div.title-search-result {
  border: 1px solid #c6c6c6;
  display: none;
  overflow: hidden;
  z-index: 205;
}

table.title-search-result {
  border-collapse: collapse;
  border: none;
  width: 10%;
}

table.title-search-result th {
  background-color: #f7f7f7;
  border-right: 1px solid #e8e8e8;
  color: #949494;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 14px;
  padding-right: 12px;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
  width: 1%;
}

table.title-search-result td {
  background-color: white;
  color: black;
  font-weight: normal;
  padding-top: 2px;
  padding-bottom: 2px;
  text-align: left;
  white-space: nowrap;
}

table.title-search-result td.title-search-item {
  padding-left: 8px;
  padding-right: 15px;
}

table.title-search-result td.title-search-item a {
  padding-left: 4px;
  padding-right: 15px;
  text-decoration: none;
  color: black;
  vertical-align: top;
}

table.title-search-result td.title-search-item img {
  vertical-align: top;
}

table.title-search-result td.title-search-item b {
  color: #cf0000;
  font-weight: normal;
}

table.title-search-result tr.title-search-selected td,
table.title-search-result tr.title-search-selected a,
table.title-search-result tr.title-search-selected td.title-search-more a {
  background-color: #fff2be;
}

table.title-search-result td.title-search-more {
  font-size: 11px;
  font-weight: normal;
  padding-right: 15px;
  padding-left: 24px;
  padding-top: 0px;
}

table.title-search-result td.title-search-more a {
  padding-left: 12px;
  padding-right: 15px;
  text-decoration: none;
  color: #999999;
}

table.title-search-result td.title-search-all {
  padding-left: 24px;
  padding-right: 15px;
}

table.title-search-result td.title-search-all a {
  padding-left: 4px;
  text-decoration: none;
  color: #808080;
}

table.title-search-result td.title-search-separator,
table.title-search-result th.title-search-separator {
  padding-top: 0px;
  padding-bottom: 0px;
  font-size: 4px;
}

div.title-search-fader {
  display: none;
  background-image: url("/bitrix/templates/new2023/components/bitrix/search.title/store_icorporate/images/fader.png");
  background-position: right top;
  background-repeat: repeat-y;
  position: absolute;
}

/*#endregion*/
/* ? Tables */
/* & ПРОВЕРКА СТИЛЕЙ */
/*#region*/
.FLrow {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  margin: 0;
  justify-content: space-between;
}

#element > .elementContainer > .F1-Page > .F8-Component > .FLrow > .BGTrdCard {
  display: flex;
  flex-direction: column;
  width: fit-content;
  height: fit-content;
  border-radius: 8px;
  background-color: #4a96f6;
  justify-content: space-between;
  align-items: center;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLrow
  > .BGTrdCard
  > .FstCardtext {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px 24px;
  position: relative;
  width: auto;
}

#element > .elementContainer > .F1-Page > .F8-Component > .FLrow > .CodesReg {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 4px;
  position: relative;
  width: inherit;
  margin-right: 16px;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLrow
  > *
  .NameCardsSmallWw {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
  width: 200px;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLrow
  > *
  .StandartText {
  position: relative;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  width: auto;
  height: auto;
}

/*#endregion*/

/* ! Automatic styles file */
/*#region*/

/* #element > .elementContainer > .F1-Page > * table {
  width: 1200px;
  border-spacing: 0;
  border-collapse: collapse;
} */

/*#endregion*/

/* ! Automatic styles file */
/*#region */

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .StandartText,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .NameCards,
#element > .elementContainer > .B1-Header > .MenuRow > .MenuElement > .MenuText,
#element > .elementContainer > .B1-Header > .HeaderInfo > .HeadReg > * a,
#element
  > .elementContainer
  > .B1-Header
  > .HeaderInfo
  > .MailMedia
  > .StandartText.email,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .StandartText {
  color: #333333;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .HeaderTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .HeaderTextBold {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .StandartTextBold,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .StandartTextBold {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  font-size: 18px;
  font-weight: 600;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .CardTextHead {
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .NameCardsSmall,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .NameCardsSmall {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  text-align: left;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .NameCards,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .NameCards {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #333333;
  white-space: wrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > *
  .NameCardsWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLrow
  > *
  .NameCardsWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: wrap;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .CardPadds:hover
  span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .CardPadds:hover
  span {
  transition: 300ms;
  color: #ffffff;
  border-radius: 6px;
}

/* & */
/* & */
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B3-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B4-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B6-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B7-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B8-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B9-Component
  > *
  .CardPadds
  > span,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .CardPadds
  > span {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  width: auto;
  height: 320px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
}

/* & */

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .HeaderTextBoldWhite {
  font-size: 32px;
  font-weight: 700;
  line-height: 38px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .StrongWhite {
  display: flex;
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 400;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .SupText {
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  font-family: "Roboto", Helvetica;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .SupTextBold {
  color: #ffffff;
  font-size: 32px;
  font-weight: 700;
  font-family: "Roboto", Helvetica;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .NameCardsWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  white-space: break-spaces;
  font-size: 24px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .StandartTextWhite,
#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLrow
  > *
  .StandartTextWhite {
  position: relative;
  width: fit-content;
  font-family: "Roboto", Helvetica;
  color: #ffffff;
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B5-Form
  > *
  a:link {
  color: #787878;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .BtnCallBlue {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 24px;
  position: relative;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ffffff4d;
  background-color: #ffffff00;
  cursor: pointer;
  width: fit-content;
  margin-top: -1px;
  font-weight: 500;
  font-size: 15px;
  color: #ffffff;
  white-space: nowrap;
  font-family: "Roboto", Helvetica;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B2-Component
  > *
  .BtnCallBlue:hover {
  border-color: #ffffff;
  transition: 300ms;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .CardTextHeadIm {
  font-size: 20px;
  font-weight: 600;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #333333;
  padding: 24px 24px 0px 24px;
}

#element
  > .elementContainer
  > .F1-Page
  > .F8-Component
  > .FLcol
  > .B10-Component
  > *
  .CustomTextB {
  font-size: 15px;
  font-weight: 400;
  line-height: 23px;
  letter-spacing: 0em;
  text-align: left;
  font-family: "Roboto", Helvetica;
  color: #787878;
  padding: 0px 24px 0px 24px;
}

.fade_overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100vh;
  background-color: #000;
  opacity: 0.4;
  display: block;
}

/* & ПРОВЕРКА СТИЛЕЙ */

/* End */
/* /bitrix/templates/new2023/components/bitrix/search.title/store_icorporate/style.css?17564448812092 */
/* /bitrix/templates/new2023/components/bitrix/breadcrumb/breadcrumb_icorporate/style.min.css?1756444881467 */
/* /bitrix/templates/new2023/styles.css?175644488163277 */
/* /bitrix/templates/new2023/template_styles.css?175644488163620 */