.random-grids{margin-top:30px;margin-bottom:30px}
.flex-container{display:flex;flex-wrap:wrap;flex-direction:row}
.flex-item{flex-basis:100%;flex-grow:1;background:#CCC;padding-left:15px;padding-right:15px}
.random-grids .btn-primary{width:auto}
.random-grids .flex-item,.random-grids.white-bg .flex-item{background:#FFF}
.random-grids.grey-bg .flex-item{background:#f7f7f7}
.random-grids.closed.white-bg .flex-container{border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3}
.random-grids.white-bg .flex-container .flex-item{border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3}
.random-grids.closed.grey-bg .flex-container{border-top:1px solid #FFF;border-left:1px solid #FFF}
.random-grids.grey-bg .flex-container .flex-item{border-right:1px solid #FFF;border-bottom:1px solid #FFF}
.random-grids.four-cols .flex-item{padding-top:0;padding-bottom:0}
.random-grids.three-cols .flex-item{padding-top:0;padding-bottom:0}
.random-grids .flex-item .cta-secondary{margin-top:20px}
.random-grids .flex-item ul{padding-left:20px}
.random-grids .flex-item .parsys .image{text-align:center}
.random-grids.three-cols .flex-item .parsys .contentVideoPlayer img,.random-grids.four-cols .flex-item .parsys .contentVideoPlayer img{width:100%}
.random-grids .flex-item .parsys .contentVideoPlayer>div>.paddingcontent{padding-left:15px;padding-right:15px}
.random-grids.three-cols .flex-item .parsys{margin-top:40px;margin-bottom:65px}
.random-grids.four-cols .flex-item .parsys{margin-top:30px;margin-bottom:40px}
.random-grids.four-cols .flex-item .parsys img{width:100%;margin:0 auto 20px}
.random-grids.three-cols .flex-item .parsys img{width:100%;margin:0 auto 20px}
.random-grids.open.white-bg .flex-container .flex-item{border-bottom:1px solid #e3e3e3;border-right:1px solid #FFF}
.random-grids.open.white-bg .flex-container .flex-item:last-of-type{border-bottom:1px solid #FFF}
.drawercomponent .drawer_default .random-grids{margin-bottom:0}
.drawercomponent .drawer_hidden .random-grids{margin-top:0}
@media(min-width:768px){.random-grids.four-cols .flex-item{flex-basis:calc(50% - 31px)}
.random-grids.three-cols .flex-item{flex-basis:calc(50% - 31px)}
.random-grids.open.white-bg .flex-container .flex-item{border-right:1px solid #e3e3e3}
.random-grids.open.white-bg .flex-container .flex-item:nth-of-type(2n){border-right:1px solid #FFF}
.random-grids.open.white-bg .flex-container .flex-item:nth-last-of-type(-n+2){border-bottom:1px solid #FFF}
}
@media(min-width:992px){.random-grids.four-cols .flex-item{flex-basis:calc(25% - 31px)}
.random-grids.three-cols .flex-item{flex-basis:calc(33.33% - 31px)}
.random-grids.open.white-bg .flex-container .flex-item:nth-of-type(2n){border-right:1px solid #e3e3e3}
.random-grids.open.white-bg .flex-container .flex-item:nth-last-of-type(-n+2){border-bottom:1px solid #e3e3e3}
.random-grids.open.white-bg.four-cols .flex-container .flex-item:nth-of-type(4n){border-right:1px solid #FFF}
.random-grids.open.white-bg.four-cols .flex-container .flex-item:nth-last-of-type(-n+4){border-bottom:1px solid #FFF}
.random-grids.open.white-bg.three-cols .flex-container .flex-item:nth-of-type(3n){border-right:1px solid #FFF}
.random-grids.open.white-bg.three-cols .flex-container .flex-item:nth-last-of-type(-n+4){border-bottom:1px solid #FFF}
}