.cardReviewsAboutContent {
	overflow: hidden;
	margin: 0 0 25px
}

.cardReviewsAboutCol {
	font-weight: 500;
	color: #121210;
	font-size: 13px;
	line-height: 22px;
	float: left;
	width: 42%;
	border-right: solid 2px #ececec;
	padding: 0 20px 0 0
}

.cardReviewsAboutCol+.cardReviewsAboutCol {
	float: right;
	text-align: right;
	width: 58%;
	padding: 0 0 0 40px
}

.cardReviewsHowTo {
	padding: 8px 0 0;
	border-top: solid 1px #cdcdcd;
	margin: 25px 0 0;
	overflow: hidden
}

.cardReviewsHowToContent {
	font-weight: 500;
	color: #121210;
	font-size: 0;
	line-height: 0;
	word-spacing: 0;
	letter-spacing: 0;
	margin: 0 -60px 0 0
}

.cardReviewsHowToCol {
	font-size: 13px;
	line-height: 22px;
	word-spacing: normal;
	letter-spacing: normal;
	display: inline-block;
	vertical-align: top;
	width: 33.3333%;
	padding: 0 60px 0 10px;
	position: relative
}

.cardReviewsHowToCol:after {
	position: absolute;
	left: 0;
	top: 8px;
	width: 4px;
	height: 4px;
	border-radius: 50%;
	background: #121210
}

.cardReviewsWrite {
	margin: 28px 0 0;
	position: relative
}

.cardReviewsWriteContent {
	margin: 30px 0 0;
	border: 2px solid #9b9b9b;
	padding: 100px 32px 32px;
	position: relative
}

.popup .cardReviewsWriteContent {
	padding: 60px 0 0;
	border: none
}

.cardReviewsWritePhotoFile input {
	display: none
}

.cardReviewsWritePhotoFileEl {
	padding: 5px 0 0
}

.cardReviewsWritePhotoFileElToggle {
	min-height: 34px;
	padding: 7px;
	line-height: 20px;
	text-align: center;
	background: #d4d4d4;
	border-radius: 4px;
	font-size: 13px;
	display: block;
	color: #111;
	text-transform: uppercase;
	font-weight: 400;
	font-family: pfdin, MuseoSans, sans-serif;
	cursor: pointer
}

.cardReviewsWritePhotoFileElName {
	margin: 30px 0 0;
	text-align: center;
	font-size: 11px;
	text-transform: uppercase;
	display: block;
	color: #5e5e5e;
	line-height: 14px
}

.cardReviewsWritePhoto,
.cardReviewsWriteSizes {
	width: 290px;
	display: inline-block;
	vertical-align: top
}

.cardReviewsWriteFormBoxTitle,
.cardReviewsWritePhotoTitle,
.cardReviewsWriteSizesTitle {
	color: #121210;
	line-height: 18px;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase
}

.cardReviewsWriteOptions {
	text-align: center
}

.cardReviewsWriteSizes {
	margin: 0 30px;
	text-align: left
}

.cardReviewsWriteSizesTitle {
	text-align: center;
	margin: 0 0 30px;
	position: relative
}

.cardReviewsWriteSizesTitle:before {
	position: absolute;
	top: 27px;
	left: 50%;
	margin: 0 0 0 -10px
}

.cardReviewsWritePhoto {
	margin: 0 30px;
	text-align: left
}

.cardReviewsWritePhotoTitle {
	text-align: center;
	margin: 0 0 30px;
	position: relative
}

.cardReviewsWritePhotoTitle:before {
	position: absolute;
	top: 27px;
	left: 50%;
	margin: 0 0 0 -10px
}

.cardReviewsWriteForm {
	clear: both;
	margin: 28px 0 0
}

.cardReviewsWriteFormSubmit {
	max-width: 290px;
	margin: 0 auto
}

.cardReviewsWriteFormClear {
	max-width: 290px;
	margin: 25px auto 0
}

.cardReviewsWriteFormBox {
	display: table;
	width: 100%
}

.cardReviewsWriteFormBoxTitle {
	text-align: center;
	position: relative;
	padding: 0 0 8px;
	margin: 25px 0 35px;
	border-bottom: solid 1px #727272
}

