@font-face {
    font-family: 'geometriaheavy';
    src: url('fonts/geometria-heavy-webfont.eot');
    src: url('fonts/geometria-heavy-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/geometria-heavy-webfont.woff2') format('woff2'),
         url('fonts/geometria-heavy-webfont.woff') format('woff'),
         url('fonts/geometria-heavy-webfont.ttf') format('truetype'),
         url('fonts/geometria-heavy-webfont.svg#geometriaheavy') format('svg');
    font-weight: 100;
    font-style: normal;

}
@font-face {
    font-family: 'geometriaheavy_italic';
    src: url('fonts/geometria-heavyitalic-webfont.woff2') format('woff2'),
	url('fonts/geometria-heavyitalic.ttf') format('truetype'),
         url('fonts/geometria-heavyitalic-webfont.woff') format('woff');
    font-weight: 100;
    font-style: italic;

}

html{
	/*overflow-y: scroll;*/
	height: 100vh;
	/*width: 100vw;*/
	min-height : 100%;
	width:100%;
	/*left:0;
	right:0;*/
	padding: 0 0;
	margin: 0 0;
}

body {
	height: 100vh;
	min-height : 100%;
	min-height : 100vh;
	width:100%;
	padding: 0 0;
	margin: 0 0;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-style: normal;
	font-weight:normal;
	color: #555;
	box-sizing: border-box;
}
.ff_Tah{
	font-family: Tahoma,Bookman,sans-serif;
}
.ff_Book{
	font-family: Bookman,Verdana,sans-serif;
}
.ff_Verd{
	font-family: Verdana,Bookman,sans-serif;
}	
.ff_Cour{
	font-family: Courier,sans-serif;
}

body {
  --main-bg-color: #4B70E4; /* 75 112 228*/
  --color-light: #dce3f9;
  --color-light: #dce3f9;
  --color-a: #4B70E4;
  --ff-bolder: 'geometriaheavy';
  /*
  rgb(75, 112, 228);
  rgb(29%, 44%, 89%);
  rgba(75, 112, 228, 1);
  */
  --bg-color-lighter: #9CB1F0;
  
	min-height: 100vh;
	/*flex: 1 0 auto;*/
}

main{
	/*flex: 1 0 auto;*/
	margin: auto auto;
	padding:0 0.5em;
	box-sizing: border-box;
}
footer{
	flex: 0 0 auto;
	margin:0;
	padding:0;
	box-sizing: border-box;
}

*{
  box-sizing: border-box;
}

.fontHeavy{
	font-family: geometriaheavy;
	color: --main-bg-color;
}

* a{
	color : #339966;
	font-weight: 500;
}
/*a:hover {
  border-bottom: 1px solid;
  background: #CDFEAA;
}*/
.decor_none
{
	text-decoration:none;
}
.a_list{
	font-family: Bookman,sans-serif;
	text-decoration: none;
	color : var(--color-a);
	/* sans-serif serif monospace cursive fantasy */
	font-weight: normal;
}
.a_listBlock2{
	font-family: Tahoma,sans-serif;
	text-decoration: none;
	color : var(--color-a);
	font-weight: normal;
}

html,body{
	font-size : 14px;
	color: #777;
}
textarea{
	/*font-size : 14px;*/	
	padding:0.5em;
	margin:0.3em;
	box-sizing: border-box;	
	border:thin solid #EEE;
	color: #444;
	border-radius:0.4em;
}

label{
	/*font-size : 80%;*/
	padding:0.2em;
	margin:0.3em;
	box-sizing: border-box;	
	/*border:thin solid #EEE;*/
	color: #444;
	border-radius:0.4em;
}
input,textarea{
	font-size:inherit;
}

input[type=text],input[type=email],input[type=password]{
	padding:0.5em;
	margin:0.3em;
	box-sizing: border-box;	
	border:thin solid #EEE;
	color: #444;
	border-radius:0.2em;	
}

input[type=radio]{
	box-shadow: 0 0 3px rgba(0,0,0,0.5);
	margin-right:0.5em;
}

label{
	display: flex;
	flex-direction:row;
	/*justify-content:center;*/
	align-items:center;
	/*background-color: #dce3f9;*/
}
label:hover{
	background-color: #B3C3F9;
}

img{
	margin: auto auto;
}

button{
	margin: 0 0.5em;
	/*max-height: 2em;*/
	/*opacity:1;*/
	padding:1em 1em; 
	box-sizing: border-box;	
	border-radius:0.3em;
	border: thin solid transparent;
	/*background: transparent;*/	
}

button:hover{
	cursor: pointer;
	border: thin solid #777;
}

#topRightBtnBar{
	/*max-height:2em;*/
	margin:0.2em 0 0.2em 0.5em;
}

