.tm-demos{width:58px;height:68px;position:fixed;top:45%;right:0;text-align:center;cursor:pointer;overflow:hidden;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;z-index:999;background-color:#fff;box-shadow:0 6px 12px rgb(0 0 0/25%)}.tm-demos .demo-text{display:block;position:relative;color:#000;font-size:13px;z-index:2;padding-top:34px;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.tm-demos .demo-count{position:absolute;top:7px;left:-3px;z-index:1;line-height:normal;width:65px;font-size:24px;font-weight:600;color:#000;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tm-preview{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1022;overflow:auto;overflow-x:hidden;visibility:hidden;background:#f7f7f7;-webkit-transform:translateY(100%) translateZ(0);-moz-transform:translateY(100%) translateZ(0);transform:translateY(100%) translateZ(0);-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}.tm-preview.tm-preview-open.animated{visibility:visible;-webkit-transform:translateY(0%) translateZ(0);-moz-transform:translateY(0%) translateZ(0);transform:translateY(0%) translateZ(0)}.tm-preview-close{position:absolute;top:0;right:0;font-size:0;height:72px;width:80px;z-index:4;cursor:pointer;transform:translateX(100%);-webkit-transform:translateX(100%);-webkit-transition:transform .25s ease .4s;transition:transform .25s ease .4s}.tm-preview-open .tm-preview-close{transform:none}.tm-preview-close:after,.tm-preview-close:before{content:"";width:35px;height:3px;position:absolute;right:50%;top:50%;margin-top:-2px;margin-right:-20px;display:inline-block;background-color:#000;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.tm-preview-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.tm-preview-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.tm-all-demos{display:block;padding-top:80px;text-align:center}.tm-theme-demos{display:inline-block;text-align:center;margin:0 10px;margin-bottom:20px;position:relative;box-shadow:unset;padding:15px;background-color:#fff}.tm-demos:hover .demo-text,.tm-demos:hover .demo-count{opacity:0}.tm-demos:before{content:'\e849';font-family:'tm-inoterior-icons';display:inline-block;position:absolute;font-size:25px;left:10px;top:23px;opacity:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;color:#000}.tm-demos:hover:before{left:25px;opacity:1}.tm-item-info .tm-heading{font-size:medium;padding:5px 0 0;text-align:center;margin-bottom:0}.tm-demos-main-wrapper .thumbnail{margin-bottom:0;font-size:14px;border:0;border-radius:0;padding:5px;position:relative;box-shadow:unset}.tm-theme-demos .new-tag{position:absolute;content:"";top:0;right:0;width:30px;height:30px;z-index:1;background-color:#ff0030;border-radius:50%;line-height:30px;text-align:center;color:#fff;text-transform:uppercase;font-size:8px;margin:0 auto;font-weight:700}.tm-theme-demos .tm-item-wrap>a:hover h3{color:var(--tm-skincolor-text)}@media (max-width:767px){.tm-demos{display:none}}