.bonuses {margin-bottom:140px}
@media screen and (max-width:900px ) {.bonuses {margin:0 -20px;padding-top:60px }}
.bonuses__title {margin-bottom:30px}
@media screen and (max-width:900px ) {.bonuses__title {padding:0 20px }}
.bonuses >.row {position:relative}
@media screen and (max-width:900px ) {.bonuses >.row {padding-bottom:120px }}
.bonuses >.row:before {content:'';display:block;position:absolute;left:calc(50% - 60px);right:0;top:16px;bottom:-40px;background:#000}
@media screen and (max-width:900px ) {.bonuses >.row:before {height:240px;bottom:0;top:unset;left:0;right:0 }}
.bonuses >.row .row .col {padding:0}
@media screen and (min-width:901px ) {.bonuses >.row .row .col:nth-child(4) {position:relative }.bonuses >.row .row .col:nth-child(4):before {content:'';display:block;position:absolute;top:100%;left:100%;width:206px;height:206px;margin-top:-103px;margin-left:-103px;background:url(../themes/gromit/assets/img/svg/appearance/bonuses-round.svg) center / contain no-repeat }.bonuses >.row .row .col:nth-child(4):after {content:'';display:block;position:absolute;width:430px;height:218px;left:47px;top:100%;margin-top:-47px;background:url(../themes/gromit/assets/img/svg/appearance/bonuses-triplex.svg) center / contain no-repeat }}
@media screen and (max-width:900px ) {.bonuses >.row .row .col:last-child:before {content:'';display:block;position:absolute;bottom:55px;left:50%;width:130px;height:130px;margin-left:-65px;background:url(../themes/gromit/assets/img/svg/appearance/bonuses-round.svg) center / contain no-repeat }.bonuses >.row .row .col:last-child:after {content:'';display:block;position:absolute;width:85px;height:80px;right:20px;bottom:20px;background:url(../themes/gromit/assets/img/svg/appearance/bonuses-triplex--small.svg) center / contain no-repeat }}
.bonuse {padding-top:100%;position:relative;background:#f7f7f7;outline:1px #fff solid}
@media screen and (max-width:900px ) {.bonuse {padding-top:0;height:120px }}
.bonuse div {position:absolute;left:40px;right:40px}
@media screen and (max-width:900px ) {.bonuse div {left:20px;right:20px }}
.bonuse__name {top:40px}
@media screen and (max-width:900px ) {.bonuse__name {top:30px }}
.bonuse__cost {bottom:40px}
@media screen and (max-width:900px ) {.bonuse__cost {bottom:30px }}