input[type=text],textarea{
	font-family: serif;
	/*font-size : 14px;*/
	font-weight:bolder;
}

video{
	width:100%; 
}

p{
	max-width : 45em;
	word-wrap: break-word;
	/*word-break: break-word;*/
	/*white-space: pre-wrap;*/
	hyphens: auto;
	overflow-wrap: anywhere;
	margin: 0 0;
	font-weight:normal;
	text-align:left;
	padding:0.5em 0;
}

.miniImg{
	max-height:2em;
	padding: 0 0;
	aspect-ratio: 1/1;
}

h1{
	text-align:center;
	/*padding: 1em 1em 0.5em 1em;*/
	margin: 2em auto 1em auto;
	font-size: 150%;
	font-family: geometriaheavy,Verdana,Arial,sans-serif;;
	font-weight: 100;
	max-width : 34em;
	color: #9aaff0;
}

h2{
	text-align: center;
	margin: auto auto;
	padding: 1em 1em;
	font-weight: 100; 
	font-family: geometriaheavy,Verdana,Arial,sans-serif;
	max-width : 33em;
	color: #9aaff0; /*#6578c7;*/ 
	font-size: 125%;
}

a#loginBtn {
  background-image: url(/_img_/icon/login.svg);
  display: block;
  width: 2em;
  height: 2em;
}

h3{
	margin: auto auto;
	padding: 1em 1em;
	font-family: geometriaheavy,Verdana,Tahoma,sans-serif;
	font-size: 100%;
	color: #9aaff0;
	font-weight: 100;
	text-align:center;
}

h4{
	margin: auto auto;
	padding: 0.2em 0.2em;
	font-family: geometriaheavy;
	font-family: Verdana,Tahoma,Arial,sans-serif;
	font-size: 100%;
	color: #3d5bb8;
	font-weight: 100;
}

.fileRef{
	font-size:120%;
	font-family: Tahoma,sans-serif;
}



ul{
	max-width : 40em;
	margin-left: 0px;
	padding-inline-start: 0;

}

ul,li{
	word-wrap: break-word;
	hyphens: auto;
	/*font-style : oblique;*/
	color: #998;
	/*font-weight:200;*/
	/*line-height : 110%;*/
}

li{
	display: list-item;
	list-style: disc inside;
	max-width:45em;
	margin-left : 1em;
	margin-right : auto;
	
}
li::marker {
  color: #2e9aff;
}

.socialBlock{
	display : flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	align-content: stretch;	
	margin:3em 1em;
}
.socialBlock a{
	target:_blanck;
}

.socialBlock img{
	width:3em;
	height:3em;
	margin-right:2em;
}
	
#footerNav {
	color: white;
}


#footerNav li{
	list-style-type: none;
	margin-left:0px;
	font-weight:300;
	padding: 0 0;
	font-style: normal;	
}

#footerNav ul div a{
	font-weight:normal;
}

#footerNav li a{
	font-weight:200;
}

* select{
	padding: 5px 5px;
	border: lightgray thin solid;
	
}
option{
	font-weight: 900;
}
.optionDisable{
	color : gray;
	font-style:italic;
}
select > option:disabled{ 
	color:gray ;/*royalblue;*/
	font-style:italic;
}
option[selected]{
	color:var(--main-bg-color);/*royalblue;*/
}
select:invalid:not(:focus) {
  color: gray;
}
select:invalid:focus {
  color: transparent;
}
select:focus option {
  color: initial;
}
#contentDataSheet{
	max-width : 38em;
	overflow-x: auto;
}
#contentDataSheet td{
	padding : 0.5em;
}
table thead,tfoot{
	background-color : #777;
	color :white;
	margin:0;
	padding:0.3em 0.5em;
	border-image-width: 0;
	/*border :0;*/
}
table tbody{
	
}


td{
	padding: 0.4em 0.4em;
	max-width : 25em;
}

td[colspan]:not([colspan="1"])
{
    text-align: center;
	font-weight: bolder;
	padding: 0.5em 0.5em;
}

th{
	padding: 0.5em;
	background-color: var(--color-light2);
}

.w100{
	width: 100%;
}
.mw100{
	max-width: 100%;
}
.mw95{
	max-width: 95%;
}
.w70{
	width: 70%;
}

.mw35em
{
	max-width:35em;
}
.mw45em
{
	max-width:45em;
}

.w35em
{
	width:35em;
}
.mw15em
{
	max-width:35em;
}
.square100{
	width: 100px;
	max-height: 100px;
}

.square150{
	max-width: 150px;
	max-height: 150px;
}

