body {
	margin: 0px;
	font-family: tahoma, arial, verdana, trebuchet, sans-serif;
	background-color:#eefafe;
}

header {
	max-width: 100%;
	min-width: 640px;
	position: sticky;
	top: 0;
	z-index: 5;
}

.header {
	height:50px;
	background: linear-gradient(to bottom, #519eb8 0%, #ffffff 100%);
	text-align: center;
	vertical-align: middle;
}

.search_input {
    box-sizing: border-box;
    line-height: 28px;
    width: 300px;
    height: 32px;
	color: #000000;
	/*border: 1px solid #eeeeee;*/
    background-color: #eefafe;
    border-radius: 8px;
    margin: 0;
	text-align:center;
	border: 1px solid #ffffff;
	box-shadow: inset 0 0 2px rgb(0 0 0 / 8%), inset 0 2px 4px rgb(0 0 0 / 6%);
    /*background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%20opacity%3D%22.92%22%3E%3Cpath%20opacity%3D%22.1%22%20d%3D%22M0%200H16V16H0z%22%2F%3E%3Cpath%20d%3D%22M6.5%201a5.5%205.5%200%200%201%204.383%208.823l3.896%203.9a.75.75%200%200%201-1.061%201.06l-3.895-3.9A5.5%205.5%200%201%201%206.5%201zm0%201.5a4%204%200%201%200%200%208%204%204%200%200%200%200-8z%22%20fill%3D%22%23818c99%22%20fill-rule%3D%22nonzero%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
    background-position: 10px;
    background-repeat: no-repeat;*/
	outline: none;
}

.content_body {
	min-width: 640px;
	max-width: 1280px;
	padding: 0px 0px 10px 0px;
	margin:0 auto;
	background-color:#ffffff;
	text-align: center
}

.text_details {
	font-size: 12px;
	color: #000000;
}

.tile {
	margin: 10px 10px 10px 10px;
	background-clip: content-box;
	background-color: #f8fdff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #eefafe;
	box-shadow: 0 0 2px rgb(0 0 0 / 8%), 0 2px 4px rgb(0 0 0 / 6%);
}

.border_bottom {
	border-bottom: 1px solid #eefafe;
	margin: 0px;
}

.border_top {
	border-top: 1px solid #eefafe;
	margin: 0px;
}

.title_page {
	font-weight: bold;
	font-size: 16px;
	color: #000000;
	display: inline-block;
}

.title_page_lnk {
	font-weight: bold;
	font-size: 16px;
	color:#266980;
	text-decoration: none;
}

.title_page_lnk:hover {
	text-decoration: underline; 
}

.title_page_lnk:visited {
	color:#266980;
}

.link_page {
	color:#266980;
	text-decoration: none;
	font-size: 14px;
}

.link_page:hover {
	text-decoration: underline; 
}

.link_page:visited {
	color:#266980;
}

.link_page_bold {
	color:#266980;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
}

.link_page_bold:hover {
	text-decoration: underline; 
}

.link_page_bold:visited {
	color:#266980;
}

a {
	color:#266980;
	text-decoration: none;
	font-size: 14px;
}

a:hover {
	text-decoration: underline; 
}

a:visited {
	color: #45bde5;
}

.text_mess {
	font-size: 14px;
	color: #000000;	
	font-weight: normal;
}

.aspect-radio-box {
	position: relative;
}

.aspect-radio-box::after {
	content: '';
	display: block;
	padding-top: 100%;
}

.aspect-radio-box img {
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.aspect-radio-box-article {
	position: relative;
}

.aspect-radio-box-article::after {
	content: '';
	display: block;
	padding-top: 56.25%;
}

.aspect-radio-box-article img {
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 4px;
}

.text_allocated_mess {
	font-size: 14px;
	color: #000000;	
	font-weight: bold;
}

.btn-vk {
    background-color: #519eb8;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 16px 8px;
    text-decoration: none;
    font-size: 12px;
    display: inline-block;
    min-width: 128px;
    text-align: center;
}

.btn-vk:hover {
	text-decoration: none; 
}

.btn-vk:visited {
	color:#ffffff;
}

.btn-vk-opros {
    background-color: #519eb8;
    color: #ffffff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 7px 16px 8px;
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    min-width: 128px;
    text-align: center;
	margin: 10px 10px 5px 10px;
	border: 0px;
	box-shadow: 0 0 2px rgb(0 0 0 / 32%), 0 2px 4px rgb(0 0 0 / 24%);
}

.btn-vk-opros:hover {
	text-decoration: none; 
	margin: 7px 10px 8px 10px;
}


.login_form {
	color: #000000;
	padding: 5px;
	margin: auto;
	background: linear-gradient(to bottom, #519eb8 0%, #ffffff 100%);
}

.tovar_container {
	background-clip: padding-box; /* content-box; */
	background-color:#eefafe;
	padding: 5px;
	margin: 4px;
	border-radius: 4px;
	border: 1px solid #ffffff;
	box-shadow: inset 0 0 2px rgb(0 0 0 / 8%), inset 0 2px 4px rgb(0 0 0 / 6%);
}

.tovar_container_border {
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.text_description {
	color: #828282;
	font-size: 14px;
	font-weight: normal;
}

.views {
    height: 11px;
	width: 17px;
    color: #828282;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 10' style='enable-background:new 0 0 14 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7,10c-4.2,0-7-4-7-5s2.8-5,7-5s7,4,7,5S11.2,10,7,10z M7,8.5c1.9,0,3.5-1.6,3.5-3.5S8.9,1.5,7,1.5 S3.5,3.1,3.5,5S5.1,8.5,7,8.5z M7,6.6C6.1,6.6,5.4,5.9,5.4,5S6.1,3.4,7,3.4S8.6,4.1,8.6,5S7.9,6.6,7,6.6z'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.hidden_view {
	height: 11px;
	width: 17px;
	color: #828282;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 14 10' style='enable-background:new 0 0 14 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;%7D .st1%7Bfill:%23828282;stroke:%23828282;stroke-width:1.5;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M7,10c-4.2,0-7-4-7-5s2.8-5,7-5s7,4,7,5S11.2,10,7,10z M7,8.5c1.9,0,3.5-1.6,3.5-3.5S8.9,1.5,7,1.5 S3.5,3.1,3.5,5S5.1,8.5,7,8.5z M7,6.6C6.1,6.6,5.4,5.9,5.4,5S6.1,3.4,7,3.4S8.6,4.1,8.6,5S7.9,6.6,7,6.6z'/%3E%3Cline class='st1' x1='0' y1='10' x2='14' y2='0'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.pinned {
	height: 17px;
	width: 17px;
	color: #828282;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23828282;stroke:%23828282;stroke-width:20;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M355.8,19.9c-11-11-28.9-11-40,0v0c-24.1,24.1-27.7,61.2-10.8,89.2c0,0,0,0.1,0,0.1l-104,70.2c0,0-0.1,0-0.1,0 l-1.8-1.8c-39.8-39.8-104.3-39.8-144,0l0,0c-5.7,5.7-5.7,14.9,0,20.6l118.9,118.9c0,0,0,0.1,0,0.1L15.9,475.5 c-5.6,5.6-5.6,14.7,0,20.4l0,0c5.7,5.7,15,5.7,20.8,0l158-158c0,0,0.1,0,0.1,0l119,119c5.7,5.7,14.8,5.7,20.5,0l0,0 c39.8-39.8,39.8-104.3,0-144.2l-1.7-1.7c0,0,0-0.1,0-0.1l70.2-104c0,0,0.1,0,0.1,0c28,17,65,13.4,89.2-10.8v0c11-11,11-28.9,0-40 L355.8,19.9z M322.9,424.8L87.2,189.1c0,0,0-0.1,0-0.1c28.2-18.6,66.7-15.5,91.5,9.3l135.1,135.1c24.8,24.8,27.9,63.3,9.3,91.5 C323,424.9,323,424.9,322.9,424.8z M311.5,290L222,200.5c0,0,0-0.1,0-0.1l102.2-69c0,0,0.1,0,0.1,0l56.3,56.3c0,0,0,0.1,0,0.1 l-69,102.2C311.6,290,311.5,290,311.5,290z M409.8,175.6l-73.4-73.4c-13.4-13.4-6.5-43.1,1.1-59.3c0-0.1,0.1-0.1,0.1,0l131.4,131.4 c0,0,0,0.1,0,0.1C452.9,182.1,423.2,189,409.8,175.6L409.8,175.6z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.archived {
	height: 17px;
	width: 17px;
	color: #828282;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 1920 1920' style='enable-background:new 0 0 1920 1920;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%23828282;stroke-miterlimit:10;%7D .st1%7Bfill:none;stroke:%23828282;stroke-width:100;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath id='Layer_7' class='st0' d='M1607.8,217.4c-3.1-0.3-6.2-0.4-9.4-0.4H530.7h4.8c0.5,0,0.9,0,1.4,0.1c0.4,0,0.8,0,1.1,0.1 c0.5,0,1.1,0.1,1.6,0.1c0.3,0,0.5,0.1,0.8,0.1c0.7,0.1,1.3,0.1,2,0.2h0.4c0.8,0.1,1.5,0.2,2.2,0.3c1.5,0.2,3,0.4,4.4,0.7 c41.9,7.6,75.1,40.1,83.6,81.7c0.2,0.7,0.3,1.5,0.4,2.2c0.3,1.5,0.5,2.9,0.7,4.4c0.1,0.7,0.2,1.5,0.3,2.2v0.4c0.1,0.7,0.1,1.3,0.2,2 c0,0.3,0.1,0.6,0.1,0.8c0,0.5,0.1,1.1,0.1,1.7c0,0.4,0,0.8,0.1,1.1c0,0.5,0,0.9,0.1,1.4c0,0.4,0,0.9,0.1,1.3v3.5 c0,41.8-24.5,77.8-59.9,94.6c-4.8,2.3-3.2,9.6,2.2,9.6h1030.3c53.4-4.7,95.2-49.5,95.2-104.2C1703,266.9,1661.2,222.1,1607.8,217.4 L1607.8,217.4z'/%3E%3Cpath id='Layer_8_2_' class='st0' d='M531.6,217.2c-58.1-0.4-105.3,46.6-105.3,104.6v1277c0,57.8-46.8,104.6-104.6,104.6h1067.8 c57.8,0,104.6-46.8,104.6-104.6V425.7'/%3E%3Ccircle id='Layer_9' class='st0' cx='321.5' cy='1598.5' r='104.6'/%3E%3Cg id='STROKES'%3E%3Ccircle class='st1' cx='321.5' cy='1598.5' r='104.6'/%3E%3Cpath class='st1' d='M1607.8,425.7c-3.1,0.3-6.2,0.4-9.3,0.4s-6.2-0.1-9.3-0.4H1607.8L1607.8,425.7z'/%3E%3Cpath class='st1' d='M1493.9,425.7v1172.8c0,57.8-46.8,104.6-104.6,104.6H321.5c57.8,0,104.6-46.8,104.6-104.6v-1277'/%3E%3Cpath class='st1' d='M426.1,321.5c0-58.2,47.6-105.4,106.1-104.6c56.2,0.8,102.1,46.5,103.1,102.8'/%3E%3Cpath class='st1' d='M1703,321.5c0,54.6-41.8,99.4-95.2,104.2H577.5c-5.4,0-7-7.3-2.2-9.6c35.4-16.8,59.9-52.8,59.9-94.6 c0-57.8-46.8-104.6-104.6-104.6h1067.8c3.1,0,6.3,0.1,9.4,0.4C1661.2,222.1,1703,266.9,1703,321.5L1703,321.5z'/%3E%3Cpath class='st1' d='M1607.8,217v0.4c-3.1-0.3-6.2-0.4-9.4-0.4H1607.8z'/%3E%3Cpath class='st1' d='M321.5,1598.5'/%3E%3Cpath class='st1' d='M426.1,1598.5'/%3E%3C/g%3E%3C/svg%3E") no-repeat center/contain;
}

.star {
	height: 17px;
	width: 17px;
	color: #828282;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 525.2 525.2' style='enable-background:new 0 0 525.2 525.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23828282;stroke-width:50;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M262.6,387.7L386,462.2l-32.7-140.3l109-94.4l-143.5-12.2L262.6,82.9l-56.1,132.3L62.9,227.4l109,94.4 l-32.7,140.3L262.6,387.7z'/%3E%3C/g%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.download {
	height: 17px;
	width: 17px;
	color: #828282;
	background: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg version='1.1' id='Слой_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;%7D%0A%3C/style%3E%3Cpath class='st0' d='M19,9h-4V3H9v6H5l7,7L19,9z M5,18v2h14v-2H5z'/%3E%3C/svg%3E%0A") no-repeat center/contain;
}

.pictures {
  -webkit-column-count: 4;
  -moz-column-count: 4;
  column-count: 4;
  -webkit-column-gap: 1em;
  -moz-column-gap: 1em;
  column-gap: 1em;
  margin-bottom: -1em;
}

.a_large {
  display: inline-block;
}

.img_large {
  display: block;
  width: 100%;
  height: 100px;
  object-fit: cover;
  margin-bottom: 1em;
}

.full {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 8%;
  background: #CCC center no-repeat;
  background: rgba(0, 0, 0, 0.5) center no-repeat;
  background-size: contain;
  background-origin: content-box;
  z-index: 1;
}

.full:target {
  display: block;
}

.fff {
  margin: 0;
  padding: 0;
}

.body_scroll {
  height: 100vh;
  display: flex;
  align-items: center;
}

.div_scroll {
  width: 100%;
  display: grid;
  grid-gap: 0rem;
  grid-template-columns: 30px 1fr 30px;
  grid-template-rows: 100px;
  height: 100px;
}

.ul_scroll {
  width: 100%;
  display: grid;
  grid-gap: 0.1rem;
  grid-template-columns: repeat(20, 150px);
  list-style: none;
  overflow: hidden;
  scroll-snap-type: x mandatory;
  margin: 0;
  padding: 0;
}

.li_scroll {
  background-color: #eefafe;
  scroll-snap-align: center;
}

.button_scroll {
  background-color: #000000;
  border: none;
  cursor: pointer;
  width: 30px;
}

#left {
  clip-path: polygon(80% 25%, 0 50%, 80% 75%);
}

#right {
  clip-path: polygon(20% 25%, 100% 50%, 20% 75%);
}

a:focus + .full {
  display: block;
}

.command_name {
	color: #000000;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}

.command_parameter_1 {
	color: #000000;
	font-size: 15px;
	text-decoration: none;
}

.command_parameter_2 {
	color: #828282;
	font-size: 15px; 
	text-decoration: none;
}

.command_parameter_3 {
	color: #ff0000;
	font-size: 14px;
	text-decoration: none;
}

.command_parameter_b{
	font-weight: bold;
}

/* https://html5book.ru/css3-flexbox/ CSS3-flexbox 
   https://html5book.ru/styling-hyperlinks/ css links
   https://icon-icons.com/ru/ сайт по иконкам
   https://yoksel.github.io/url-encoder/
*/