@charset "utf-8";
.blocks, .blocksnew, .blocksserv, .blockscont{
	position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
	width: 100%;
	max-width: 1120px;
	margin:3.125em auto 0.5em;
	padding-bottom: 0.75em;
}
.blocks{
	background: url(../images/service/LabelWhBl.png) no-repeat 100% 100%;
}
.block {
	position: relative;
    display: block;
	margin:1em auto 2.5em;
	padding: 2.25em 0 1.3em;
	background-color:#f5f5f5;
	border-radius: 10px;
}
.blok{
   width: 100%;
   display: table;
}
.col1, .col2 {
	width: 50%;
	float: left;
}
.blk, .blknew, .blkserv {
	display: block;
	position: relative;
	flex: 0 0 auto;	
   	background-color:#f5f5f5;
	border-radius: 10px;
	-webkit-box-shadow: 4px 4px 6px rgba(39,95,150,0.34);
	-moz-box-shadow: 4px 4px 6px rgba(39,95,150,0.34);
	box-shadow: 4px 4px 6px rgba(39,95,150,0.34);
}
.blk {
	background: url(../images/service/badge.svg) no-repeat 94.5% 8% #f5f5f5;
	width:33.8125em;
	height: 21.4em;
	margin:0.3em 0.85em 1.6em 0.2em;
	padding: 1.56em 1.56em 0;
}
.blk a:hover {
	display: block;
	background: url(../images/service/badgeblue.svg) no-repeat 100% 0% ;
}
.blknew{
	width:22.2em;
	height: 41.25em;
	margin:-1.25em 1.13em 3.15em 0;
	padding: 1.56em 1.25em 0;
}
.blkserv{
	width:33.8125em;
	height: 31.25em;
	margin:-1.25em 1.13em 3.15em 0;
	padding: 1.56em 1.25em 0;
}
.blknew img, .blkserv img{
	position: absolute;
	border-radius: 0 0 10px 10px;
	bottom: 0;
	left: 0;
}
.blknew h2, .blkserv h2{
	text-align: center;
	padding-bottom: 0.75em;
}
.blkcont{
	background: linear-gradient(to right, #c00c1c 27%, #f5f5f5 27%);
	width: 362px;
	height: 238px;
	border-radius: 10px;
	margin:0 1.15em 3.15em 0;
	/*-webkit-box-shadow: 0 0 2px rgba(245,245,245,0.3);
	-moz-box-shadow: 0 0 2px rgba(245,245,245,0.3);
	box-shadow: 0 2px 2px rgba(245,245,245,0.4);*/
}
.blkcont:last-child{
	margin-right: 0;
}
.col1 li,
.col2 li {
	display: block;
	position: relative;
	background-color: #fff;
	height: 6.75em;
	margin:0.3em 0.85em 1.6em 0.2em;
	padding: 1.56em 2.25em 1.56em 1.875em;
	border-radius: 9px;
	-webkit-box-shadow: 4px 4px 6px rgba(39,95,150,0.34);
	-moz-box-shadow: 4px 4px 6px rgba(39,95,150,0.34);
	box-shadow: 4px 4px 6px rgba(39,95,150,0.34);
}
.rght{
	position: absolute;
	right: 2.25em;
	bottom: 0.4em;
}
#rght{
	position: absolute;
	right: 2.25em;
	bottom: 1.1em;
}
.feature {
	position: absolute;
	display: block;
	margin: 0px 0 0;
	color: #131313;
	list-style: none;
}	
.feature li{
	position: relative;
    padding: 0;
	font-size: 0.88em;
	font-weight: 500;
	line-height: 1.3em;
}
.feature li::before{
  position: absolute;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #131313;
  content: "";
  left: -10px;
  top: 8px;

}
.blk .imgplanet, .blk .imgprom, .blk .imgclass {
	position: absolute;
	bottom: 1.56em;
	left: 1.56em;
}
.blk .imgclay {
	position: absolute;
	bottom: 3.56em;
	left: 1.56em;
}
.planet, .prom, .crush, .classif {
	position: absolute;
    bottom: 1.56em;
	right: 1.56em;
}
.planet, .crush, .classif {
    width: 48%;
}
.prom {
	width: 33.5%;
}
.blk:last-child .prom{
	width: 43%;
}
.clay {
	position: absolute;
    bottom: 1.56em;
	left: 2.1em;
}
/*************************************/ 
#imgequip{
	position: relative;
	float: right;
	margin:0 0 2em 2.3em;
}
#imgequip2{
	display: none;
}
/*******************************/ 
table {
	color: #131313;
	margin-bottom: 20px;
}
th {
	background: #245f96;
	color: #FFF;
	border: thin solid #FFF;
	padding:10px 5px;
	font-size: 0.875em;
	font-weight: 600;
}
td {
	background: #dfe1e5;
	font-size: 0.875em;
	font-weight: 600;
	border: thin solid #FFF;
	padding:10px 5px;
}
/*******************************/ 

