/* Start:/local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?15662966421563*/
.nav-pages{
      margin-top: 35px;

}

.system-nav-orange
{
	color: #999;
	font-size:12px;
}

.system-nav-orange .nav-current-page{
   background: #EC7272;
   color:#ffffff;
   font-size:20px;
   font-weight: 400;
   width:55px;
   display: inline-block;
   text-align:center;
    padding-top: 11px;
    padding-bottom: 12px;
    border:1px solid #EC7272;

}
.str {
    padding-bottom: 9px;
    padding-top: 24px;    }

.str_l{
 position:relative;
 display:none!important;

}

.system-nav-orange {
    color: #999;
    font-size: 12px;
    margin-bottom: 120px;
    padding-left: 105px;
}


.str_r{
 position:relative;
 display:none!important;
}

.str_l:after{
  position: absolute;
  top: 0px;
  left:0;
  right: 0;
  margin: auto;
  bottom: 0;
  content: '«';
      font-size: 30px;


}

.str_r:after{
  position: absolute;
  top: 0px;
  left:0;
  right: 0;
  margin: auto;
  bottom: 0;
  content: '»';
      font-size: 30px;


}


.point{
    background: white;
    color: black;
    font-size: 20px;
    font-weight: 400;
    width: 55px;
    display: inline-block;
    text-align: center;
    padding-top: 11px;
    padding-bottom: 12px;
    border: 1px solid #D0CACA;
}

.point:hover{
   text-decoration: none;
   color: #000;
   opacity: 0.8;
}

.str{
    width: 40px;
      display: inline-table;
    text-align: center;
    font-weight: 300;
    border: 1px solid #c6c6c6;
    color: black;
 }
 
 .str:hover{
 
  text-decoration:none;
  color: #000;
  opacity: 0.8
 }
 
 @media (max-width: 768px) {
     .system-nav-orange
{

text-align: center;

}
 }
/* End */
/* /local/templates/.default/components/bitrix/system.pagenavigation/.default/style.css?15662966421563 */