@charset "UTF-8";

.services_list
{
 position: relative;
 padding: 0;
 margin-top: -30px;
 margin-left: 0;
 margin-right: 0;
 margin-bottom: 70px;
}

.service_subhead
{
 position: relative;
 padding: 0;
 margin: 0
}

.service_header
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 background: #F0F0F0;
 border-radius: 5px;
 justify-content: space-between
}

.service_name_head
{
 position: relative;
 padding: 10px;
 margin: 0;
 font-size: 0.875rem;
 font-weight: 400;
 color: #333
}

.service_price_head
{
 position: relative;
 padding: 10px;
 margin: 0;
 font-size: 0.875rem;
 font-weight: 400;
 color: #333;
 text-align: right
}

.service:nth-child(even)
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 background: #F6F6F6;
 border-radius: 5px;
 justify-content: space-between
}

.service:nth-child(odd)
{
 display: flex;
 position: relative;
 padding: 0;
 margin: 0;
 justify-content: space-between
}

.service_name
{
 position: relative;
 padding: 10px;
 margin: 0;
 font-size: 0.875rem;
 font-weight: 300;
 color: #333
}

.service_price
{
 position: relative;
 padding: 10px;
 margin: 0;
 font-size: 0.875rem;
 font-weight: 300;
 color: #333;
 text-align: right
}

.rub
{
	display: inline-block;
 font-size: 0.875rem;
 font-weight: 400;
 color: #666;
 line-height: 4px;
	width: 0.4em;
	border-bottom: 1px solid #666
}

@media screen and (max-width: 980px)
{
 .services_list
 {
  margin-top: -20px;
  margin-bottom: 50px
 }
}

@media screen and (max-width: 920px)
{
 .services_list
 {
  margin-top: -10px;
  margin-bottom: 30px
 }
}

@media screen and (max-width: 480px)
{
 .service_name_head
 {
  font-size: 1rem;
  font-weight: 500
 }

 .service_price_head
 {
  font-size: 1rem;
  font-weight: 500
 }

 .service_name
 {
  font-size: 1rem;
  font-weight: 400
 }

 .service_price
 {
  font-size: 1rem;
  font-weight: 400
 }
}