.cs-cat-list{background:#FFF;border-top:1px solid #000;border-bottom:1px solid #000;display:flex;flex-wrap:wrap;justify-content:center;list-style:none;margin:0 auto;max-width:1080px;padding:15px 0;position:relative;text-transform:uppercase}@media screen and (min-width: 1080px){.cs-cat-list:before,.cs-cat-list:after{background:#FFF;content:"";display:block;height:calc(100% + 2px);position:absolute;top:-1px;width:calc( (100vw - 1080px) / 2 )}.cs-cat-list:before{right:100%}.cs-cat-list:after{left:100%}}.cs-cat-list li{cursor:pointer;margin:5px 15px;text-align:center}.cs-cat-list li.active{font-weight:700}.cs-cat-list+.child-pages-wrap{padding-top:30px}p+.child-pages-wrap{padding-top:20px}@media (min-width: 600px){p+.child-pages-wrap{padding-top:40px}}.child-pages-wrap{background-color:#FFFFFF;position:relative}.child-pages-wrap:not(:last-child) .child-pages{margin-bottom:0 !important}.child-pages{display:flex;flex-wrap:wrap;justify-content:center;margin:20px;max-width:1080px}@media (min-width: 600px){.child-pages{padding-bottom:20px}}@media (min-width: 1020px){.child-pages{padding-bottom:40px}}@media (min-width: 1200px){.child-pages{padding-bottom:60px}}@media (min-width: 1120px){.child-pages{margin:0 auto 80px auto}.page-template-page-home .child-pages{margin:0 auto;padding-bottom:40px}}@media (min-width: 380px){.child-pages{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:16px;grid-row-gap:16px}}@media (min-width: 1020px){.child-pages{grid-template-columns:1fr 1fr 1fr}}.child-pages .entry{width:100%;box-sizing:border-box}.child-pages .entry a{display:block;position:relative}.child-pages .entry a:before{content:"";width:100%;height:100%;display:block;background-color:rgba(255,255,255,0.8);position:absolute;left:0;top:0;z-index:3;transition:opacity .4s, background-color .4s}.child-pages .entry a:after{content:"";width:10px;height:10px;display:block;border-top:2px solid #FFF;border-right:2px solid #FFF;position:absolute;top:15px;right:15px;transform:translate(-50px, 50px);opacity:0;transition:transform .8s, opacity .5s;z-index:3}.child-pages .entry a .img{height:0;padding-bottom:65%;position:relative;display:block;overflow:hidden;background-color:#D6D6D6}.child-pages .entry a .img:after{content:"";width:50%;height:50%;display:block;background:url("../img/pure-communications-group_wht.svg") center center no-repeat;background-size:contain;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);opacity:.8;z-index:1}.child-pages .entry a .img img{width:100%;height:100%;display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);object-fit:cover;z-index:2}.no-objectfit .child-pages .entry a .img img{height:auto}.child-pages .entry a .txt{display:block;padding:30px;position:absolute;left:0;top:50%;right:0;transform:translateY(-50%);font-size:1.6em;line-height:1.1em;text-transform:uppercase;font-weight:700;text-align:center;z-index:4;transition:color .4s}.no-touchevents .child-pages .entry a:hover .txt,.child-pages .entry a.clicked .txt{color:#FFF}.no-touchevents .child-pages .entry a:hover:before,.child-pages .entry a.clicked:before{background-color:rgba(0,0,0,0.3)}.no-touchevents .child-pages .entry a:hover:after,.child-pages .entry a.clicked:after{transform:translate(0, 0);opacity:1}