.square250{
	width : 250px;
	max-height : 250px;
}
.square400{
	width : 400px;
	max-height : 400px;
}
.nonSquare_mw250{
	max-width : 250px;
	height : auto;
}
.nonSquare_mw150{
	max-width : 150px;
	height : auto;
}

.h100{
	height : 100%;
}

.p0{
	padding : 0 0;
}

.p05{
	padding : 0.5em 0.5em;
}
.p1{
	padding : 1em 1em;
}
.p05vert{
	padding : 0.5em 0;
}
.p05hor{
	padding : 0 0.5em;
}
.p1h{
	padding : 0 1em;
}

.tdn{
	text-decoration: none;
}

.ml0{
	margin-left : 0;
}
.mr0{
	margin-right : 0;
}
.m0h{
	margin-right : 0;
	margin-left : 0;
}
.mla{
	margin-left: auto;
}
.mra{
	margin-right: auto;
}

.m0{
	margin : 0 0;
}
.m05{
	margin : 0.5em 0.5em;
}
.m1{
	margin : 1em 1em;
}
.m1v{
	margin : 1em 0;
}

.cw{
	color:white;
}
.oxa{
	overflow-x:auto;
}
.ma{
	margin-left: auto;
	margin-right: auto;
}

.m0r{
	margin-right:0;
}

.center{
	margin : 0 auto;
}
.cursive{
	font-style : oblique;
}
.txtCent{
	text-align:center;
}
.txtLeft{
	text-align:left;
}
.lh15{
	 line-height: 150%;
}
.not_saled{
	background-color:gray;
}

.ul2{
	margin-left: 1em;
}
.unvisible{
	display:none;
}
.visible{
	display:flex;
}
.hidden{
	visibility : hidden;
}

.br02{
	border-radius : 0.2em;
}
.br05{
	border-radius : 0.5em;
}


.whiteOnGreen{
	background-color: #509b7f;
	background: #509b7f; /* ie */
	color : white;
	color : rgb(255 , 255 , 255); /* ie */
}

.whiteOnBlue{
	background-color: var(--main-bg-color);
	background: rgb(75 , 112 , 228); /* ie */
	color : white;
	color : rgb(255 , 255 , 255); /* ie */
}
.blueOnWhite{
	color : var(--main-bg-color);/*royalblue;*/
	color : rgb(75 , 112 , 228); /* ie */
	background-color: white;
	background: rgb(255 , 255 , 255); /* ie */
}


.blackOnSky{
	color:#222;
	background-color: #B3C3F9;/*var(--color-light);*/
	font-style:bolder;
	font-family:serif;
}
.whiteOnGray{
	background: #777;
	color:white;
}
.grayOnWhite{
	background-color: white;
	color:gray;
}
.grayOnGray{
	background-color: #EEE;
	color:#777;	
}
.colorError{
	color:red;
}

.tdu{
	text-decoration: underLine;
}
.tdun{
	text-decoration:none;
}
.clip{
	white-space: nowrap;
	overflow: hidden; 
	text-overflow: ellipsis;
	max-width:15em;
}
.fs120{
	font-size : 120%;
}
.fs80{
	font-size : 80%;
}
.fs60{
	font-size : 60%;
}
.fw500{
	font-weight: 500;
}
.b700{
	font-weight:700;
}
.b900{
	font-weight:900;
}


.lbl2:hover{
	background: none;
}
.hrefDiv{
	cursor: pointer;
}
.bord0{
	border: #FFF thin solid;
}
.border{
	border-style: solid;
	border-width: thin;
}
.border0{
	border:none;
}
.bcEEE{
	border-color:#EEE;
}

.bcRed{
	border-color:red;
}
.listBlock2{
	max-width:35em;
}

.headerLogo{
	background : url('/_img_/icon/svg/sova-white.svg') no-repeat;
	background-size: contain;
	background-position: center;
	padding: 1.5em;
	/*min-width : 70px;*/
}

.hoverBlue:hover{
	background-color: cornflowerblue;
}
.hover1:hover{
	cursor: pointer;
	background-color: cornflowerblue;
	/*border-bottom: white thin solid;*/
}
.hover1:hover > * {
	cursor: pointer;
}

#loginIconBtn{
	margin:0 0;
	padding:0 0;
	background-color:transparent;
}

.loginIconImg,.sandwichImg{
	width:2em;
}


.grd2auto{
	display: inline-grid;
	grid-template-columns: auto auto;
}
.grd2min{
	display: grid;
	grid-template-columns: min-content min-content;
}
.itmsVC{
	align-items: center;
}
.itmsVT{
	align-items: start;
}
.itmsVB{
	align-items: end;
}
.itmsHC{
	justify-items: center;
}
.itmsHL{
	justify-items: start;
}
.itmsHR{
	justify-items: end;
}