.cardReviewsWriteFormBoxTitle:after,
.cardReviewsWriteFormBoxTitle:before {
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute;
	content: "";
	top: 100%;
	left: 50%
}

.cardReviewsWriteFormBoxTitle:before {
	border-width: 16px 17px 0;
	border-color: #727272 transparent transparent;
	margin: 0 0 0 -17px
}

.cardReviewsWriteFormBoxTitle:after {
	border-width: 15px 16px 0;
	border-color: #fff transparent transparent;
	margin: 0 0 0 -16px
}

.cardReviewsWriteFormBoxCol {
	float: left;
	width: 50%
}

.cardReviewsWriteFormBoxCol_submit {
	text-align: center;
	padding-bottom: 78px;
	overflow: hidden;
	position: relative
}

.cardReviewsWriteFormRow+.cardReviewsWriteFormRow {
	margin: 17px 0 0
}

.cardReviewsWriteFormRow label {
	color: #6d6d6d;
	font-size: 13px;
	font-weight: 500;
	line-height: 16px;
	display: inline-block;
	margin: 0 0 3px
}

.cardReviewsWriteFormRow input[type=email],
.cardReviewsWriteFormRow input[type=text],
.cardReviewsWriteFormRow select,
.cardReviewsWriteFormRow textarea {
	width: 100%;
	background: #efefef;
	border: 1px solid #c6c6c6;
	line-height: 20px;
	padding: 3px 3px 3px 5px;
	font-size: 13px;
	font-weight: 500;
	color: #6d6d6d;
	border-radius: 3px
}

.cardReviewsWriteFormRow textarea {
	height: 142px
}

.popup .cardReviewsWriteForm {
	width: 400px;
	margin: 28px auto
}

.popup .cardReviewsWriteFormSubmit {
	max-width: 178px;
	margin: 0;
	float: right
}

.popup .cardReviewsWriteFormClear {
	max-width: 178px;
	margin: 0;
	float: left
}

.popup .cardReviewsWriteFormBoxCol {
	float: none;
	width: auto
}

.popup .cardReviewsWriteFormBoxCol_submit {
	padding-top: 35px
}

.cardReviewsWriteSetRating {
	display: table;
	width: 100%
}

.cardReviewsWriteSetRatingWrapper {
	top: -8px;
	right: 28px;
	left: 28px;
	background: #fff;
	position: absolute;
	z-index: 20
}

.cardReviewsWriteSetRatingEl {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	padding: 30px 0 0;
	position: relative;
	width: 20%
}

.cardReviewsWriteSetRatingElSet {
	width: 100px;
	height: 18px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -50px;
	white-space: nowrap;
	font-size: 0;
	line-height: 0;
	word-spacing: 0;
	letter-spacing: 0
}

.cardReviewsWriteSetRatingElSet i {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #fff;
	border-width: 0 1px;
	width: 20px!important;
	cursor: pointer
}

.cardReviewsWriteSetRatingElLabel {
	font-weight: 500;
	color: #121210;
	font-size: 13px;
	line-height: 22px;
	max-width: 110px;
	text-align: center;
	display: inline-block;
	text-transform: uppercase
}

.cardReviewsTitle {
	color: #000;
	font-size: 20px;
	line-height: 24px;
	text-transform: uppercase;
	font-weight: 400;
	font-family: pfdin, MuseoSans, sans-serif;
	margin: 0 0 22px
}

.cardNewBuyInfoRowText,
.cardNewBuySubmit,
.cardNewDiscount,
.cardNewGoFull a,
.cardNewId b,
.cardNewPriceCurrent,
.cardNewQuestionBtn,
.cardNewReviewFormFile label,
.cardNewReviewFormFile label span,
.cardNewReviewFormRow>label,
.cardNewReviewFormRowInfo,
.cardNewReviewHeaderTitle,
.cardNewReviewStepTitle,
.cardNewReviewSubmit,
.cardNewReviewsElAddPlus a,
.cardNewReviewsElAddPlus b,
.cardNewReviewsElMark,
.cardNewReviewsElPlusCounter b,
.cardNewReviewsWriteToggle,
.cardNewSize>select,
.cardNewSizeSelectTitle,
.cardNewText h2,
.cardNewText h3,
.productsListElBuy,
.productsListElName a,
.productsListElPriceCurrent {
	font-family: muller, pfdin, MuseoSans, sans-serif
}

