:root {
	--blue: #006CA7;/*#2664c2!#2B63B8;*/
}
.nomargin {margin:0!important;}
.greyline {background-color: #EFEFEF; margin: 20px 0 20px 0;clear:both;}
.blackline {background-color: #000000; clear:both; color: white;}

.inform__icon {grid-area: informicon;}
.inform__text {grid-area: informtext;}
.inform{width: 100%; max-width: 1200px; margin: 0px auto; padding: 60px 10px;
		padding: 50px var(--otstup);}
.informtext {font-size: 22px; color:#000;}
.extrainfo {width: 100%; max-width: 1200px; margin: 30px auto; padding: 10px;}

h2.inlineh2 {display:inline;}

.blue {color:var(--blue);}

.iconsblocklist {
    display: grid;
    grid-auto-flow: column;
    grid-template-rows: repeat(3, 1fr);
    grid-template-columns: repeat(2, 1fr);
}

ul.iconsblockli {
	list-style: none;
	list-style-image: none;
	margin-top: 50px;
    columns: 2;
}

.otherprodlist { 
	display: grid;
	grid-template-rows: auto auto auto;
	margin-bottom: 20px;
	align-items:center;
	border-bottom: 1px solid #D8D8D8;
}
otherprodlist__title {
	
	
}
.otherprodlist__image {
	position: relative;
	display: flex;
    place-content: center;
}
.otherprodlist__image img {width: 100%; max-width: 500px;}
.otherprodlist__info {text-align: left; font-size:15px; padding-top: 10px;color:var(--grey)}
a.tovarname{display:block; font-weight: 700; font-size:20px; color: var(--blue);padding-bottom: 20px; color: black;text-wrap: balance;}
a.tovarname:hover{color: var(--blue); text-decoration: none;}
.stiker {position:absolute; right:40px; top:10%}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 991.98px) { 
	.otherprodlist { 
		 
		grid-template-columns: 1fr 1fr;
		margin-bottom: 20px;
		align-items:center;
	}
	#itemslist {
		grid-template-columns: 1fr  1fr;
		gap: 20px;
	}
	.proditem:nth-child(2n + 1):last-child {
		grid-column: 1 / span 2;
	}
	.place2 {
		grid-column-start: unset;
	}
}

@media (max-width: 767.98px) { 
	.otherprodlist { 
		 
		grid-template-columns: 1fr;
		margin-bottom: 20px;
		align-items:center;
	}
	#itemslist {
		grid-template-columns: 1fr;
		
		/*padding-left: 10px;
		padding-right: 10px;*/
	}
	.proditem:nth-child(2n + 1):last-child {
		grid-column: unset;
	}
	.place2 {
		grid-column-start: unset;
	}
	
	.inform {
		padding: 20px 10px;
		padding: 20px var(--otstup);
	}
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) { 
	#itemslist {
		grid-template-columns: 1fr;
		gap: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
	}
	
	.informtext {
		font-size: 1rem;
		text-align: left;
	}
	.informtext h2.inlineh2 {
		display: inline;
	}
	
	

	ul.iconsblockli {
    		columns: 1;
			margin-top: 20px;
	}
	#itemslist {
		grid-template-columns: 1fr;
	}
	.place2 {
		grid-column-start: unset;
	}
	h2 {font-size: 1.3rem;}
 }
 .hiddentovar {display:none;}
 .showmoretovars {display:block; width: 100%; border: 1px solid var(--blue); border-radius: 5px; color: var(--blue); padding: 5px; text-align:center;cursor:pointer; margin-bottom:20px; transition: all 0.5s linear;}
 .showmoretovars:hover {background-color:#53B7F9;text-decoration:none; color:#ffffff;}
 A.gotorazdel {display:block; width: 100%; border: 1px solid var(--blue);background-color:var(--blue); border-radius: 5px; color: #FFFFFF; padding: 5px; text-align:center;cursor:pointer; margin-bottom:20px; transition: all 0.5s linear;}
 A.gotorazdel:hover {background-color:#53B7F9;text-decoration:none;}  
border-radius: 5px;