.grd3min{
	display: grid;
	grid-template-columns: min-content min-content min-content;
}

.grd1_2min{
	display: grid;
	grid-template-columns: min-content min-content;
}	
.grd1_2min > *:nth-child(3n+1) {
  grid-column: span 2; 
  margin-bottom:0;
  padding:0;
  text-align:center;
}



.grGap05{
	grid-gap:0.5em;
}


#loginMenu{
	display:none;
	position:absolute;
	/*right:300;*/
	/*z-index: 111111;*/
	/*background-color:#FFF;*/
	background: #FFFFFF;
	/*background:rgba(255,255,255,1.0);*/
	padding: 1em 0.5em;
	/*opacity:1;*/
	border-radius:0.2em;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	font-size:150%;
	right:2em;
}

.shadow{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
}

.sandwichBar{
	display:none;
	padding: 0 0.5em;
}

form{
	/*margin: auto auto;
	никогда не делай margin >0 т.к. на мал размерах и w100 родителя форма уезжает вправо*/
	/*padding:1em 1em; также никогда не делай padding >0 , только у родителя выставляем для потомка формы*/
	margin: 0;
	padding:1em;
	box-sizing:border-box;
}
.loginForm{
	background-color:#EEE;
	border-radius:0.5em;
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	display:flex;
	flex-direction:column;
	align-items: center;
	align-content: center;
}


.loginFormBtn{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	border-radius:0.5em;
	background-color :var(--color-light);
}

.loginFormBtn:hover{
	background-color :var(--color-light2);
}

/* TopHeader*/
.pathEl{
	font-size : 70%;
	padding: 0 0.3em;
}
.pathEl:hover{
	cursor: pointer;
	border-bottom: #4B70E4 thin solid;
}
.pathEl_a{
	font-family: serif;
	text-decoration:none;
	color : #999; 
}

.hoverElement{
	border: #fff thin solid ;
}
.hoverElement:hover{
	border: #ddd thin solid ;
	cursor:pointer;
}

#sideBarLeft{
	visibility : hidden;
	/*min-height:100%;*/
	width :100%;
	position : fixed;
	background-color: var(--main-bg-color);
	left: -80%;
	top:0;
	padding:1em 1em;
	overflow-y : auto;
	z-index: 1111;
}

.flRow{
	display:inline-block;
}

#contentText{ /* this set width for all children*/
	width:45em;
	overflow-x:auto;
	padding: 0.5em 0.5em;
	margin: auto auto;
}


pre{
	width:100%;
	padding: 2em 0;
}

code{
	border-radius:1em;
	font-size:80%;
	padding: 1em 0;
}
code strong{
	/*font-weight : bold;*/
}


.disable{
	opacity : 0.5;
}
.cl_noIndex{
	background-color:yellow;
}

.listElementDivvCatsAside{
	display: table-cell;/*inline-block;*/
	border: white 1px solid;
}
.listElementDivvCatsAside{
	width:15em;
	border: white 1px solid;
}


.headerLogo:hover,.menuTopItem:hover{
	cursor: pointer ;
	background-color: cornflowerblue;
 }
.bgcEEE{
	background-color:#EEE;
}

.bgcAAA{
	background:#aaa;
}


/* стрелки */

.btnLeft,.btnLeft0,.btnRight{
	border : 1px solid transparent;
	border-radius:10px;
	display:flex;
	flex-direction:column;
	width: 20px;
	height:20px;
	justify-content:center;
	align-items:center;
	background-color: var(--color-light);
	padding: 1em 1em;
}
.btnLeft:hover, .btnLeft0:hover, .btnRight:hover{
	border : 1px solid gray;
	background-color : #B3C3F9;
}

.toNumber{
	font-weight: 900;
	font-size: 1em;
	color: var(--main-bg-color);/*royalblue;*/
}
.disableRow{
	opacity: 0.2;
}
/* стрелки */


.ruble-img{
	height : 0.7em;
}

.listImg{
	width:100px;
	height:100px;
}
#flexEnable,#gridEnable,#jsEnabled{
	text-decoration:line-through;
}

.listElementDivv{
	width : 150px;
	padding:  5px;
	float:left; 
	max-width:20em; 
}	

#prevDiv,#viewNumber{
	float:left; /* ie*/
}

#searchBar{
	max-width:6em;
}
.search{
  border: 1px solid #ccc;
  /*display: inline-block;*/
  border-radius: 3px;
  /*font-size: 20px;*/
}
.searchedDiv{
	word-wrap: break-word;
	hyphens: auto;
	overflow-x: auto;
	width:100%;
	max-width: 35em;
}

