.offer-catalog:before{
position: absolute;
left:50%;
display:block;
content:"";
width: calc(100vw - 12px);
margin-left:-50vw;
background-color: #f8f8f8;
bottom:0;
top:0;
}
.offer-catalog{
position: relative;
margin-bottom: 30px;
padding: 20px 0 30px 0;
margin-top: 30px;
}

.offer-catalog .offer-catalog-header{
position: relative;
}

.offer-catalog .offer-grid {
display: grid;
grid-template-columns:repeat(4,1fr);
grid-gap: 3px;
grid-template-rows:auto;
grid-template-areas:
"q w e r";
}
.offer-catalog .offer-grid .offer-item1{
grid-area: q;
}
.offer-catalog .offer-grid .offer-item2{
grid-area: w;
}
.offer-catalog .offer-grid .offer-item3{
grid-area: e;
}
.offer-catalog .offer-grid .offer-item4{
grid-area: r;
}

.offer-catalog .offer-grid .offer-item{
border: 1px solid #ececec;
}
.offer-catalog .offer-grid .offer-item .ref{
    color: inherit;
    text-decoration: none;
    position: relative;
    display: block;
    height: 100%;
    padding: 20px;
    background-color: #fff;
    box-sizing: border-box;
    overflow: hidden;
}

.offer-catalog .offer-grid .offer-item .ref .ref-icon{
 width: 100%;
text-align:  center;
}

.offer-catalog .offer-grid .offer-item .ref a{
text-decoration: none;
}

.offer-catalog .offer-grid .offer-item .ref .ref-icon img{
 width: 190px;
height: 190px;
position: relative;
border-radius: 100%;
}

.offer-catalog .offer-grid .offer-item .info-sticker-block{
top: 33px;
left: 35px;
position: absolute;
}

.offer-catalog .offer-grid .offer-item .info-sticker-block .sale-text{
background: #fc482d;
color: #fff;
font-weight: bold;
display: inline-block;
padding: 4px 9px 3px 8px;
vertical-align: top;
font-size: .9em;
line-height: 1.682em;
}

.offer-catalog .offer-grid .offer-item .inner-text{
margin-top: 16px;
text-align: center;
font-size: 15px;
font-family: Open Sans, Arial, sans-serif;
line-height: 1.692em;
}

.offer-catalog .offer-grid .offer-item .inner-text  .svg.red{
fill: red;
}
.offer-catalog .offer-grid .offer-item .inner-text  .svg{
padding: 0 5px;
}
.offer-catalog .offer-grid .offer-item .period-block { 
color: #999;
}

@media screen and (max-width:1155px){
.offer-catalog .offer-grid {
grid-template-columns:repeat(2,1fr);
grid-template-areas:
"q w"
"e r";
}
}

@media screen and (max-width:694px){
.offer-catalog .offer-grid {
grid-template-columns:repeat(1,1fr);
grid-template-areas:
"q"
"w"
"e"
"r";
}
}

.box-shadow {
    transition: transform ease 0.2s, box-shadow ease 0.2s;
}

.box-shadow:hover{    
    box-shadow: 0 10px 20px 0 rgb(0 0 0 / 10%);
    -webkit-transform: translateY(-1px);
    transform: translateY(-1px);    
    z-index: 1;
}
.box-shadow a{
color: #333;
}
.box-shadow a:hover{
    color: rgb(21,82,157);
}