:root {
	--color-def: #FFF;

	--colGr001: #18416E;
	--colGr002: #4389D6;

	--colGr003: #17406D;

	--colGr005: #009DD9;
	--colGr006: #0082B4;

	--colGr007: #009DD9;

	--colGr008: #7BBFD8;

	--colorFont: #031c36;
	--colorFont02: #5c0521;

	--color001: #660020;

	--color002: #C9D9FF;
	--color011: #e0f1ff;
	--color022: #4f687c63;
	--color024: #425994;
	--color027: #3f5ea9;
	--color041: #163F5E;
	--color042: #102E47;

	--color012: #86B3D8;
	--color020: #57758E;
	--color040: #19466D;

}
/*--------------------------------------------------------------------------------*/
body{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	font-size: 1em; /*16px;*/
	width: 100vw; /* Full width */
	height: 100vh; /* Full height */
}
.generalPanel {
	display: block;
	position: absolute;
	width: 100vw; /* Full width */
	height: 100vh; /* Full height */
	background-color: rgba(255, 255, 255, 0.7);
}
.generalScreen_center {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: hidden;
	overflow-x: hidden;
	left: 0px;
	top: 0px;
}
.generalScreen_center01 {
	position: absolute;
	display: flex;
	width: 100%;
	height: 100%;
	justify-content: center;
	align-content: center;
}
/*--------------------------------------------------------------------------------*/
.generalScreen_top_autoresaze {
	position: absolute;
	display: flex;
	width: 100%;
	/* height: 300; */
	left: 0;
	right: 0;
	top: 0;
	flex-direction: row;
	flex-wrap: nowrap;
	align-content: flex-start;
	justify-content: flex-start;
	/* background-image: url("/images/topGradient.png");
	background-repeat: no-repeat;
	background-position: top;
	background-size: contain; */
	/* background-size: cover; */
}
/*--------------------------------------------------------------------------------*/
 .generalScreen_top_svg {
	/* display: block; */
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	/* height: 100%; */
	background-image: linear-gradient(to right, var(--colGr001) 20%, var(--colGr002));
	background-size: cover;
}
.generalScreen_topPath01 {
	fill: var(--color-def);
	opacity: 1;
	d: path("M 0 35 V 8 Q 16 17 47 7 C 53 5 70 -1 100 0 V 36 Z");
	/* d: path("M 0 35 V 8 C 40 20 40 0 100 0 V 36 Z"); */
}
.generalScreen_topPath02 {
	fill: var(--colGr005);
	opacity: 1;
	d: path("M 100 0 Q 100 8 100 14 Q 76 21 47 7 Q 70 -1 100 0 Z");
}
.generalScreen_topPath03 {
	/* fill: linear-gradient(to right, var(--colGr005) 20%, var(--colGr006)); */
	fill: var(--colGr006);
	opacity: 1;
	d: path("M 100 0 Q 100 4 100 4 Q 76 13 47 7 Q 70 -2 100 0 Z");
}
/*--------------------------------------------------------------------------------*/
.generalScreen_top_logo {
	display: inline-block;
}
.generalScreen_imgLogo {
	margin-left: 10;
	margin-right: 20;
	margin-top: 10;
	width: 60;
	filter: drop-shadow(4px 4px 6px var(--color-def));
	-webkit-filter: drop-shadow(4px 4px 6px var(--color-def));
}
/*--------------------------------------------------------------------------------*/
.generalScreen_top_menu {
	display: inline-flex;
	align-content: flex-start;
	justify-content: flex-start;
	min-width: 200;
	/* min-height: 100; */
	padding-top: 0;
}
.topMenu_element {
	display: inline-block;
	padding: 16;
	height: 21;
	min-width: 100;
	text-align: center;
	/* max-width: 180; */
	/* border: 2px solid var(--color-def); */
	color: var(--colorFont);
	/* background-color: var(--colGr007); */
	margin: 1;
	cursor: pointer;
	-webkit-transition-duration: .5s; /* Safari */
	transition-duration: .5s;
}
.topMenu_element_page {
	display: inline-block;
	padding: 10 8;
	/* height: 21; */
	min-width: 160;
	text-align: center;
	max-width: 240;
	/* border: 2px solid var(--color001); */
	color: var(--colorFont);
	/* background-color: var(--colGr007); */
	margin: 1;
	cursor: pointer;
	-webkit-transition-duration: .5s; /* Safari */
	transition-duration: .5s;
}
.topMenu_element_block_iner {
	display: block;
	width: 100%;
	/*margin-bottom: 16;*/
}
.topMenu_element_block {
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	padding: 8px;
}
.topParentMenu_element_block {
	display: flex;
	align-content: flex-start;
	justify-content: flex-start;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
}
.topMenu_element_active {
	padding: 24 16;
	font-weight: bold;
	/* background-color: var(--colGr001); */
	color: var(--colorFont);
	font-size: 1.3em;
	text-shadow: 3px 3px 6px var(--color027);
	animation: .7s topMenu_element_active_show cubic-bezier(0.5, 0.4, 0.2, 1);
}
.topMenu_element_page_active {
	padding: 14 8;
	font-weight: bold;
	/* background-color: var(--colGr001); */
	color: var(--colorFont02);
	font-size: 1.1em;
	text-shadow: 3px 3px 6px var(--color027);
	animation: .7s topMenu_element_active_show cubic-bezier(0.5, 0.4, 0.2, 1);
}
/*--------------------------------------------------------------------------------*/
.generalScreen_context {
	display: block;
	margin-top: 90px;
	border-top: 2px solid var(--color001);
	right: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0% 10%;
	overflow-x: hidden;
	overflow-y: auto;
}
/*--------------------------------------------------------------------------------*/
.generalScreen_context_inner {
	display: block;
	width: 100%;
}
/* width */
.generalScreen_context::-webkit-scrollbar {
	width: 16px;
}
/* Track */
.generalScreen_context::-webkit-scrollbar-track {
	background: var(--color040);
}
/* Handle */
.generalScreen_context::-webkit-scrollbar-thumb {
	background: var(--color020);
}
/* Handle on hover */
.generalScreen_context::-webkit-scrollbar-thumb:hover {
	background: var(--color012);
}
/*--------------------------------------------------------------------------------*/
.titulPage_general {
	display: block;
	width: 100%;
}
.contentPageBlock {
	display: block;
	width: 100%;
}
.contentPageBlock_iner {
	display: block;
	width: 100%;
	/* background-color: rgba(151, 217, 255, 0.5); */
	/*padding: 8px;*/
}
/*--------------------------------------------------------------------------------*/
.blocView_01 {
	display: block;
	/*background-color: #0082B4;*/
	padding: 8px;
}
.blocView_02 {
	display: block;
	width: 100%;
}
.textBlock_left {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.imgBlock_right {
	display: inline-block;
	width: 48%;
	padding-left: 2%;
	text-align-last: center;
}
.imgBlock_left {
	display: inline-block;
	width: 48%;
	padding-right: 2%;
	text-align-last: center;
}
/*--------------------------------------------------------------------------------*/
.imgView_all {
	width: 100%;
	max-width: 480px;
	height: auto;
	filter: drop-shadow(6px 6px 16px var(--color-def));
	-webkit-filter: drop-shadow(6px 6px 16px var(--color-def));
}
/*--------------------------------------------------------------------------------*/
.zagolovakFontSize {
	font-size: calc(100vW*0.02);
	font-weight: bold;
	color: var(--color-def);
	text-shadow: 4px 4px 8px var(--color-def);
}
.zagolovakFontSize-bacground {
	border-radius: 8px;
	background-color: var(--colGr008);
	color: var(--color042);
	text-shadow: 2px 2px 4px var(--color027);
	box-shadow: 8px 5px var(--color022);
}
.zagolovak1FontSize {
	font-size: calc(100vW*0.016);
	font-weight: bold;
	color: var(--color-def);
	text-shadow: 4px 4px 8px var(--color-def);
}
.textFontSize {
	text-align: justify;
	color: var(--colorFont);
	/*text-shadow: 0px 0px 5px var(--color-def), 0px 0px 12px var(--color-def);*/
}
.textFontSize li {
	text-align: justify;
}
/*--------------------------------------------------------------------------------*/
.bottomContactAndInfo {
	display: block;
	border-top: 2px solid var(--color001);
	padding-top: 16px;
}
/*--------------------------------------------------------------------------------*/
.bottomContact_block01 {
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
/*--------------------------------------------------------------------------------*/
.bottomContact_block02 {
	display: inline-block;
	width: 10%;
	vertical-align: top;
}
/*--------------------------------------------------------------------------------*/
.bottomContact_block03 {
	display: inline-block;
	width: 40%;
	vertical-align: top;
}
.contact_row {
	display: block;
	text-shadow: 4px 4px 8px var(--color050);
}
.contact_cell_icon {
	display: inline-block;
	vertical-align: top;
	text-align: center;
	width: 38px;
}
.contact_cell_text {
	display: inline-block;
	vertical-align: top;
	text-align: left;
	width: calc(100% - 74px);
}
.contact_hrefMail {
	color: black;
}
/*--------------------------------------------------------------------------------*/
.topMenu_imgTitul {
	height: 68px;
	width: auto;
	margin-right: 16px;
	cursor: pointer;
	filter: drop-shadow(2px 2px 4px var(--color042));
	/* text-shadow: 3px 3px 6px white; */
	filter: drop-shadow(6px 6px 16px var(--color050));
	-webkit-filter: drop-shadow(6px 6px 16px var(--color050));
}
/*--------------------------------------------------------------------------------*/
.bottomDesignInfo {
	display: flex;
	justify-content: flex-end;
	align-content: center;
	align-items: center;
	flex-direction: row;
}
.bottomDesignInfoImg {
	height: 24px;
	margin-left: 8px;
	filter: drop-shadow(1px 1px 2px black);
	-webkit-filter: drop-shadow(1px 1px 2px black);
}
.bottomDesignInfo_in {
	display: inline-block;
	text-align: right;
	font-size: 12px;
	color: black;
	text-shadow: 4px 4px 8px var(--color050);
}
/*--------------------------------------------------------------------------------*/
.row_contact_return {
	display: block;
	width: 100%
}
.cell_contact_return {
	display: inline-block;
}
.cell_contact_form_input {
	width: 294px;
  height: auto;
  margin: 16px 8px;
	background-color: var(--color004);
  font-weight: bold;
  font-size: 18px;
  color: var(--color042);
  min-height: 36px;
  line-height: 24px;
}
/*--------------------------------------------------------------------------------*/
.toggle-conteyner {
	border: 4px solid darkGray;
  border-radius: 35px;
	background-color: #555;
	width: 132px;
	height: 54px;
	padding: 4px;
	transition: 1s;
}
.toggle-center-element {
	width: 50px;
	height: 50px;
	border: 2px solid darkGray;
	border-radius: 27px;
	background-color: #AAA;
	transition: 2s;
}
/*--------------------------------------------------------------------------------*/
.enterKeyIgnoreButton-disable {
	display: inline-block;
	position: relative;
	background-color: #5f5f5f;
	border: 2px solid #969696;
  border-radius: 12px;
	color: #7a7a7a;
	padding: 12px 32px;
	margin: 0px;
	/* opacity: 0.2; */
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px 3px #3a3a3a;
	text-align: center;
	text-decoration: none;
	overflow: hidden;
	/* cursor: pointer; */
	transition: 1s;
}
.enterKeyIgnoreButton {
	display: inline-block;
	position: relative;
	background-color: var(--color011);
	border: 2px solid darkgray;
  border-radius: 12px;
	color: var(--color042);
	padding: 12px 32px;
	margin: 0px;
	/* opacity: 0.2; */
	font-weight: bold;
	font-size: 18px;
	text-shadow: 1px 1px 3px var(--color041);
	text-align: center;
	-webkit-transition-duration: 0.4s; /* Safari */
	transition-duration: 0.4s;
	text-decoration: none;
	overflow: hidden;
	cursor: pointer;
	/*width: 232px;*/
}
.enterKeyIgnoreButton:hover {
	opacity: 1;
	background-color: var(---color024);
  color: var(--color002);
}
.enterKeyIgnoreButton::after {
	content: "";
	background-color: #99B7FF;
	display: block;
	position: absolute;
	padding-top: 300%;
	padding-left: 350%;
	margin-left: -50px!important;
	margin-top: -120%;
	opacity: 0;
	transition: all 0.8s
}
.enterKeyIgnoreButton:active::after {
	padding: 0;
	margin: 0;
	opacity: 1;
	transition: 0s;
}
/*--------------------------------------------------------------------------------*/