/*[type='search']{
  border: none;
  outline: none;
}*/

details summary:hover{
  cursor: pointer;
}

/*details[open] summary {*/

details *{
}

details{
  margin: 1em 1em;
  width:100%;
  max-width: 40em
}

details[open] summary::-moz-list-bullet{list-style-type: "-"; }


details summary{
  list-style-type: "+";
  font-weight: bolder;
}

details[open]{
	border: thin solid #eee;
	border-radius:0.3em;
}

details[open] summary{
  list-style-type: "-";
  margin-left: 0;
}


@supports not (display: flex)
{
	/* ie не работает */
}

@supports (display: flex)
{
	#flexEnable{
		text-decoration:none;
	}
	html,body{
		min-height:100%;
	}
	.body_wrapper{
		display: flex;
		flex-direction: column;
		width:100%;
		justify-content: space-between;
		/*align-content: space-between;*/
		align-items: center;
		background-color: white;
		min-height:100%;
		height:100%;
		padding: 0 0;
		margin: 0 0;
		bottom: 0;
		/*top: 0;
		left: 0;
		right: 0;
		bottom: 0;*/
		/*flex-shrink: 0;*/
	}

	header{
		top:0;
		margin:0 0;
		/*padding:0.3em 0.3em;*/
		display : flex;
		flex-direction: row;
		background-color: var(--main-bg-color);
		background: rgb(75 , 112 , 228); /* ie */
		justify-content: space-between;
		color: white;
		position: sticky;
		/*height:3em;*/
	}
	
	#footerNav {
		display : flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-around;
		align-items: stretch;
		align-content: stretch;
	}
	.lkMaket{
		display: grid;
		/*grid-template-columns: minmax(min-content, 1fr) auto;*/
		grid-template-columns: 1fr 1fr;
	}
	
	.flCol{
		display : flex;
		flex-direction:column;
	}
	.flCent{
		justify-content: center;
	}
	.flRow{
		display : flex;
		flex-direction:row;
	}

	.flWrap{
		flex-wrap: wrap;
	}
	.flNoWrap{
		flex-wrap: nowrap;
	}	
	.flStart{
		justify-content: flex-start;
	}
	.flSpBtw{
		justify-content: space-between;
	}
	
	.flSpAr{
		justify-content:space-around;
	}
	.flGap1{
		gap: 1em;
	}
	.flGap05{
		gap: 1em;
	}
	
	.fl2Stretch{
		align-items: stretch;
	}
	.fl2Start{
		align-items: flex-start;
	}
	.fl2End{
		align-items: flex-end;
	}
	.fl2Cent{
		align-items: center;
	}
	

	.articlesList{
		display : flex;
		flex-direction : row;
		justify-content: center;
		flex-wrap:wrap;
		/*padding:2em; нельзя*/
		max-width: 50em;
	}
	.goodsList{
		display : flex;
		flex-direction : row;
		justify-content: center;
		flex-wrap:wrap;
	}


	.div1:nth-child(3n+1) {
	  background: pink;
		/*grid-column: span 2;*/
		grid-row: span 3;
	}

	.mainfilterForm{
		width : 100%;
		/*height:100%;*/
		/*min-height:80%;*/
		display: flex;
		flex-direction: column;
		justify-content:center;
		align-items:center;
		/*margin : auto;*/
	}
	#listBlock1ElementsAndBtns{
		min-height: 250px;
	}
	.listElementDivv{
		display: flex;
		flex-direction: column;
		margin: 0;
		padding: 5px;
		border: white 1px solid;
		align-items: center;
		align-items: center;
	}

	.contentArticuls {
		display: flex;
		flex-direction:column;
		flex-wrap: nowrap;
		align-items: center;
		align-items: stretch;
		justify-content:  space-between;
		font-size : 80%;
	}

	#parChoice{
		padding : 1em 0;
		display : flex;
		flex-direction:column;
		justify-content: flex-start;
		align-content: flex-start;
		align-items: flex-start;
	}	
	.label{
		display:flex;
		flex-direction:row;
		flex-wrap: nowrap;
		/*justify-items: left;*/
		align-items: center;
		/*align-content: center;*/
		justify-content:  space-between;
		/*margin: auto 0;*/
		width: 100%;
	}	
	#hiddenVen{
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;		
		/*margin : auto;*/
	}
	
    dl{ /* this is xx_____yy*/
		width: 100%;	
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		margin: 0 0 10px 0;	  
    }
	dl dt {
		width: 40%;
		margin: 0 0 8px 0;
		padding: 0;
		display: flex;	
		box-sizing: border-box;
		align-items: flex-end;
		position: relative;
		word-break: break-word;
		color: #808d9a;   
	}
	
	dl dt:before {
		content: "";
		display: block;
		width: 100%;	
		position: absolute;   
		left: 0;
		bottom: .2em;
		border-bottom: 1px dotted #d6dbe0;
	}
	dl dt span {
		padding-right: 5px;
		background: #fff;
		position: relative;
	}
	dl dd {
		width: 60%;
		display: flex;	
		box-sizing: border-box;
		align-items: flex-end;    
		margin: 0 0 8px 0;
		padding: 0 0 0 5px;
		word-break: break-word;
	}	
}