/* Запуск адаптивного кода  */
@media screen and (max-width: 1160px)/*1050-1160*/{ 
#imgequip{
	width: 48%;
	height: auto;
}
.blocksnew{
	width: 75%;
}
.blocks{
	padding-bottom: 1.5em;
}
.blk, .blkserv, .blkserv img {
	width:30.1em;
}
.planet {
	width: 46%;
}
.crush, .classif {
	width: 43%;
}
.prom {
	width:36.55%;
}
.blk .imgprom {
	width: 50%;
}
.blk:last-child .imgprom {
	width: 43%;
}
th {
	padding:8px 5px;
}
td {
	padding: 13px 5px;
}
.blkcont{
	width: 320px;
	height: 211px;
}
}
@media screen and (max-width: 1050px)/*998-1050*/{ 
.blocksnew{
	width: 83%;
}
#imgequip{
	margin:0 0 1em 2em;
}
.blk, .blkserv, .blkserv img {
	width:26.975em;
}
.blk:first-child  .imgplanet{
	width: 37.5%;
}
.blk:last-child  .imgplanet{
	width: 39%;
}
.blk:last-child .planet li:last-child{
		display: none;
	}	
.blk:nth-child(4)  .imgplanet{
	width: 37.5%;
}
.planet {
	width: 46%;
}
.blk .imgprom {
	width: 47%;
}
.prom li:first-child, .crush li:first-child {
	display: none;
}
.blk:last-child .imgprom {
	width: 41%;
}
.blk .imgclass{
	width: 30%;
	}
.blk:last-child .imgclass, .blk:nth-child(3) .imgclass{
	width:  35%;
	}
#rght, .rght{
	right: 1.56em;
}
th {
	padding: 5px;
}
.blkcont{
	width: 287px;
	height: 189px;
}
}
@media screen and (max-width: 997px)/*906-997*/{
.blocksnew{
	width: 90%;
}
.blk, .blkserv, .blkserv img {
	width:25.4em;
}
.planet li:last-child{
	display: none;
	}	
.blk .imgplanet {
	width: 35%;
}
.planet {
	width: 45%;
}
.blk .imgprom {
	width: 43.5%;
}
.prom, .blk:last-child .prom {
	width: 40%;
}
#rght, .rght{
	right: 1.4em;
}
.blkcont{
	width: 271px;
	height: 178px;
}
}
@media screen and (max-width: 905px){  
.blocks, .blocksnew, .blocksserv{
	position: relative;
	background:none;
	}
.blocksnew{
	width: 100%;
}
.blockscont{
	margin:1.125em auto 0.5em;
}
.block {
	padding: 2em 0 1.1em;
}
.blkserv {
	width: 22.3em;
	height: 32.5em; 
	}
.blkserv img {
	width: 22.3em;
	}
.blk {
	width: 22.35em;
	height: 19.9em; 
	}
.blk .imgplanet, .blk .imgprom, .blk .imgclass {
	position: absolute;
	bottom: 0.94em;
	left: 0.94em;
}
 .clay {
	bottom: 0.94em;
	left:1.74em;
}
 .blk .imgclay {
	bottom: 2.94em;
	left:1.2em;
}
.blk .imgclay {
	width: 80%;
	}
.blk:last-child .imgclay {
	width: 65%;
	}
.planet, .prom, .crush, .classif {
	position: absolute;
    bottom: 0.94em;
	right: 0.94em;
}
.blk .imgplanet, .blk:first-child .imgplanet, .blk:last-child .imgplanet {
	width: 40%;
}
.blk:last-child .planet li:last-child,
.blk:last-child .planet li:nth-child(5){
		display: none;
	}	
.prom, .blk:last-child .prom, .crush, .classif {
	width: 43.5%;
}
#rght, .rght{
	right: 1.25em;
}
#indmin{
	width: 6.5em;
	}	
