.frame{margin-top:50px;position:fixed;top:0;left:0;width:100%;height:100%;border-radius:2px;box-shadow:1px 2px 10px #00000040;overflow:hidden;background:#333;color:#fff;font-family:Agency FB,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;justify-content:center;align-items:center}.boxes{display:flex;flex-direction:row;align-items:stretch;width:100%;height:100%}.box:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;transition:opacity .5s ease;z-index:1;display:flex;justify-content:center;align-items:center;font-size:24px;text-align:center;opacity:1}.box[data-content="~/Client/12.png"]:before{background:url(/Client/12.png) center center/cover no-repeat;background-size:50%}.box[data-content="~/Client/10.png"]:before{background:url(/Client/10.png) center center/cover no-repeat;border:5px solid #181c36;background-size:60%}.box[data-content="~/Client/11.jpeg"]:before{background:url(/Client/11.jpeg) center center/cover no-repeat;background-size:60%}.box:hover:before{opacity:0}.box{position:relative;flex:1 1 auto;width:20%;background:gray;transition:all .5s ease-in-out;cursor:pointer;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.box.dark{background:#181c36}.box.orange{background:#fea501}.box:hover{width:100%}.box:hover .content{margin-bottom:10px;opacity:1}.box.with-image img{width:100%;height:auto;object-fit:cover;margin:0 auto;opacity:1}.box-content{text-align:center}.box-content img{width:50%;height:auto;margin-bottom:10px}.box-content h3,.box-content p{margin:5px 0}.box-content ul{list-style-type:none;padding:0;text-align:left;margin-left:20px}.box-content ul li{margin-bottom:5px}.box.dark .box-content ul,.box.orange .box-content ul{display:none}.box.orange .box-content,.box.dark .box-content{display:flex;flex-direction:column;align-items:center;justify-content:center}.box.dark .box-content ul,.box.orange .box-content ul{display:block}.box-content ul li:before{content:"•";color:#fff;display:inline-block;width:1em;margin-left:-1em}.content{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:20px;opacity:0;transition:opacity .5s ease}.box:hover .content{opacity:1}.box h3{font-weight:700;font-size:20px;text-align:center;margin-top:10px;margin-bottom:5px}.box img{width:50%;height:auto;margin-bottom:5px}.box .text{font-weight:700;font-size:20px;text-align:center;margin-top:5px}.box p{margin-bottom:5px}
ul {
    margin-top: 20px;
    list-style-type: "-";
}@media only screen and (max-width: 600px){div#videoModal{z-index:100}}