.picture-box-group{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:10px -10px}.picture-box-item{width:calc(50% - 20px);margin:10px;position:relative;cursor:pointer}.picture-box-item .content{position:absolute;left:0;top:50%;width:100%;text-align:center;z-index:3;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease;transform:translateY(-50%)}.picture-box-item .content h2{margin:0;color:#fff}.picture-box-item img{width:100%;height:100%}.picture-box-item{-webkit-perspective:700px;perspective:700px}.picture-box-item .front,.picture-box-item .back{height:100%;width:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:-webkit-transform .35s ease-in-out;transition:-webkit-transform .35s ease-in-out;-o-transition:transform .35s ease-in-out;transition:transform .35s ease-in-out;transition:transform .35s ease-in-out,-webkit-transform .35s ease-in-out;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.picture-box-item .front{-webkit-transform:rotateY(0);transform:rotateY(0);position:relative;z-index:1}.picture-box-item .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(18,48,113,0.5);z-index:2}.picture-box-item .back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg);position:absolute;top:0;left:0;background:#123071;padding:1.5em}.picture-box-item.flipped .front{-webkit-transform:rotateY(-180deg);transform:rotateY(-180deg)}.picture-box-item.flipped .back{-webkit-transform:rotateY(0);transform:rotateY(0)}.picture-box-item.flipped .content{opacity:0}.picture-box-item .back *{color:#fff !important}.picture-box-item .back>div>*:first-child{margin-top:0 !important}.picture-box-item .back>div>*:last-child{margin-bottom:0 !important}.picture-box-item .back>div{overflow:auto;max-height:100%;padding-right:5px}.picture-box-item .back>div::-webkit-scrollbar{width:8px}.picture-box-item .back>div::-webkit-scrollbar-thumb{background:#6f9cbf;border-radius:10px}.picture-box-item .back>div::-webkit-scrollbar-track{background:#123071}@media(min-width:768px) and (max-width:900px){.picture-box-item{width:calc(50% - 20px)}}@media(max-width:767px){.picture-box-group{margin:0 0 -10px}.picture-box-item{width:100%;margin:0 0 10px}}@media(max-width:550px){.picture-box-item .content h3{font-size:16px;padding:0px 10px}}