th {
	padding:3px 7px;
	font-size: 0.65em;
}
td {
	font-size: 0.65em;
	padding: 15px 5px;
}
.blkcont{
	width: 287px;
	height: 189px;
	margin:0 1.5em 2em 0;
}
}
@media screen and (max-width: 768px) {
.blocks, .blocksserv{
	align-items: center;
	justify-content: center;
}
.blknew{
	width:21em;
	height: 41.25em;
}
.blknew img{
	width: 100%;
}
.blkserv{
	width:33.8125em;
	height: 31.25em;
}
.blkserv img{
	width: 100%;}
.blk {
	width:33.8125em!important;
	height: 21.4em;
}
.blk .imgplanet, .blk .imgprom, .blk .imgclass {
	position: absolute;
	bottom: 1.56em;
	left: 1.56em;
}
.planet, .prom, .crush, .classif {
	position: absolute;
    bottom: 1.56em;
	right: 1.56em;
}
.blk .imgplanet,.blk:first-child  .imgplanet, .blk:last-child .imgplanet, .blk:nth-child(4)  .imgplanet{
	width:auto;
}
.blk .imgprom {
	width: 50%;
}
.blk:last-child .imgprom {
	width: 38%;
}
.blk .imgclay,.blk:last-child .imgclay{
	width:auto;
}
.blk .imgclay {
	bottom: 3.3em;
	left: 1.56em;
}
.blk:first-child .imgclass, .blk:nth-child(2) .imgclass, .blk:nth-child(3) .imgclass, .blk:last-child .imgclass{
	width:auto;
}
.planet li:last-child{
		display: block;
	}
.crush li:first-child{
		display: block;
	}
.blk:last-child .planet li:last-child,
.blk:last-child .planet li:nth-child(5){
		display: block;
	}	
.planet {
    width: 48%;
}
.prom {
	width: 33.5%;
}
.blk:last-child .prom{
	width: 43%;
}
.prom li:first-child{
	display: block;
}
.clay {
    bottom: 1.56em;
	left: 2.1em;
}
.rght{
	right: 0.9em;
	bottom: 0.3em;
}
#rght{
	right:0.9em;
	bottom: 1.2em;
}
table {
	margin-top: 1.5em;
}
}

@media only screen and (max-width: 660px){ 
.block {
	padding: 1.5em 0 1.1em;
}
.blknew{
	width:18em;
	height: 41.25em;
}
.blk, .blkserv {
	width:30em!important;
}
.blk:last-child .imgplanet {
	width: 38%;
}
.blk .imgprom {
	width: 48%;
}
.prom li:first-child{
		display: none;
	}
.blk:first-child .imgclass, .blk:nth-child(2) .imgclass{
	width: 28%;
	}
.blk:last-child .imgclass, .blk:nth-child(3) .imgclass{
	width:  35%;
	}
 .blok{
  margin: 0 auto;
  width: 80%;
}
.table-col{
	display: block;	
	}
.col1, .col2 {
	width: 100%;
}
#indmin, .rght img, #rght img{
  width: 7em;
}
.rght{
	right: 1.6em;
	bottom: 0.4em;
}
#rght{
	right: 1.6em;
	bottom: 1.2em;
}
.blkcont{
	margin:0 1.15em 1.5em 0;
}
} 

