@charset "utf-8";
.post-wrap {
	margin: 0 auto;
	max-width:1120px;
}
.caption{
	margin:0.8em 0;
	font-size: 2.2em;
	font-weight: 600;
	color: #131313;
}
/*************************************/ 
.post{
	margin: -1.25em auto 0;
	display: flex;
	flex-wrap: wrap;
}
.topic {
   background:url(../images/service/elEquip.png) no-repeat center;
	width: 21.88em;
	height: 7.5em;
	margin: 0.1em 1.2em 0 0.2em;
}
#zCEM, #zCPE, #zCl, #zCr, #zDry, #zHM, #zPM, #zTC {
	position: relative;
	color: #050505; /*zvet texta */
	font-family: 'Montserrat', Verdana, Century Gothic;
	font-size: 0.9em;
	font-weight: bold;
	width: 15em;
}
#zCEM, #zCPE, #zHM, #zTC {
	margin-top: 14%;
	margin-left: 5%;
}
#zCl, #zCr, #zDry, #zPM{
	margin-top: 16%;
	margin-left: 5%;
}
.topic img {
	float: right;
	margin-top: -12.5%;
    margin-right: 11%;
}
.topic #imgCEM {
     margin-top: -14.5%;
     margin-right: 8%;
}
.topic #imgCl {
     margin-top: -14.0%;
     margin-right: 11%;
}
.topic #imgDry {
     margin-top: -14.5%;
     margin-right: 10%;
}
.topic #imgHM {
     margin-top: -15%;
     margin-right: 10%;
}
.text{
	font-size:0.9em;
	margin:-0.313em auto 0.313em;
}
#noview{
	opacity: 0;
}
.text .hide-block {
	display: none;
}
.text #hide{
 display: none;
}
.eq-img{
	width: 33.3%;
	height: auto;
}
.news{
	max-width: 100vw;
	height: 37em;
	background: #f4f5f7;
	margin: 20px 0 40px;
	padding: 20px 0 10px;
}
/*******************************/ 
/* Запуск адаптивного кода  */
@media screen and (max-width: 1160px)/*1050-1160*/{ 
.post-wrap {
	margin: 0 auto;
	max-width:1000px;
}
.topic {
	background-size: 95% 95%;
	width: 20.3em;
	height: 7.5em;
	margin: 0.1em 0.1em 0 0.1em;
}
#zCEM, #zCPE, #zCl, #zCr, #zDry, #zHM, #zPM, #zTC {
	width: 13em;
	margin-left: 9%;
	}
#zCEM, #zHM {
	margin-top: 13%;
}
#zDry, #zPM, #zCPE, #zTC{
	margin-top: 15%;
}
#zCl, #zCr{
	margin-top: 17.5%;
}

.topic img {
	float: right;
	margin-top: -12.5%;
    margin-right: 11%;
}
.topic #imgCEM {
     margin-top: -18.5%;
     margin-right: 8%;
}
.topic #imgCr {
     margin-top: -13.5%;
     margin-right: 11%;
}
.topic #imgPM {
     margin-top: -17%;
     margin-right: 11%;
}
.topic #imgCl {
     margin-top: -14.0%;
     margin-right: 11%;
}
.topic #imgDry {
     margin-top: -18.5%;
     margin-right: 10%;
}
.topic #imgHM {
     margin-top: -19%;
     margin-right: 10%;
}
}
@media screen and (max-width: 1050px)/*998-1050*/{ 
.post-wrap {
	margin: 0 auto;
	max-width:950px;
}
.topic {
	background-size: 93% 93%;
	width: 19.3em;
	height: 7.5em;
	margin: 0.1em 0.1em 0 0.1em;
}
.news{
	height: 36.5em;
}
}
@media screen and (max-width: 997px)/*906-997*/{ 
.post-wrap {
	margin: 0 auto;
	max-width:870px;
}
.topic {
	background-size: 92% 92%;
	width: 17.8em;
	height: 7.5em;
	margin: 0.1em 0.1em 0 0.1em;
}
.topic #imgCPE {
	width: 5.1em;
	height: auto;
    margin-right: 10%;
}
.topic #imgCEM {
     margin-top: -19.5%;
}
.topic #imgCl {
     margin-top: -15.0%;
     margin-right: 11%;
	}
.topic #imgDry {
     margin-top: -19.5%;
}
.topic #imgHM {
     margin-top: -21%;
}
}
@media screen and (max-width: 905px){  
.post-wrap {
	margin: 0 auto;
	max-width:750px;
}
.topic {
	background-size: 92% 92%;
	width: 15.4em;
	height: 7.5em;
	margin: 0.1em 0.1em 0 0.1em;
}
#zCEM, #zCPE, #zCl, #zCr, #zDry, #zHM, #zPM, #zTC {
	width: 8em;
	margin-left: 8%;
	}
#zCEM {
	margin-top: 13%;
}
#zTC, #zPM{
	margin-top: 19%;
}
#zCl, #zCr{
	margin-top: 22.5%;
	}
#zHM{
	margin-top: 15.5%;
	}
