@charset "UTF-8";@import url("https://www.manageengine.com/css/fonts.css");body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.row{float:left;width:100%;padding:20px 0 50px}section#sdpcutomerlogos{display:none}section#allFea{display:none}.heading-menu{display:none}.recourcnavsec{display:none}.banner-bg{background:url("https://www.manageengine.com/products/service-desk/itsm-videos/images/video-banner-bg.webp"),url(https://www.manageengine.com/products/service-desk/itsm-videos/images/video-banner-bg.jpg) no-repeat;background-size:cover}.banner ul{display:flex;align-items:center;padding:50px 0}.banner ul li{flex:0 0 50%}.banner h1{font:32px/1.2 Zoho_Puvi_SemiBold;margin-bottom:10px;width:100%}.banner p{font-size:18px;line-height:1.5;max-width:75%}.banner li:nth-child(2) img{display:block;margin:0 auto;width:75%}.banner li:nth-child(2){background:url("https://www.manageengine.com/products/service-desk/itsm-videos/images/banner-thumbnail-new.webp"),url(https://www.manageengine.com/products/service-desk/itsm-videos/images/banner-thumbnail-new.jpg);height:350px;display:flex;justify-content:center;align-items:center;background-size:cover;position:relative}span.popup-button{cursor:pointer}.nav-wrap{background:#f9f9f9;padding:20px 0}.filter-group{max-width:1200px;margin:0 auto;padding:0 30px}.category:after{visibility:hidden;display:block;content:"";clear:both;height:0}*:first-child+html .category{zoom:1}#category-buttons{list-style:none;position:relative;display:flex;justify-content:space-between}#category-buttons span{color:#000;font-size:18px;text-decoration:none;cursor:pointer}li.current_page_item span{color:#2296f3 !important}#category-buttons span:hover{color:#000}#magic-line{position:absolute;bottom:-2px;left:0;width:100px;height:2px;background:#fe4902}.current_page_item a{color:white !important}.ie6 #category-buttons li,.ie7 #category-buttons li{display:inline}.ie6 #magic-line{bottom:-3px}.dropdown-bar{display:flex;justify-content:space-between;align-items:center;background:#2096f3;z-index:999999;cursor:pointer;max-width:1200px;padding:10px 30px}.dropdown-up-arrow{transform:rotate(180deg)}ul.category.drop-list-items{padding:15px 30px;line-height:30px;background:#f1f1f1}ul.category.drop-list-items li{cursor:pointer}.drop-list-items{display:none}.mobile-menu{display:none}#current-text{font-size:18px;color:#fff}#current-text p{margin:0}.filter-wrapper{position:relative}ul.video-list{overflow:hidden;margin:30px auto;max-width:100%}ul.video-list>li{width:31%;float:left;margin:1%;border:1px solid #eee;display:none;min-height:650px;box-sizing:border-box}.video-description{padding:30px}ul.video-list h2{font-size:21px;line-height:1.3;margin:0}.err{margin-top:50px}.err img{width:250px}p.not-found-text{font-size:24px;width:45%;line-height:1.5;margin:30px auto 30px auto}.tri-state-toggle{justify-content:flex-end;margin-top:30px;overflow:hidden;display:none}.tri-state-toggle button{background:transparent;color:#2096f3;border:1px solid #2096f3;margin:0;padding:5px 10px;font-size:12px;font-weight:bold;outline:0;cursor:pointer}.tri-state-toggle button:nth-child(2){background:transparent;border:1px solid #2296f3;color:#2296f3}.tri-state-toggle-button.active{background-color:#2296f3 !important;color:#fff !important}.overlay-container{position:relative}.overlay-cover{position:relative}.overlay-cover img{width:100%;max-width:100%}.overlay{position:absolute;bottom:0;left:0;right:0;background-color:#164566e6;overflow:hidden;width:100%;height:100%;transition:.7s ease}.overlay-container:hover .overlay{opacity:0;transition:.7s}.overlay-text{position:absolute;top:0;left:0;right:0;bottom:0;z-index:999}.overlay-text ul{display:flex;justify-content:space-between}.overlay-text ul li{margin:30px}.overlay-text li p{color:#fff;line-height:1.3;margin:0}p.session{margin:-15px 0;color:#ffeb3b !important}.play-video{position:absolute;bottom:30px;left:30px;color:#fff;border-radius:2px;background:#2296f3;z-index:10}.play-video span{display:inline-block;margin:0;color:#fff;padding:5px 25px 5px 15px;letter-spacing:.5px;font-weight:bold;text-transform:uppercase;font-size:12px}.play-video:before{content:'';background:url(https://www.manageengine.com/products/service-desk/itsm-videos/images/play-video-icon.png) no-repeat;position:absolute;top:10px;right:0;bottom:0;left:84%;z-index:-99}.play-video:hover:before{animation:fade .8s ease-in-out}.overlay-container:hover .overlay-text ul{display:none}@keyframes fade{0%{position:absolute;left:180px}50%{position:absolute;left:360px}100%{position:absolute;left:90px}}#loadmore{border-radius:3px;padding:10px 40px;width:auto;background:#2296f3;color:#fff;display:inline-block;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;font-weight:bold;letter-spacing:1px;font-size:14px;cursor:pointer;text-transform:uppercase;position:relative}#loadmore:hover{background:#2296f3}.popup{position:fixed;width:60%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:999999}.cancel{cursor:pointer;height:65px;position:fixed;right:10px;top:10px;width:65px;z-index:999999;display:none}.bg-overlay{background:#000000e8;width:100%;height:100%;left:0;top:0;z-index:999999;position:fixed;display:none}p.load-more{text-align:center;height:300px;margin-top:-500px;position:relative;background:linear-gradient(to bottom,rgba(255,255,255,0),#fff 25%,#fff,#fff);padding-top:150px;z-index:999;display:none !important}.hide{display:nonw}.err-hide{display:none}.active.filter-wrapper{opacity:0}.loader{display:inline-block;border:2px solid #f3f3f3;border-radius:50%;border-top:2px solid #afc5d663;width:7px;height:7px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;position:absolute;transform:translate(-50%,-50%);top:35%;right:13%}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.video-play-button:before{content:"";position:absolute;z-index:0;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:70px;height:55px;background:#dd273e;animation:pulse-border 2000ms ease-out infinite}.video-play-button:after{content:"";position:absolute;z-index:1;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);display:block;width:70px;height:55px;background:#dd273e;transition:all 300ms}.video-play-button:hover:after{background-color:darken(#fa183d,10%)}.video-play-button img{position:relative;z-index:3;max-width:100%;width:auto;height:auto}.video-play-button span{display:block;position:relative;z-index:3;width:0;height:0;border-left:32px solid #fff;border-top:22px solid transparent;border-bottom:22px solid transparent}@keyframes pulse-border{0%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1);opacity:1}100%{transform:translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);opacity:0}}.video-overlay{position:fixed;z-index:-1;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.80);opacity:0;transition:all ease 500ms}.video-overlay.open{position:fixed;z-index:1000;opacity:1}.video-overlay-close{position:absolute;z-index:1000;top:15px;right:20px;font-size:36px;line-height:1;font-weight:400;color:#fff;text-decoration:none;cursor:pointer;transition:all 200ms}.video-overlay-close:hover{color:#fa183d}.video-overlay iframe{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);box-shadow:0 0 15px rgba(0,0,0,0.75)}.fixed-header{position:fixed;top:0;left:0;width:100%;z-index:9999;background:#f9f9f9}input{outline:0}input[type=search]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;font-family:inherit;font-size:100%}input::-webkit-search-decoration,input::-webkit-search-cancel-button{display:none}input[type=search]{background:url(https://www.manageengine.com/products/service-desk/itsm-videos/images/video-search-icon.png) no-repeat 9px center;border:0;padding:9px 10px 9px 32px;width:55px;-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s}input[type=search]:focus{width:130px;background-color:#fff;border-color:#66cc75;-webkit-box-shadow:0 0 5px rgba(109,207,246,.5);-moz-box-shadow:0 0 5px rgba(109,207,246,.5);box-shadow:0 0 5px rgba(109,207,246,.5)}input#filter::placeholder{color:#ddd !important;opacity:0}input#filter:focus::placeholder{opacity:1;padding-left:10px}#live-search input[type=search]{width:15px;padding-left:10px;color:transparent;cursor:pointer;position:absolute;top:-5px;right:0;bottom:0;z-index:999;height:20px}#live-search input[type=search]:focus{width:40%;padding-left:32px;color:#000;background-color:#fff;cursor:auto;border:1px solid #ddd;box-shadow:none}#live-search input:-moz-q:;{color:transparent}#live-search input::-webkit-input-placeholder{color:transparent}@media only screen and (max-width:1600px){.nav-wrap{display:block !important}.head-container{width:90% !important}}@media only screen and (max-width:1024px){.mobile-menu{display:block}nav.nav-wrap{display:none !important}ul.resource-filter li{padding:10px 30px}#category-buttons{padding:0 30px}.banner h1{width:100%}.banner p{max-width:95%}ul.video-list>li{width:48%}}@media only screen and (max-width:768px){.banner ul{flex-wrap:wrap;justify-content:center}.banner ul li{flex:0 0 100%}.banner h1{text-align:center;width:100%}.banner p{max-width:100%;margin:20px auto 30px auto;text-align:center}a.banner-cta{margin:30px auto 50px auto !important;display:block !important;max-width:200px;text-align:center}.banner li:nth-child(2){max-width:450px;height:300px}.popup{width:85% !important}}@media only screen and (max-width:700px){.banner h1{font-size:26px;width:100%}.banner li:nth-child(2){max-width:300px;height:200px}ul.resource-filter{justify-content:inherit;flex-wrap:wrap}ul.resource-filter li{padding:10px}ul#category-buttons li:nth-child(6){display:none}.banner li:nth-child(2) img{width:65%}.video-play-button:after{width:50px !important;height:35px !important}.video-play-button:before{width:50px !important;height:35px !important}.cancel img{float:right;max-width:50%}li.current_page_item span{color:inherit !important}button#toggle-button2 p{margin-right:-90px}.overlay-text li p{font-size:15px !important}p.session{font-size:14px !important}.tri-state-toggle{justify-content:center}ul.video-list>li{width:98%;margin:2% 1%}}@media only screen and (max-width:320px){.overlay-text ul li{margin:20px}.play-video{bottom:20px;left:20px}.video-description{padding:20px}}