@media only screen and (max-width: 520px ){ 
#imgequip{
	display: none;
}
#imgequip2{
	display: block;
	margin: 3em auto;
}
#imgequip2{
	width: 90%;
}
.blocks{
	margin:1.5em auto -2em;
}
 .blocksnew{
	width: 78%;
}
.blockscont{
	align-items: center;
	justify-content: center;
}
	.blkcont:last-child{
	margin-right: 1.15em;
	}
.blok{
  margin: 0 auto;
  width: 98%;
}
.col1, .col2 {
	width: 100%;
}
#indmin{
  width: 6em;
}
.rght{
	right: 1.2em;
	bottom: 0.4em;
}
#rght{
	right: 1.2em;
	bottom: 1.1em;
}
.blknew{
	width:22.2em;
	height: 41.25em;
}
.blk, .blkserv {
	width:25.5em!important;
	background: #f5f5f5;
}
.blk a:hover {
	background: #f5f5f5;
}
.blk .imgplanet, .blk .imgprom {
	position: absolute;
	bottom: 0.94em;
	left: 0.94em;
}
.planet, .prom, .crush {
	position: absolute;
    bottom: 0.94em;
	right: 0.94em;
}
.blk:last-child .imgplanet, .blk:nth-child(4) .imgplanet{
	width: 10.3em;
}
.blk .planet li:last-child, .blk:last-child .planet li:last-child {
	display: none;	
}
.prom li:first-child, .crush li:first-child{
	display: none;
}
.prom {
		width: 40%;
	}
} 

@media screen and (max-width: 400px){ 
#imgequip2{
	width: 100%
}
 .blocksnew{
	width: 100%;
}
.blknew{
	width:20.5em;
	height: 41.25em;
}
.blkserv{
   width:19.8em!important;
   height: 34em;
	}
.blk {
   width:19.8em!important;
   height: 28em;
   padding: 1.5em;
}
.blk .imgplanet {
	top: 22%;
	left: 24%;
}
.feature {
	width: 86%;
}
.planet, .prom, .crush, .classif {
	left: 10%;
	bottom: 1.25em;
}
.blk .imgprom {
	width: 14em;
	top: 30%;
	left: 14.5%;
}
.blk:nth-child(3) .imgprom {
	width: 14em;
	top: 26%;
	left: 15%;
}
.blk:nth-child(4) .imgprom {
	width: 14em;
	top: 25%;
	left: 14%;
}
.blk:last-child .imgprom{
	width: 11em;
	top: 23%;
	left: 22%;
	}
.blk:last-child .prom{
	width: 86%;
	left: 10%;
	bottom: 1.25em;
	}
.prom li:first-child{
	display: block;
}
.blk .imgclay,.blk:last-child .imgclay{
	width:80%;
}
.blk .imgclay {
	bottom: 7.3em;
	left: 1.56em;
}
.clay {
	width: 15.5em;
    bottom: 1.25em;
	left: 2.1em;
}
#hydro{
	width: 45%;
	top: 20%;
	left: 22%;
}
.blk:first-child .imgclass, .blk:nth-child(2) .imgclass{
	width:50%;
	top: 20%;
	left: 22%;
	}
.blk:last-child .imgclass, .blk:nth-child(3) .imgclass{
	width:  65%;
	top: 26%;
	left: 16%;
}
#indmin, .rght img, #rght img{
  width: 6.125em;
}
.rght{
	bottom: 0.7em;
}
#rght{
	bottom: 1.5em;
}
}