.demo-videos .top-section{margin-bottom:1.5rem;text-align:center}.demo-videos .top-cnt h6{color:#ee4336;font-size:.875rem;font-weight:700;letter-spacing:2.5px;margin-bottom:0;text-transform:uppercase}.demo-videos .top-cnt h1{margin-bottom:3rem}.demo-videos .row{display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px}.demo-videos .video-card-content{padding-left:15px;padding-right:15px;position:relative;width:100%}.demo-videos .video-item{display:block;margin-bottom:3rem}.demo-videos .video-summary{display:flex;flex-direction:column;min-width:0;position:relative;word-wrap:break-word;background-clip:border-box;background-color:#fff;border:0;border-radius:.25rem;box-shadow:0 .5rem 1rem rgba(0,0,0,.15)}.demo-videos .card-body{flex:1 1 auto;min-height:1px;padding:1.25rem}.demo-videos .title{margin-bottom:1rem}.demo-videos .card-body h3{font-size:2rem}.demo-videos .title a{color:inherit}.demo-videos .post-meta{color:#adb5bd;font-size:.82rem;line-height:1.2;margin-bottom:1rem}.demo-videos .date{margin-right:.5rem;white-space:nowrap}.demo-videos .description{margin-bottom:1rem}.demo-videos .description p:last-child{margin-bottom:0}.demo-videos .description p{font-size:1rem}.demo-videos .card-body .btn>a{background-color:#ee4336;border:1px solid #ee4336;border-radius:.25rem;color:#fff;display:inline-block;font-size:1rem;line-height:1.5;padding:.375rem .75rem;vertical-align:middle}.demo-videos .card-body .btn>a:hover{background-color:#ea2314;border-color:#de2113}.demo-videos .video-summary .card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);flex:0 0 auto;position:relative;width:100%}.demo-videos .card-img-top:after,.demo-videos .card-img-top:before{left:0;opacity:0;position:absolute;transition:all .2s ease;width:100%}.demo-videos .card-img-top:before{background:rgba(33,34,56,.5);content:" ";height:100%;top:0}.demo-videos .card-img-top:after{color:#fff;content:"\f144";font-family:Font Awesome\ 6 Free;font-size:5rem;font-weight:600;height:1em;line-height:1em;text-align:center;top:50%;transform:translateY(-50%)}.demo-videos .card-img-top img{display:block;width:100%}.demo-videos .video-summary:hover .card-img-top:after,.demo-videos .video-summary:hover .card-img-top:before{opacity:1}.VideoModal{display:none;height:100%;left:0;outline:0;overflow:hidden;position:fixed;top:0;transition:opacity .15s linear;width:100%;z-index:1050}.VideoModal:not(.show){opacity:0}.VideoModal.show .video-modal-dialog{transform:none}.video-open .VideoModal{overflow-x:hidden;overflow-y:auto}.video-modal-dialog{margin:.5rem;pointer-events:none;position:relative;transform:translateY(-50px);transition:transform .3s ease-out;width:auto}.video-modal-content{background-clip:padding-box;background-color:#fff;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;display:flex;flex-direction:column;outline:0;pointer-events:auto;position:relative;width:100%}.video-modal-header{align-items:flex-start;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px);display:flex;justify-content:space-between;padding:1rem}.video-modal-title{line-height:1.5;margin-bottom:0}.video-modal-header .close{color:#000;cursor:pointer;font-size:1.5rem;font-weight:700;line-height:1;margin:-1rem -1rem -1rem auto;opacity:.5;padding:1rem;text-shadow:0 1px 0 #fff}.VideoModal .modal-body{flex:1 1 auto;position:relative}.VideoModal .demo-video{margin-left:auto;margin-right:auto;max-width:100%}.VideoModal .embed-responsive{display:block;overflow:hidden;padding:0 0 56.3%;position:relative;width:100%}.VideoModal .embed-responsive video{border:0;bottom:0;height:100%;left:0;position:absolute;top:0;width:100%}.video-modal-header .close:hover{opacity:.75}.video-modal-backdrop{background-color:#000;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .15s linear;visibility:hidden;width:100vw;z-index:1040}.video-open .video-modal-backdrop{opacity:.5;visibility:visible}@media (min-width:576px){.video-modal-dialog{margin:1.75rem auto;max-width:500px}}@media (min-width:768px){.demo-videos .video-card-content{flex:0 0 50%;max-width:50%}}@media (min-width:992px){.video-modal-dialog{max-width:800px}}@media (min-width:1200px){.video-modal-dialog{max-width:1400px}}