@supports (display: grid) { 

	#gridEnable{
		text-decoration:none;
	}
	
	.grd2{ /* 2 ровные колонки */
		display : grid;
		grid-template-columns: 1fr auto;
		align-items: center;
		justify-items : start;
		justify-self: start;
	}
	.grdGap05{
		grid-gap:0.5em;
	}	
	
	.grid1{
		display : grid;
		grid-template-columns: repeat( auto-fill, minmax(200px, 1fr));
		grid-auto-rows: minmax(50px, auto); 
		grid-gap:10px;
		/*width:100%;*/
		/*justify-content: center;
		align-items:center;*/
	}
	.g_jsCent{
		justify-self: center;
	}
	.g_jsStart{
		justify-self: flex-start;
	}
	.g_asCent{
		align-self: center;
	}
	.g_asStart{
		align-self: flex-start;
	}
	.grid2{
		display : grid;
		grid-template-columns: repeat( auto-fit, minmax(360px, 1fr));
		/*grid-auto-columns: 1fr;*/
		/*grid-column-start: 2;*/
		/*grid-auto-flow: row;*/
		grid-auto-rows: minmax(200px, 1fr);
		grid-gap:4em;
		/*justify-self: center;
		align-self:center;*/
		/*justify-content: center;
		justify-items: center;
		align-content: center;
		align-items:flex-start;*/
		/*align-items:center;*/
		/*width:100%;*/
		
	}

	.gc25em{
		grid-template-columns: repeat( auto-fill, minmax(25em, 1fr));
	}
	.gc15em{
		grid-template-columns: repeat( auto-fill, minmax(15em, 1fr));
	}
	.gr15em{
		grid-auto-rows: minmax(15em, auto); 
	}
	.gr1em{
		grid-auto-rows: minmax(1em, auto); 
	}
	.grid3{
		display : grid;
	}


	#listBlock1{
		width : 100%;
		/*height : 100%;*/
		display: grid;
		grid-template-columns: 65%  auto;
		grid-gap: 1em;
	}
	
	/* важно отличать articlesList от goodsList*/
	
	.articlesList{
		display : grid;
		/*grid-template-rows: repeat(2,1fr);*/
		grid-template-columns: 200px 200px 200px 200px;
		grid-column-gap: 6em; 
		margin:0 0;
		grid-row-gap: 0;
		/*height:500px;*/
		/*resize: none;*/
		/*padding:1em;*/
		/*flex-shrink: 0;*/
		/*min-width: 500px;*/
		/*grid-auto-flow:column;*/
	}
	/*.articlesList > *:nth-child(4n+1) {
	  margin-bottom:0;
	  padding:0;
	}*/
	/*.row-2 {
	  background: green;
	}*/

	#footerNav {
		display : grid;
		grid-template-columns: repeat( 4, 1fr) ;
		grid-column-gap: 1em;
		grid-row-gap: 0.5em;
		padding: 1em;
	}

	.listElementDivv{
		/*display: flex;*/
		/*grid-template-columns: 1fr;*/
		/*grid-template-rows: 50%  50%;*/
		/*grid-gap: 0.5em;*/
		/*padding:  5px;*/
	}
	#hiddenVen{
		display: grid;
		grid-template-columns: repeat( 2, 1fr) ;
		grid-column-gap: 1em;
		grid-row-gap: 0.5em;
		text-align: left;
		/*margin: 0 auto;*/
		width:100%;
	}
	
	.filterElementDiv_js{
		display: grid;
		grid-template-columns: auto 1fr auto ;
		align-items: center;
	}	
	.listBlock2{
		display: grid;
		/*grid-template-areas: 
		"grImg grText1"
		"grText2 grText2";*/
		grid-template-columns: 150px auto;
		grid-gap:1em;
		/*align-items: center;*/
	}
	.grImg{
		display:flex;
		flex-direction:column;
		justify-content:center;
	}
	.grText1{
		display:flex;
		flex-direction:column;
		justify-content:center;
		padding: 1em;
	}
	.grText2{
		grid-column: span 2;
		padding: 1em 1em;
		border-radius:1em;
	}
	
	.contentArticuls2{
		display: grid;
		grid-template-columns: auto auto auto 1fr auto;
		justify-content:center;
		align-content:center;
		/*justify-items:flex-start;*/
		/*align-self:center;*/
		justify-self:center;
		grid-gap: 0.5em;
		border-radius:0.5em;
	}
	.label{
		display: grid;
		text-align: left;
		margin : auto;
		grid-template-columns: auto auto auto 1fr auto ;
	}
	.lkProgs{
		display: grid;
		grid-template-columns:  minmax(50px,2fr) 1fr auto auto  minmax(50px,2fr) minmax(50px,1fr);
		/*grid-template-columns:repeat(7, minmax(50px,80px));*/
		/*grid-template-columns: repeat( auto-fill, minmax(20px, 1fr));*/
		grid-auto-rows: minmax(50px, auto);
		grid-gap:1px;
		padding:0;
		margin:0;
		font-size:80%;
		max-width:80em;
	}
	.lkProgs div{
		background-color:#EEE;
		padding: 0.2em;
		display:flex;
		align-items:center;
	}
	.lkProgs div:nth-child(-n+6){
		background-color:#AAA;
		color:#FFF;
		justify-content:center;
	}
}