.topic #imgCEM {
     margin-top: -26.5%;
     margin-right: 8%;
}
.topic #imgCPE {
	 width: 4.8em;
	 height: auto;
     margin-top: -22.0%;
     margin-right: 11%;
}
.topic #imgDry {
     margin-top: -27.5%;
     margin-right: 10%;
}
.topic #imgHM {
	 width: 3.3em;
	 height: auto;
     margin-top: -23.9%;
     margin-right: 9%;
}
.topic #imgPM {
     margin-top: -21.5%;
     margin-right: 10%;
}
.topic #imgCl {
     margin-top: -19%;
     margin-right: 10%;
}
.topic #imgCr {
     margin-top: -17.5%;
     margin-right: 11%;
}
}
@media screen and (max-width: 768px) {
.post-wrap {
	margin: 0 auto;
	max-width:700px;
}
.caption{
	font-size: 1.8em;
}
.topic {
	background-size: 99% 99%;
	width: 48.5%;
	margin: 0.1em 0.5em 0 0.1em;
}
#zCEM, #zCPE, #zCl, #zCr, #zDry, #zHM, #zPM, #zTC {
	width: 15em;
	margin-left: 5%;
}
#zCl, #zCr, #zDry, #zPM {
	margin-top: 17%;
}
#zCEM, #zCPE, #zHM, #zTC {
	margin-top: 16%;
}
.topic #imgCEM {
     margin-top: -15%;
     margin-right: 8%;
}
.topic #imgCPE {
	 width: 5.9em;
	 height: auto;
     margin-top: -14.0%;
     margin-right: 9%;
}
.topic #imgHM {
	 width: 3.9em;
	 height: auto;
     margin-top: -17%;
     margin-right: 9%;
}
.topic #imgCl, .topic #imgDry {
     margin-top: -14.5%;
     margin-right: 11%;
}
.topic #imgCr, .topic #imgPM  {
     margin-top: -12.5%;
     margin-right: 11%;
}
#noview{
	display: none;
}
.hide-block {
   display: none;
	}
.hide-block + #hide ~ div{
    display: none;
}
.hide-block + #hide {
   display: block;
   float: right;
	}
.hide-block + #hide {
  color: #275F96;
  text-decoration: underline;
  font-size: 1em;
	font-weight: 600;
  cursor: pointer;
}
.hide-block:checked + #hide{
		display: none;
	}
.hide-block:checked + #hide ~ div{
    display: block;
}
.news{
	height: 35.5em;
}
}

@media only screen and (max-width: 660px){ 
.post-wrap {
	margin: 0 auto;
	max-width:550px;
}
.caption{
	font-size: 1.6em;
}
.topic {
	background-size: 92% 92%;
	width: 15.4em;
	height: 7.5em;
	margin: 0.1em 0.1em 0 0.1em;
}
#zCEM, #zCPE, #zCl, #zCr, #zDry, #zHM, #zPM, #zTC {
	width: 8em;
	margin-left: 8%;
	}
#zCEM {
	margin-top: 13%;
}
#zTC, #zPM{
	margin-top: 19%;
}
#zCl, #zCr{
	margin-top: 22.5%;
	}
#zHM{
	margin-top: 15.5%;
	}
.topic #imgCEM {
     margin-top: -26.5%;
     margin-right: 8%;
}
.topic #imgCPE {
	 width: 4.8em;
	 height: auto;
     margin-top: -22.0%;
     margin-right: 11%;
}
.topic #imgDry {
     margin-top: -27.5%;
     margin-right: 10%;
}
.topic #imgHM {
	 width: 3.3em;
	 height: auto;
     margin-top: -23.9%;
     margin-right: 9%;
}
.topic #imgPM {
     margin-top: -21.5%;
     margin-right: 10%;
}
.topic #imgCl {
     margin-top: -19%;
     margin-right: 10%;
}
.topic #imgCr {
     margin-top: -17.5%;
     margin-right: 11%;
}
	img.eq-img:last-child {
		display: none;
	}
	.eq-img {
		width: 50%;
	}
.news{
	height: 34.5em;
}
} 

@media only screen and (max-width: 520px){ 
  .post-wrap {
	margin: 0 auto;
	max-width:450px;
}
.topic {
	background-size: 99% 99%;
	width: 21.2em;
	margin: 0.1em 0.5em 0 0.1em;
}
#zCEM, #zCPE, #zCl, #zCr, #zDry, #zHM, #zPM, #zTC {
	width: 15em;
	margin-left: 5%;
}
#zCl, #zCr, #zDry, #zPM {
	margin-top: 17%;
}
#zCEM, #zCPE, #zHM, #zTC {
	margin-top: 16%;
}
.topic #imgCEM {
     margin-top: -15%;
     margin-right: 8%;
}
.topic #imgCPE {
	 width: 5.9em;
	 height: auto;
     margin-top: -14.0%;
     margin-right: 9%;
}
.topic #imgHM {
	 width: 3.9em;
	 height: auto;
     margin-top: -17%;
     margin-right: 9%;
}
.topic #imgCl, .topic #imgDry {
     margin-top: -14.5%;
     margin-right: 11%;
}
.topic #imgCr, .topic #imgPM  {
     margin-top: -12.5%;
     margin-right: 11%;
}
#noview{
	display: none;
}
} 

@media screen and (max-width: 400px){ 
  .post-wrap {
	margin: 0 auto;
	max-width:350px;
}
 img.eq-img:nth-child(2) {
		display: none;
	}
	.eq-img {
		width: 100%;
	}
}





