.cards-4{background-color:#000;padding:40px 0}.cards-4.bg-white{background:#fff;color:#000}.cards-4 .card-list{list-style:none;margin:0;padding:0}.cards-4 .card-item{margin:0 0 20px;-webkit-transition:all .6s cubic-bezier(0.215,0.61,0.355,1);-o-transition:all .6s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all .6s cubic-bezier(0.215,0.61,0.355,1);transition:all .6s cubic-bezier(0.215,0.61,0.355,1);text-align:center}.cards-4 .card-item .card-info{padding:20px 10px;-webkit-transition:all .6s cubic-bezier(0.215,0.61,0.355,1);-o-transition:all .6s cubic-bezier(0.215,0.61,0.355,1);-moz-transition:all .6s cubic-bezier(0.215,0.61,0.355,1);transition:all .6s cubic-bezier(0.215,0.61,0.355,1);position:relative}@media only screen and (min-width:767px){.cards-4{padding:50px 0}.cards-4 .card-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-webkit-justify-content:flex-start;-moz-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-flow:row wrap;-moz-box-orient:horizontal;-moz-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.cards-4 .card-item{width:-webkit-calc(33.33% - 20px);width:-moz-calc(33.33% - 20px);width:calc(33.33% - 20px);margin:0 10px 0}}@media only screen and (min-width:1023px){.cards-4{padding:70px 0}}