.label::before{
	width: 2em;
}
	
.contentArticuls input[type="radio"]:checked + label
{
	/*border : lightgray thin solid;*/
}

/*.label:hover {
  background-color: #838FB5;
}*/

.contentArticuls label:before{
	content: "";
	display: inline-block;

	width: 1.5em;
	height: 1.5em;
	background-repeat: no-repeat;
	background-size: contain;
	padding: 0 0 0 0px;
	background-image: url('/_img_/icon/circle_unselected.png');
	align-self:center;
}
.contentArticuls input[type="radio"]:checked + label:before
{
	background-image: url('/_img_/icon/circle_selected.png');	
}
/*-----------------------------------------*/


/* registration Form*/

.itemPara{
	display: flex;
	flex-direction:row;
	justify-content:center;
	margin: 0.5em;
}
.error{
	color: red;
}

#divPrices{
	display : flex;
	flex-direction: column;
	align-items: center;
}
#showArtuculusDiv{
	overflow-x: scroll;
}

#tblPrices{
	padding: 5px;
}
.tblCellGoodsImg{
	max-width : 40%;
	padding: 0.5em;
}
.tblCellGoodsText{
	/*width : 40%;*/
	max-width : 40%;
	padding: 0.5em;
}
.tblCellGoodsOption{
	max-width : 30%;
	padding: 0.5em;
}
.tblCellGoodsColor{

}
.tblCellGoodsPrice{
	max-width: 25%;
	text-align: right;
	padding: 0.5em;
}
.tblCellGoodsArt{
	padding: 0.5em;
	text-align: center;
}
.tblCellGoodsQuatity{
	text-align: center;
}

.price{
	display: flex;
	flex-direction:row;
	flex-wrap: nowrap;
	
	color: var(--main-bg-color);
	font-weight: 900;
	padding:0.3em;
	font-family:'Arial';
	justify-content: center;
	align-items: center;
	font-size:120%;
}

.btnX{
}

.isFounded{
	color : #cc6600;
	text-decoration: underLine;
}
.isFounded2{
	color : #3366ff;
	text-decoration: underLine;
}
.isFounded3{
	color : #6600ff;
	text-decoration: underLine;
}

.contentDownloads{
	margin:1em;
}


.popup{
	z-index: 10000;
	opacity:1;
	background-color:white;
	margin: auto auto;
}
.contentImgsBlock{
	display:flex;
	flex-direction: column;
	justify-content:center;
	align-items: center;
	border-radius:0.5em;
}
.img3{
	width: auto;
	max-width: 100%;
}
.blockImg3{
	width:100%;
	/*overflow-x:auto;*/
	/*display: flex;
	flex-direction:column;
	align-items:center;
	justify-content:flex-start;
	align-content: center;
	width : 95%;*/
	
}

.listImage{
}



.contentTinyImgs{
	display:flex;
	flex-direction: row;
	justify-content:center;
	margin-bottom :1em;
	height : 100px;
}

.tinyImg{
	width : 80px;
	height : 80px;
	opacity : 0.9; 
	margin :0 0.3em;
	padding: 0.2em;
	border : 1px #999 solid;
	border-radius: 0.1em;
}
#fixedPopupWrapper{
	position: fixed; 
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.5);
	z-index: 1050;
	opacity: 1;
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
}

.btnToBuy{
	background-color: var(--main-bg-color);/*royalblue;*/
}

.mainfilterForm > button,input{
	/*font-size : 70%;*/
}

.topfilterDiv{
	margin: 0 auto;
}