.textBox .cardReviewsTitle {
	text-align: center
}

@media all and (max-width:1130px) {
	.cardAbout,
	.cardAboutIcons {
		float: none;
		width: 100%
	}
	.card {
		margin: 0 -10px 0 0
	}
	.cardPriceCell,
	.cardSidebarBox {
		padding: 7px
	}
	.cardPriceCurrentNumber {
		font-size: 17px;
		line-height: 20px
	}
	.cardPriceCurrentNumber:after {
		font-size: 14px
	}
	.cardPriceOldNumber {
		font-size: 14px;
		line-height: 20px
	}
	.cardPriceOldNumber:after {
		font-size: 12px
	}
	.cardSocialList {
		margin: 0 -4px
	}
	.cardSocialList a {
		margin: 5px 4px 0;
		width: 22px;
		height: 22px;
		position: relative
	}
	.cardSocialList a i {
		position: absolute;
		left: 50%;
		top: 50%;
		margin: -16px 0 0 -16px;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
	.cardImgBox {
		padding-right: 0
	}
	.cardVersions {
		margin: 0 0 25px
	}
	.cardVersions a {
		width: 80px;
		height: 80px;
		margin: 0 3px 3px;
		line-height: 78px
	}
	.cardVersions a img {
		max-height: 78px;
		line-height: 78px
	}
	.cardAboutWrapper {
		display: table;
		width: 100%
	}
	.cardAboutDetails {
		padding: 0 0 30px
	}
	.cardAboutIcons {
		margin: 0;
		padding: 0;
		display: table-footer-group
	}
	.cardAboutIconsItem {
		display: inline-block;
		vertical-align: top;
		width: 50%;
		margin: 0 0 15px
	}
	.cardAboutIconsItem+.cardAboutIconsItem {
		margin: 0 0 15px
	}
	.cardReviewsWritePhoto,
	.cardReviewsWriteSizes {
		margin-top: 30px
	}
}

@media all and (max-width:959px) {
	.cardContent {
		width: auto;
		padding-right: 10px
	}
	.cardPopup .cardContent {
		width: 70%
	}
	.cardDiscountN,
	.cardDiscountP {
		right: -10px
	}
	.cardVersions {
		margin: 0 0 25px
	}
	.cardVersions a {
		width: 60px;
		height: 60px;
		margin: 0 3px 3px;
		line-height: 58px
	}
	.cardVersions a img {
		max-height: 58px;
		line-height: 58px
	}
	.cardSidebar {
		width: 220px
	}
	.cardPopup .cardSidebar {
		width: 30%
	}
	.cardSidebarSliderList .slick-prev {
		left: 20px
	}
	.cardSidebarSliderList .slick-next {
		right: 20px
	}
	.cardReviewsAboutContent {
		overflow: hidden;
		margin: 0 0 25px
	}
	.cardReviewsAboutCol,
	.cardReviewsAboutCol+.cardReviewsAboutCol {
		float: none;
		width: auto;
		display: block;
		padding: 0;
		border: none;
		text-align: left;
		margin: 0 0 10px
	}
	.cardReviewsHowTo {
		border-top: none
	}
	.cardReviewsHowToContent {
		margin: 0
	}
	.cardReviewsHowToCol {
		display: block;
		width: auto;
		padding: 0 0 0 10px;
		position: relative;
		margin: 0 0 10px
	}
	.cardReviewsTitle {
		font-size: 13px
	}
	.cardReviewsWrite .cardReviewsTitle {
		text-align: center
	}
	.cardReviewsWriteSetRating {
		display: block;
		width: 300px;
		margin: -30px auto 0
	}
	.cardReviewsWriteSetRatingWrapper {
		top: auto;
		right: auto;
		left: auto;
		background: #fff;
		position: relative
	}
	.cardReviewsWriteSetRatingEl {
		display: block;
		text-align: right;
		vertical-align: top;
		padding: 20px 100px 0 0;
		position: relative;
		width: auto
	}
	.cardReviewsWriteSetRatingElSet {
		width: 100px;
		height: 18px;
		position: absolute;
		top: 22px;
		left: auto;
		right: 0;
		margin: 0
	}
	.cardReviewsWriteSetRatingElLabel {
		font-weight: 500;
		color: #121210;
		font-size: 13px;
		line-height: 22px;
		padding: 0 4px 0 0;
		max-width: none;
		text-align: right;
		display: block;
		position: relative;
		text-transform: none
	}
	.cardReviewsWriteSetRatingElLabel:after {
		content: " - - - - -"
	}
	.cardReviewsWritePhoto,
	.cardReviewsWriteSizes {
		margin: 30px auto 0;
		display: block
	}
	.cardReviewsWriteForm {
		width: 400px;
		margin: 28px auto
	}
	.cardReviewsWriteFormSubmit {
		max-width: 178px;
		margin: 0;
		float: right
	}
	.cardReviewsWriteFormClear {
		max-width: 178px;
		margin: 0;
		float: left
	}
	.cardReviewsWriteFormBoxCol {
		float: none;
		width: auto
	}
	.cardReviewsWriteFormBoxCol_submit {
		padding-top: 35px
	}
	.cardReviewsWriteContent {
		margin: 0;
		padding: 0;
		border: none
	}
}

.cardNewId b,
.cardNewReviewHeaderTitle,
.cardNewReviewStepTitle,
.cardNewText h2,
.cardNewText h3 {
	font-weight: 700
}

.cardNewControls,
.cardNewReviewsElPlusCounter {
	float: right;
	margin-right: 250px
}

.cardNew {
	overflow: hidden;
	font-size: 0;
	line-height: 0;
	word-spacing: 0;
	letter-spacing: 0;
	max-width: 1200px;
	margin: 0 auto
}

.cardNew .cardNewControls {
	display: none
}

.cardNewAddDots span,
.cardNewId,
.cardNewNext,
.cardNewPrev,
.cardNewRating,
.cardNewRatingStars {
	display: inline-block
}

.cardNewId {
	width: 145px;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	color: #5e5e5e
}

.cardNewId b {
	color: #111
}

.cardNewNext:after,
.cardNewPrev:before,
.cardNewRatingText {
	color: #5e5e5e;
	text-decoration: none
}

.cardNewPrev {
	margin: 0 9px;
	padding: 0 0 0 10px;
	position: relative
}

.cardNewPrev:before {
	content: "< ";
	position: absolute;
	left: 0;
	top: 0
}

.cardNewNext {
	margin: 0 9px;
	padding: 0 10px 0 0;
	position: relative
}

.cardNewText ol,
.cardNewText ul {
	padding-left: 25px
}

.cardNewNext:after {
	content: " >";
	position: absolute;
	right: 0;
	top: 0
}

.cardNewAddDots:after,
.cardNewBuyFast:after,
.cardNewImgBox .slick-arrow:after,
.cardNewPriceOld:after,
.cardNewToFav:before,
.cardNewWarranty:after,
.cardNewWarranty:before {
	content: ""
}

.cardNewText {
	font-size: 14px;
	line-height: 18px
}

.cardNewText h2 {
	font-size: 20px;
	line-height: 24px;
	margin: 40px 0 18px
}

.cardNewText h2:first-child {
	margin-top: 0
}

.cardNewText h3 {
	font-size: 14px;
	margin: 40px 0 18px
}

.cardNewText h3:first-child {
	margin-top: 0
}

.cardNewText p,
.cardNewText ul {
	margin: 18px 0
}

.cardNewText p+ol,
.cardNewText p+ul {
	margin-top: -18px
}

.cardNewText table {
	width: 100%
}

.cardNewText table td {
	padding: 3px 3px 3px 0;
	text-align: left;
	vertical-align: top
}

.cardNewText table td:first-child {
	width: 55%
}

.cardNewAddDots {
	position: relative;
	overflow: hidden;
	text-transform: uppercase
}

.cardNewAddDots:after {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 5px;
	height: 1px;
	border-bottom: dotted 1px #111
}

.cardNewAddDots span {
	background-color: #f9f9f9;
	position: relative;
	z-index: 2
}

.cardNewRating {
	vertical-align: middle;
	width: 250px
}

.cardNewRatingStars {
	vertical-align: middle;
	position: relative
}

.cardNewRatingStars i {
	position: absolute;
	left: 0;
	top: 0;
	display: block
}

.cardNewRatingText {
	margin: 0 0 0 3px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	border-bottom: dotted 1px #d4d4d4;
	cursor: pointer;
}

.cardNewReview {
	display: none;
	margin: 37px 0 0;
	background-color: #fff;
	border-radius: 4px;
	padding: 16px 20px;
	color: #111;
	font-size: 14px;
	line-height: 20px
}

.cardNewReview a {
	color: #0072ff;
	text-decoration: underline
}

.cardNewReview a:active,
.cardNewReview a:hover {
	color: #0072ff;
	text-decoration: none
}

.cardNewReview.active {
	display: block
}

.cardNewReviewHeaderRow {
	padding: 18px 0 38px;
	font-size: 0;
	line-height: 0;
	word-spacing: 0;
	letter-spacing: 0
}

.cardNewReviewHeaderCol {
	vertical-align: middle;
	width: 32%;
	font-size: 14px;
	line-height: 18px;
	display: inline-block;
	word-spacing: normal;
	letter-spacing: normal;
	padding: 0 35px 0 0
}

.cardNewReviewHeaderCol+.cardNewReviewHeaderCol+.cardNewReviewHeaderCol {
	width: 36%;
	padding: 0
}

.cardNewReviewHeaderRow+.cardNewReviewHeaderRow .cardNewReviewHeaderCol {
	vertical-align: top
}

.cardNewReviewStep+.cardNewReviewStep {
	padding: 50px 0 0
}

.cardNewReviewStepTitle {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 25px
}

.cardNewReviewFormFile {
	display: block;
	position: relative;
	overflow: hidden
}

.cardNewReviewFormFile label,
.cardNewReviewFormFile label span {
	display: inline-block;
	font-size: 11px;
	vertical-align: middle;
	color: #9e9e9e;
	font-weight: 700
}

.cardNewReviewFormFile input {
	position: absolute;
	left: -500px;
	width: 100px
}

.cardNewReviewFormFile label {
	width: 122px;
	height: 40px;
	line-height: 20px;
	padding: 9px 0;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	border: 1px solid #8b8b8b;
	border-radius: 20px;
	letter-spacing: 1.1px;
	cursor: pointer
}

.cardNewReviewFormFile label span {
	color: #9e9e9e;
	padding-left: 10px;
	margin: 0 0 0 5px;
	letter-spacing: 1.1px;
	line-height: 14px
}

.cardNewReviewFormFile label.active {
	padding: 9px;
	min-width: 122px;
	width: auto;
	max-width: 100%
}

.cardNewReviewFormFile label.active+span {
	display: none
}

.cardNewReviewFormRow+.cardNewReviewFormRow {
	padding: 25px 0 0;
	overflow: hidden
}

.cardNewReviewFormRow>label {
	font-size: 14px;
	line-height: 16px;
	font-weight: 700;
	display: block;
	margin: 0 0 5px
}

.cardNewReviewFormRow input,
.cardNewReviewFormRow select,
.cardNewReviewFormRow textarea {
	max-width: 328px;
	width: 100%;
	height: 40px;
	border: 1px solid #8b8b8b;
	border-radius: 3px;
	background-color: #fff;
	color: #9e9e9e;
	font-size: 11px;
	line-height: 20px;
	letter-spacing: 1.1px;
	display: inline-block;
	vertical-align: middle;
	padding: 9px 9px 9px 15px
}

.cardNewReviewFormRow input {
	padding: 0 9px 0 15px;
}



.cardNewReviewFormRow textarea {
	height: 169px;
	resize: none
}

.cardNewReviewFormRowInfo {
	margin: 0 0 0 10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 11px;
	line-height: 14px;
	letter-spacing: 1.1px;
	color: #9e9e9e
}

.cardNewReviewFormRow_small {
	width: 290px;
	display: inline-block;
	vertical-align: top;
	padding: 0 40px 0 0
}

.cardNewReviewFormRow_small+.cardNewReviewFormRow_small {
	padding: 0
}

.cardNewReviewFormRow_wide input,
.cardNewReviewFormRow_wide select,
.cardNewReviewFormRow_wide textarea {
	max-width: 100%;
	display: block;
	width: 100%
}

.cardNewReviewSubmit {
	border-radius: 17px;
	display: block;
	border: none;
	height: 43px;
	line-height: 23px;
	padding: 10px 13px;
	text-align: center;
	letter-spacing: 1px;
	background-color: #fc0;
	color: #111;
	font-size: 16px;
	font-weight: 700;
	width: 220px;
	margin: 35px 0 0
}

.cardNewReviewsList {
	margin: 0 0 29px
}

.cardNewReviewsEl {
	padding: 10px 0 38px;
	border-bottom: solid 1px #c1c1c1
}

.cardNewReviewsEl+.cardNewReviewsEl {
	padding: 38px 0
}

.cardNewReviewsElText {
	margin: 20px 0 14px;
	font-size: 14px;
	line-height: 18px;
	color: #111
}

.cardNewReviewsElBottom {
	font-size: 11px;
	line-height: 16px
}

.cardNewReviewsElDate {
	display: inline-block;
	width: 42%
}

.cardNewReviewsElAddPlus {
	display: inline-block
}

.cardNewReviewsElAddPlus a,
.cardNewReviewsElAddPlus b,
.cardNewReviewsElPlusCounter b {
	font-weight: 700
}

@media all and (max-width:1250px) {
	.cardNewReviewsElDate {
		width: auto;
		padding: 0 10px 0 0
	}
	.cardNewReviewsElAddPlus {
		float: right
	}
	.cardNewReviewsElPlusCounter {
		float: none;
		display: block
	}
}

.cardNewReviewsElMark {
	color: #111;
	font-size: 14px;
	font-weight: 700;
	line-height: 16px
}

.cardNewReviewsElMark b {
	padding: 0 10px 0 0
}

.cardNewReviewsElMarkList {
	margin: 20px 0 0;
	display: table;
	width: 100%
}

@media all and (max-width:1250px) {
	.cardNewReviewsElMarkList {
		display: block
	}
}

.cardNewReviewsElMarkList .cardNewReviewsElMark {
	display: table-cell;
	white-space: nowrap
}

.cardNewReviewsElMarkList .cardNewReviewsElMark+.cardNewReviewsElMark {
	text-align: right
}

@media all and (max-width:1250px) {
	.cardNewReviewsElMarkList .cardNewReviewsElMark {
		display: inline-block;
		width: 49%;
		vertical-align: top;
		padding: 5px 0 0
	}
	.cardNewReviewsElMarkList .cardNewReviewsElMark+.cardNewReviewsElMark {
		text-align: left
	}
}
@media all and (max-width:600px) {
	.cardNewReviewsElMarkList .cardNewReviewsElMark {
		width: 100%;
	}
	
	.cardNewReviewSetMarksList {
		grid-template-columns: 1fr !important;
	}
	.cardNewReviewFormRow_wide textarea {
		max-width: 90%;
	}
	
}
.cardNewReviewsWriteToggle {
	display: block;
	width: 150px;
	clear: both;
	font-size: 12px;
	font-weight: 700;
	color: #8b8b8b;
	line-height: 21px;
	padding: 5px;
	border-radius: 17px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #8b8b8b;
	background-color: #fff;
	cursor: pointer
}

.cardNewReviewsWriteToggle:hover {
	color: #000;
	text-decoration: none;
	border: 1px solid #fc0;
	background-color: #fc0
}


.cardNewReviewSetMarksElLabel {
	font-weight: 700;
	color: #111;
	font-size: 14px;
	line-height: 16px;
	display: inline-block;
	vertical-align: middle
}

.cardNewReviewSetMarksList {
	display: grid;
	grid-template-columns: 1fr 1fr;
	grid-auto-rows: 1em;
	grid-gap: .5em;

}



