.offer-blocks {margin: 50px 0 0;}
.offer-blocks.big {margin-top: 20px;}
.offer-blocks.small {margin-top: 10px;}
.offer-block {background: #f2f1f1; color: #8a8a8a;}
.offer-blocks.big .offer-block {margin-bottom: 15px;}
.offer-blocks.small .offer-block {margin-bottom: 10px;}
.offer-block a {display: block;}
.offer-block a.btn {display: inline-block; margin-top: 20px;}
.offer-block.imageright a.btn {margin-left: 30px;}
.offer-blocks.big .offer-block.imageright a.btn,
.offer-blocks.big .offer-block.imageleft a.btn,
.offer-blocks.small .offer-block.imageright a.btn,
.offer-blocks.small .offer-block.imageleft a.btn {margin-left: 0px; margin-top: 30px;}
.offer-blocks.small .offer-block a.btn,
.offer-blocks.small .offer-block.imageleft a.btn,
.offer-blocks.small .offer-block.imageright a.btn {margin-left: 30px; margin-bottom: 25px;}
.offer-block .image {position: relative; overflow: hidden; float: left; display: block; width: 295px; height: 305px;}
.offer-blocks.small .offer-block .image {float: none; width: 100%;}
.offer-block.imageleft .image:after {content: ''; position: absolute; right: 0; top: 20px; z-index: 2; display: block; width: 16px; height: 32px; background: url('../images/offer_block_arrow_16x31.svg') no-repeat 0 0; background-size: 32px 32px;}
.offer-block.imageright .image:after {content: ''; position: absolute; left: 0; top: 20px; z-index: 2; display: block; width: 16px; height: 32px; background: url('../images/offer_block_arrow_16x31.svg') no-repeat -16px 0; background-size: 32px 32px;} 
.offer-blocks.big .offer-block.imageleft .image:after,
.offer-blocks.big .offer-block.imageright .image:after,
.offer-blocks.small .offer-block.imageleft .image:after,
.offer-blocks.small .offer-block.imageright .image:after {display: none;}
.offer-block .image img {display: block; width: 100%;}
.offer-block:hover .image:before {content: ''; position: absolute; z-index: 1; display: block; width: 100%; height: 100%; background-image: url('../images/offer_block_hover.svg'); background-size: 68px 68px; background-repeat: no-repeat; background-position: center; background-color: rgba(142, 179, 70, 0.63);}
.offer-block.imageleft .image,
.offer-blocks.big .offer-block.imageright .image {float: left; margin-right: 30px; margin-left: 0px;}
.offer-blocks.small .offer-block.imageright .image {margin-left: 0px;}
.offer-block.imageright .image {float: right; margin-left: 30px;}
.offer-block h2 {padding-top: 20px; margin-left: 30px; margin-right: 20px; color: #596c83; font: 28px 'DINProMedium'; line-height: 30px;}
.offer-block:hover h2 {color: #b5c3d4;}
.offer-block ul {margin-left: 30px;}
.offer-block ul li {margin-top: 20px; margin-right: 40px;}
.offer-block ul li:before {content: "• "; float: left; display: inline-block; margin: 1px 5px 0 0; color: #9cc848; font: 20px 'DINProMedium'; line-height: 16px;}