.tdperim {
width: 20%;
padding: 7px 7px 14px 7px;
vertical-align: text-top;
}

.imgperim {
margin: 7px 0 7px 0;
}

.tdsrav1 {
width: 20%;
  padding: 7px 7px 7px 7px;
}

.tdsrav2 {
  width: 16%;
background: #fff;
  border: solid 1px #ededed;
  padding: 7px 7px 7px 7px;
}

.tdsrav3 {
  width: 16%;
background: #f5fff5;
  border: solid 1px #ededed;
    padding: 7px 7px 7px 7px;
}

.psrav {
  font-size: 12pt !important;
  float: left;
  font-weight: 500;
}

.psrav1 {
  font-size: 12pt !important;
}

.psrav2 {
  font-size: 12pt !important;
}

.psrav21 {
  font-size: 9pt !important;
}

.psrav22 {
  font-size: 9pt !important;
}



 /* таблицы */

table {text-align: left;}
 
@media 
only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px)  {
 
 /* Force table to not be like tables anymore */
.table, thead, tbody, th, td, tr { 
 display: block; 
 }
 
 /* Hide table headers (but not display: none;, for accessibility) */
.thead tr { 
 position: absolute;
 top: -9999px;
 left: -9999px;
 }
 
.tr { border: 0px solid #ccc; }
 
.td { 
 /* Behave  like a "row" */
 border: none;
        width: 100%!important; 
 position: relative;
 }
 
.td:before { 
 /* Now like a table header */
 position: absolute;
 /* Top/left values mimic padding */
 top: 6px;
 left: 6px;
 width: 45%; 
 padding-right: 10px; 
 white-space: nowrap;
 }
  
  .tdsrav1 {
  width: 100%;
  padding: 7px 7px 7px 7px;
}

.tdsrav2 {
  width: 100%;
background: #fff;
  border: solid 1px #ededed;
  padding: 7px 7px 7px 7px;
}

.tdsrav3 {
  width: 100%;
background: #f5fff5;
  border: solid 1px #ededed;
    padding: 7px 7px 7px 7px;
}
  
  .trsrav {
  display:none;
  }  
  
  .psrav {
  font-size: 12pt !important;
    float: none !important;
  font-weight: 500;
}
  
.tdperim {
width: 44%;
height: 185px;
padding: 7px 7px 14px 7px;
vertical-align: text-top;
float:left;
}
}





.tooltip113 {
  color: #fff !important;
    position: relative !important;
		cursor: pointer !important;
  padding: 1px 5.5px 1px 5.5px;
  border: solid 0px #000;
  border-radius: 50%;
  font-size: 13px !important;
  font-weight: 400;
  background-color: #c7c7c7;
  line-height: 19px !important;
}

.tooltip113:before, 
.tooltip113:after {
	display: block !important;
  position: absolute !important;
  left: 50%;
    -webkit-transition: opacity .7s;
  -moz-transition: opacity .7s;
  transition: opacity .7s; 
  
 visibility: hidden;
  opacity: 0;
}
.tooltip113:before {
  width: 300px;  
  bottom: 30px;
  padding: 10px;
  margin-left: -150px;
  font-size: 15px !important;
  font-weight: 500;
  color: #000 !important;
  text-align: center;
  content: attr(data-title);
  background-color: #ffd528;
  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
 
}

.tooltip113:after {
content:"";
  border-top: 10px solid rgba(255,213,40,.85);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  bottom: 20px;
  margin-left:-10px;
}

.tooltip113:hover:before,
.tooltip113:hover:after{
  visibility: visible;
 opacity: 1; 
}

.boxsvg {
text-align: center;
}

#item-16403267360 {
display:none;
}