#filters_Block{
	/*width : 100%;*/
	/*min-width:419px;*/
	display: flex;
	flex-direction:column;
	justify-content : flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding: 2em;
}

#hiddenFiltersDivWrapper{
	display : none;	
	width: 100%;
	display: flex;
	flex-direction: column;
	/*flex-wrap: wrap;*/
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
#hiddenFiltersDiv{
	width: 100%;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
#hiddenFiltersSubmit{
	margin: 0 auto;
}
.topFilterSelect{
	
}
.aSideFilterSelect{
	
}

.underLine{
	border-bottom: 1px solid rgba(0,0,0,.12);
}


.filterDiv input[type=radio]:checked+label{
	font-weight:900;
}

input[type=radio]:checked+label{
}

/*input[type=radio]:hover,label:hover{
	cursor: pointer;
	background-color: #EEE;
}*/

.socialBlock img{
	width:2em;
}

#hiddenFilters{
	display:flex;
	flex-direction:column;
	justify-content: center ;
	align-content:  center;
}

.waitingWrapper{
	display :flex;
	flex-direction: column;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	background-color: white;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:fixed;
	z-index:11111;
	opacity:0.5;
	
}
.waiting{
	z-index:11112;
	opacity:1;
	display:flex;
	flex-direction:column;
	justify-content: center;
	align-content: center;
	font-size:200%;
	width: 15em;
	height: 15em;
	text-align:center;
}

@media screen and (max-width: 3000px) and (min-width: 2001px){
	body{
		font-size : 22px;
	}
}

@media screen and (max-width: 2000px) and (min-width: 1601px){
	body{
		font-size : 18px;
	}

}

@media screen and (max-width: 1600px) and (min-width: 1200px) {
	body{
		font-size : 16px;
	}
}

@media screen and (max-width: 1199px) and (min-width: 992px){
	body{
		font-size : 16px;
	}
}

@media screen and (max-width: 991px) {

	body{
		font-size : 16px;
	}
}

@media screen and (max-width: 767px) 
{
	body,input,button{
		/*font-size : 16px;*/
	}
	@supports (display: flex)
	{
		#listBlock1{
			width : 100%;
			display: flex;
			flex-direction: column;
		}
	}
	#topMenuBlock, #basketFrm{
		display : none;
	}
	.sandwichBar{
		display:block;
	}
	#contentText,#contentDataSheet{ 
		overflow-x:auto; 
		width: 100%;
	}
	
	.lkProgs{
		display: grid;
		/*grid-template-columns: minmax(min-content, 1fr) auto auto auto auto auto auto; */
		grid-template-columns: auto auto auto auto auto auto auto; 
		/*grid-template-columns: repeat( auto-fill, minmax(20px, 1fr));*/
		/*grid-auto-rows: minmax(50px, auto); */
		grid-gap:1px;
		padding: 0;
		margin:0;
		font-size:80%;
		width:100%;
		overflow-x:auto;
	}

}

@media screen and (max-width: 480px)
{
	body,input,button{
		font-size : 17px;
	}
	h1,h2,h3{
		padding: 0.2em;
	}
	
	.grd2min,.grd3min{
		display: grid;
		grid-template-columns: min-content;
	}
	
	.topMenuRight{
		display:none;
	}	
	#tblPrices{
		font-size: 70%;
	}
	.listBlock2{
		flex-direction:column;
	}
	.articlesList{
		/*grid-gap: 0em;*/
		grid-template-columns:150px 150px;		
	}
	@supports (display: grid) { 
		#footerNav{
			grid-template-columns: repeat( 1 , 1fr) ;
		}
	}

}

@media screen and (max-width: 400px) /* 400 Meizu*/
{
	.square400{
		width: 98%;
	}
	.contentArticuls2{
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content:space-between;
	}
	#showArtuculusList{
		display:flex;
		flex-direction:column;
		width:100%;
		overflow-x:scroll;
	}
	.articlesList{
		grid-column-gap: 1em; 	
		grid-row-gap: 1em; 
	}
	h1{
		padding: 0 1em;
		margin: auto 0;
	}	
	.searchedDiv{
		width:400px;
	}
}

@media screen and (max-width: 360px)
{
	body,input,button{
		font-size : 16px;
	}
	* select,option{
		max-width:200px;
	}
	

	.listElementDivvCatsAside{
		width: 45%;
	}
	.listElementDivv{
		width : 150px;
	}
	.listImage{
		width: 100px;
		height:100px;
	}
	h1,#header{
		padding:0.5em;
		margin:0;
		padding-right:2em;
	}
	.searchedDiv{
		max-width: 360px;
	}
	#h1_btn{
		display:none;
	}
}