*{margin:0;padding:0}body{font-family:"Inter",sans-serif;font-weight:400;font-size:16px}.not-scrollable{overflow-y:hidden}.demoVideo{display:none;position:fixed;z-index:9999 !important;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.8)}.demoVideo.modal{margin-top:0px}.demo-wrapper{margin:50px
auto;display:block;border-radius:3px;width:97%;max-width:1500px;overflow:hidden;background-color:#fff}.demo-wrapper{-webkit-animation-name:zoom;-webkit-animation-duration:0.4s;animation-name:zoom;animation-duration:0.4s}@-webkit-keyframes
zoom{from{-webkit-transform:scale(0.9)}to{-webkit-transform:scale(1)}}@keyframes
zoom{from{transform:scale(0.9)}to{transform:scale(1)}}.demo-wrapper .close-modal{cursor:pointer;position:absolute;top:10px;right:10px;color:#fff;font-size:20px;font-weight:bold;transition:0.3s;background-color:#6e7e8f;border-radius:50%;padding:2px;width:30px;height:30px;text-align:center;margin:0}.demo-wrapper .close-modal:hover, .demo-wrapper .close-modal:focus{color:#fff;background-color:#3daae4;text-decoration:none;cursor:pointer}.demo-wrapper{border-radius:10px;overflow:hidden;position:relative}.demo-wrapper .side-menu{background-color:#212A33;padding:20px
30px;color:#BCBFC2;max-width:100%;position:relative}.demo-wrapper .side-menu
h2{display:none;font-family:"brandon-grotesque",sans-serif;text-transform:uppercase;color:#3772B0;font-size:16px;font-weight:600;margin-bottom:20px;align-items:center}.demo-wrapper .side-menu h2:hover{cursor:pointer}.demo-wrapper .side-menu h2
img{width:25px;height:auto;margin-right:15px}.demo-wrapper .side-menu
ul{list-style:none;padding-right:40px;padding-left:0}.demo-wrapper .side-menu ul
li{font-size:14px;line-height:22px;padding:7px
25px 7px 30px;position:relative}.demo-wrapper .side-menu ul li:hover{background-color:rgba(255, 255, 255, 0.1);border-radius:5px;cursor:pointer}.demo-wrapper .side-menu ul>li::before{content:"";position:absolute;background:url("/wp-content/themes/tonido2/images/demo_video/icon-pointer-blue.svg");background-repeat:no-repeat;background-size:contain;width:8px;height:8px;top:0;margin-top:13px;left:0;margin-left:10px}.demo-wrapper .side-menu ul li.active, .demo-wrapper .side-menu ul li.active:hover{background-color:#3772B0;color:#fff;border-radius:5px}.demo-wrapper .side-menu ul>li.active::before{content:"";position:absolute;background:url("/wp-content/themes/tonido2/images/demo_video/icon-pointer-white.svg");background-repeat:no-repeat;background-size:contain}.demo-wrapper .side-menu ul li
span{font-size:12px;padding-top:6px}.demo-wrapper .admin-menu{margin-top:50px}.demo-wrapper .user-menu, .demo-wrapper .admin-menu{display:none;position:absolute;top:60px;right:0;z-index:99;max-width:350px;width:100%;background-color:#212A33;height:100vh;padding:30px}.demo-wrapper .admin-menu{top:10px}.demo-wrapper .demo-container{flex-grow:1;background-color:#DCDCDC}.demo-container .video-container{overflow:hidden;padding:0px
30px 220px 30px;max-width:100%;background-color:#212A33;clip-path:polygon(0 0, 100% 0, 100% 93%, 0% 100%)}.video-container .video-wrapper{padding:30px;background-color:#38424B;border-radius:10px}.video-container .video-wrapper:hover{cursor:pointer}.user-video,.admin-video{width:100%;border-radius:10px}.admin-video{display:none}.fadeIn{animation:fadeIn 2s}.fadeOut{animation:fadeIn 2s}@keyframes
fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes
fadeOut{0%{opacity:1}100%{opacity:0}}.demo-container .video-container
img{max-width:100%;width:100%}.cta-container{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:40px;padding:0
30px 30px 30px;max-width:100%;position:relative;margin-top:-170px}.cta-container
.cta{grid-column:span 2 / span 2;border-radius:10px;display:flex;overflow:hidden}.demo-wrapper .cta .cta-content{width:100%;padding:30px
30px 40px;align-self:center}.demo-wrapper .cta .cta-image{width:40%}.demo-wrapper .cta .cta-content
h2{font-family:"brandon-grotesque",sans-serif;text-transform:uppercase;color:#3772B0;font-size:19px;font-weight:600;margin-top:0;padding-top:0;margin-bottom:20px;display:flex;align-items:center}.demo-wrapper .cta .cta-content
p{max-width:90%;line-height:27px;color:#fff}.demo-wrapper .cta .cta-content p, .demo-wrapper .cta .cta-content
ul{margin-bottom:50px}.demo-wrapper .cta .cta-content
ul{color:#333;list-style:none;padding-left:0}.demo-wrapper .cta .cta-content ul
li{font-size:15px;line-height:20px;margin-bottom:7px;padding-left:25px;position:relative}.demo-wrapper .cta .cta-content ul>li::before{content:"";position:absolute;background:url("/wp-content/themes/tonido2/images/demo_video/icon-pointer-blue.svg");background-repeat:no-repeat;background-size:contain;width:8px;height:8px;top:0;margin-top:5px;left:0}.demo-wrapper .cta .cta-content
a{font-size:17px;font-weight:bold;font-family:"brandon-grotesque",sans-serif;text-transform:uppercase;color:#fff;background-color:#0E6AAB;padding:10px
30px;border-radius:3px;text-decoration:none}.demo-wrapper .cta .cta-content a:hover{background-color:#3daae4}.demo-wrapper
.cta.left{background-color:#212A33}.demo-wrapper .cta.left .cta-image{clip-path:polygon(7% 0, 100% 0, 100% 100%, 0% 100%);background:url("/wp-content/themes/tonido2/images/demo_video/demo-cta-left-img.jpg") no-repeat;background-size:cover;background-position:center right}.demo-wrapper
.cta.right{background-color:#fff}.demo-wrapper .cta.right .cta-image{clip-path:polygon(7% 0, 100% 0, 100% 100%, 0% 100%);background:url("/wp-content/themes/tonido2/images/demo_video/demo-cta-right-img.jpg") no-repeat;background-size:cover;background-position:center right}.cta-container .cta-image{display:none}.demo-wrapper .top-menu{background-color:#212A33;padding:30px
30px 0 30px;display:flex;list-style:none;border-bottom:5px solid #3772B0;margin-bottom:0}.demo-wrapper .top-menu
li{padding:15px
20px;border-top-left-radius:5px;border-top-right-radius:5px}.demo-wrapper .top-menu
h2{font-family:"brandon-grotesque",sans-serif;text-transform:uppercase;color:#3772B0;font-size:18px;font-weight:600;display:flex;align-items:center;margin:0}.demo-wrapper .top-menu h2
img{width:25px;height:auto;margin-right:15px}.demo-wrapper .top-menu
.active{background-color:#3772B0}.demo-wrapper .top-menu .active
h2{color:#fff}.side-menu .title-container{display:flex;justify-content:space-between}.side-menu .title-container
h3{position:relative;color:#8A94A6;padding-left:15px;margin:0;font-size:18px}.side-menu .title-container h3::before{content:"";position:absolute;background:url("/wp-content/themes/tonido2/images/demo_video/icon-pointer-blue.svg");background-repeat:no-repeat;background-size:contain;width:8px;height:8px;top:0;left:0;margin-top:7px}.menu-icon:hover{cursor:pointer}.side-menu .title-container .current-label-admin{display:none}@media screen and (min-width: 600px){.demo-wrapper .cta .cta-content{width:70%}.cta-container .cta-image{display:block}}@media screen and (min-width: 900px){.demo-container .video-container{overflow:hidden;padding:30px
50px;max-width:100%;background-color:#DCDCDC;clip-path:none}.video-container .video-wrapper{padding:0px;background-color:#DCDCDC;border-radius:0px}.demo-wrapper .cta .cta-content{width:100%}.cta-container{padding:0
50px 50px 50px;margin-top:0}.cta-container
.cta{grid-column:span 1 / span 1}.cta-container .cta-image{display:none}}@media screen and (min-width: 1500px){.demo-wrapper .side-menu{width:100%;max-width:300px}.demo-wrapper{display:flex}.demo-wrapper .top-menu, .demo-wrapper .title-container{display:none}.demo-wrapper .side-menu
h2{display:flex}.demo-wrapper .user-menu, .demo-wrapper .admin-menu{display:block;position:relative;top:0px;right:0;z-index:99;max-width:auto;width:auto;background-color:#212A33;height:auto;padding:0}.demo-wrapper .cta .cta-content{width:70%}.cta-container
.cta{grid-column:span 1 / span 1}.cta-container .cta .cta-image{display:block}}