@keyframes slideIn{0%{transform:translateY(-50px)}to{transform:translateY(0)}}@keyframes slideOut{0%{transform:translateY(0)}to{transform:translateY(-50px)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.playbox *,.playboximage *{margin:0;border:0;padding:0;box-sizing:border-box}.playbox,.playboximage{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;overflow:auto;background-color:rgba(0,0,0,.6);display:none;grid-template-rows:auto max-content;grid-template-columns:100%;-ms-grid-rows:1fr max-content;-ms-grid-columns:1fr}.playbox.playbox-fade-in,.playboximage.playbox-fade-in{display:grid;display:-ms-grid;opacity:1}.playbox.playbox-fade-out,.playboximage.playbox-fade-out{display:grid;display:-ms-grid;opacity:0}.playbox .exit,.playboximage .exit{position:absolute;top:10px;right:10px;font-size:2.5rem;color:#fff;width:40px;height:40px;overflow:hidden;cursor:pointer;text-align:center;line-height:40px;background-color:red;font-family:"Times New Roman",Times,serif;border-radius:50%;z-index:10}.playbox .exit::selection,.playboximage .exit::selection{color:unset;background:0 0}.playbox .container,.playboximage .container{position:relative;min-height:200px;-ms-grid-row:1}.playbox .container{top:20px;width:95%;background-color:#fff;box-shadow:0 0 5px rgba(0,0,0,.5);margin:0 auto 50px;max-width:800px;padding:30px 20px;border-radius:4px}.playboximage .container{display:flex;box-shadow:none;justify-content:center;align-items:center}@media (max-width:700px){.playbox .container{top:25px;width:92%}.playbox .exit,.playboximage .exit{top:8px;right:8px;width:30px;height:30px;font-size:2rem;line-height:28px}}.playboximage .exit{box-shadow:0 0 6px rgba(218,0,0,.6)}.playboximage .bg-image{max-width:calc(100% - 120px);max-height:100%;flex-shrink:0}.playboximage .arrow{padding:6px 16px;margin:8px;background-color:#303030;color:#ddd;font-weight:700;display:inline-block;font-size:1.5rem;z-index:102;border-radius:100%;box-shadow:0 0 6px rgba(0,0,0,.6);cursor:pointer;flex:0 0 auto}.playboximage .image-list{position:relative;overflow:hidden;max-height:180px;box-shadow:0 0 6px rgba(0,0,0,.6);background-color:rgba(0,0,0,.4);padding:20px 50px;-ms-grid-row:2}.playboximage .image-list .owl-stage{min-width:100%}.playboximage .image-list .owl-item{display:inline-block}.playboximage .image-list img{width:auto;max-height:140px;border:1px solid rgba(0,0,0,.3);box-shadow:0 0 10px rgba(0,0,0,.5);border-radius:8px;cursor:pointer}.playboximage .image-list .center>img{transition:all .2s ease;border:0;box-shadow:0 0 7px rgba(255,255,255,.7)}.playboximage .image-list .owl-dots,.playboximage .image-list .owl-nav{display:none}@media (max-width:800px){.playboximage .arrow:active{transition:all .2s ease;background-color:rgba(124,124,124,.836)}.playboximage .image-list{box-shadow:0 0 4px rgba(0,0,0,.6);padding:10px}.playboximage .image-list img{width:auto;margin-right:8px;max-height:110px}}