body {
    overflow-x: hidden;
}

#scroll .prdContent {
    height: 136px
}

.comDwn {
    border: none;
    border-bottom: 3px solid #f2f2f2
}

.noborder {
    border: 0 !important;
}

.video-wrapper {
    width: 100%;
    height: auto;
    display: block;
    float: left;
    background: #f0f0f0;
}

.video-categories {
    width: 100%;
    height: auto;
    display: block;
}

.video-categories ul {
    list-style: none !important;
    float: left;
    width: 100%;
    height: auto;
    display: block;
    padding: 0 !important;
    background: #f8f8f8;
}

.video-categories ul li {
    float: left;
    width: 25%;
}

.video-categories ul li div.catelists {
    width: 99.8%;
    height: auto;
    display: block;
    float: left;
    padding: 15px 0;
    background: #fff;
    border-right: 1px solid #f0f0f0;
}

.video-categories ul li div.catelists:hover {
    cursor: pointer;
}

.video-categories ul li div.catelists.active {
    background: #DADADA;
}

.category-lists {
    width: auto;
    height: auto;
    display: table;
    margin: 0 auto;
}

.category-lists img {
    float: left;
}

.category-lists span {
    float: left;
    margin: 5px 0 0 15px;
    font-size: 16px;
    color: #333;
}

.video-regions {
    padding: 7px 0px 7px 0px;
    width: 100%;
    height: auto;
    display: inline-block;
}

.video-preview {
    width: 100%;
    height: auto;
    margin: 0px 0px 10px 0px;
}

.video-preview iframe {
    width: 100%;
    height: 400px;
}

.video-description {
    width: 100%;
    height: auto;
    margin: 10px 0px 0px 0px;
}

.video-preview .video-description {
    height: auto;
    overflow: hidden;
}

.video-description-wrapper {
    width: 25.5%;
    float: left;
    padding-left: 3%;
    display: none;
}

.video-preview .video-description h4 {
    margin-bottom: 10px;
}

.share-medias {}

.video-description h4 {
    color: #666;
    font-size: 17px;
    margin: 0px;
}

.video-description p {
    color: #999;
    font-size: 13px;
    margin: 0px 0 0 0;
    line-height: 18px;
}

.video-thumbnails {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    z-index: 0
}

.thumbnails-group {
    height: auto;
    margin-left: 0%;
}

.thumbnails {
    width: 100%;
    height: auto;
    float: left;
}

.thumbnails:hover {
    cursor: pointer;
}

.thumbnails img {
    width: 100%;
}

.video-preview-desc {
    position: relative;
    min-height: 580px;
    width: 74%;
    float: left;
    margin-bottom: 10px;
    padding-left: 7px;
}

.videos-preview {
    position: relative;
    height: auto;
    width: 100%;
    float: left;
    margin-bottom: 10px;
}

.videos-preview img {
    width: 100%;
    height: 536px;
}

.videos-preview span {
    width: 100%;
    height: 400px;
    position: absolute;
    opacity: 1;
    background: rgba(0, 0, 0, 0.5);
}

.videos-preview span:hover {
    cursor: pointer;
}

.videos-preview span img {
    width: auto;
    height: auto;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 30%;
}

.solutionFilter1>span,
#filter>span {
    display: block;
    padding: 5px 30px 5px 10px;
    cursor: pointer;
    background: #efefef;
    border: 1px solid #ddd;
    width: 260px;
}

.solutionFilter1>span:hover,
#filter>span:hover {
    background: #424f56;
    color: #fff
}

.solutionFilter1>span:hover:after,
#filter>span:hover:after {
    border-top: 8px solid #fff
}

.filter-categories {
    background: #424f56;
    margin: 0;
    padding: 0 !important;
    list-style-type: none !important;
    font-size: 12px;
    height: 345px;
    display: none;
    position: absolute;
    width: 800px;
    right: 0
}

.filter-categories>ul {
    width: 100%;
    height: auto;
    float: left;
    list-style: none !important;
    padding: 0px !important;
}

.filter-categories>ul li {
    margin: 0px;
    border-top: medium none;
    cursor: pointer;
    padding: 7px 0px 7px 10px;
    width: 31.4%;
    float: left;
    border-right: 1px solid #ccc;
    color: #fff;
}

.filter-categories>ul li:nth-child(3n) {
    border: none !important;
}

.filter-categories>ul li:first-child {}

.filter-categories>ul li:hover {
    background: #ddd;
    color: #333;
}

#prv-testimonial {
    width: 25px;
    float: left;
    padding: 0px 95px 0px 95px;
    background: rgba(240, 240, 240, 1);
    display: inline-block;
    z-index: 0;
    position: relative;
}

#nxt-testimonial {
    width: 25px;
    float: left;
    padding: 0px 95px 0px 95px;
    background: rgba(240, 240, 240, 1);
    display: inline-block;
    z-index: 0;
    position: relative;
}

#nxt-testimonial img {
    margin-left: 4px;
}

#prv-testimonial:hover,
#nxt-testimonial:hover {
    cursor: pointer;
}

.thumb-videos-container {
    width: 100%;
    height: 527px;
    float: left;
    z-index: 0;
    position: relative;
    overflow-y: scroll;
}

#prv-testimonial {
    display: none;
}

#nxt-testimonial {
    display: none;
}

.share-medias .social-media-icon a {
    margin-right: 5px;
}

.category-lists span {
    display: block;
}

.category-lists img {
    display: block;
}

.thumbnails {
    position: relative;
    height: autp;
    margin-bottom: 25px;
}

.thumbnails .video-description {
    height: 35px;
    overflow: hidden;
    position: absolute;
    bottom: -1px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
    width: 100%;
}

.thumbnails .video-description h4 {
    color: #fff;
    font-size: 13px;
    line-height: 17px;
    padding-left: 10px;
}

.thumbnails-hover-layer {
    background: rgba(0, 0, 0, 0.5) url(https://www.manageengine.com/images/video-lounge-play-small-icon.png) no-repeat center center;
    position: absolute;
    width: 100%;
    height: 147px;
}

.video-previews-mapping {
    height: 400px;
    overflow: hidden;
    background: #000;
}

.video-previews-mapping:before {}

.video-previews-mapping img {
    width: auto;
    height: 400px;
    margin: 0 auto;
    display: block !important;
}

.share-medias a {
    width: 48px;
    height: 48px;
    position: inherit;
    margin: inherit;
    display: inline-block;
}

.share-medias a img {
    width: 48px;
    height: 48px;
    top: 0;
    position: inherit;
    margin: inherit;
}

.thumb-active {
    opacity: 0.4;
}

#comSubTreeMenu+section {
    background: #0F0F0F;
}

#comSubTreeMenu {
    background: #0F0F0F;
}

.video-zone-sprite-generator {
    background: url(https://www.manageengine.com/images/video-zone-sprite.png) no-repeat left top;
}

.fb_sprite_images {
    background-position: -365px -19px;
    width: 48px;
    height: 48px;
    display: inline-block;
}

.tw_sprite_images {
    background-position: -438px -19px;
    width: 48px;
    height: 48px;
    display: inline-block;
}

.li_sprite_images {
    background-position: -511px -17px;
    width: 48px;
    height: 48px;
    display: inline-block;
}

.gp_sprite_images {
    background-position: -584px -19px;
    width: 48px;
    height: 48px;
    display: inline-block;
}

.popular_sprite_images {
    background-position: -232px -23px;
    width: 35px;
    height: 29px;
    display: inline-block;
    float: left;
}

.howto_sprite_images {
    background-position: -232px -81px;
    width: 35px;
    height: 29px;
    display: inline-block;
    float: left;
}

.testimonials_sprite_images {
    background-position: -300px -23px;
    width: 35px;
    height: 29px;
    display: inline-block;
    float: left;
}

.events_sprite_images {
    background-position: -300px -81px;
    width: 35px;
    height: 29px;
    display: inline-block;
    float: left;
}

.video-lounge-headings {
    display: inline-block;
}

.preloader_images {
    height: 742px;
    background: #fff;
    z-index: 1;
    position: absolute;
    width: 100%;
}

.preloader_images img {
    width: 70px;
    height: 70px;
    display: block;
    margin: 50px auto;
}

@media screen and (max-width:1100px) {
    .thumbnails-hover-layer {
        display: none;
    }

    .thumbnails .video-description {
        display: none;
    }
}

@media screen and (max-width:1024px) {
    .video-previews-mapping img {
        height: 300px;
        margin: 8% auto 0 auto;
    }

    .video-wrapper {
        width: 97%;
    }

    .videos-preview span img {
        width: 10%;
        top: 15%;
    }
}

@media screen and (max-width:700px) {
    .video-previews-mapping {
        background: none;
        margin: 0 auto 0 auto;
    }

    .video-previews-mapping img {
        height: auto;
        width: 100%;
        margin: 0 auto;
    }

    .category-lists span {
        display: none;
    }

    .video-preview-desc {
        min-height: 400px;
    }
}

@media screen and (max-width:600px) {
    .category-lists span {
        margin-left: 5px;
    }

    .solutionFilter1,
    #filter {
        margin: 20px 0px 0px;
    }

    .filter-categories {
        width: 580px;
    }

    .video-lounge-headings {
        clear: left;
        margin-bottom: 30px;
    }

    .comSubTreeAct span {
        font-weight: normal;
    }
}

@media screen and (max-width:490px) {
    .category-lists span {
        display: none;
    }

    .testimonials_sprite_images {
        float: none;
        margin: 0 auto;
        display: block;
    }

    .filter-categories {
        width: 100%;
        height: 720px;
    }

    .filter-categories>ul li {
        width: 97%;
        border: none !important;
        float: none;
    }
}

section * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

section.com-banner+section {
    overflow-x: hidden;
}

.comBnrTxt {
    background-image: url("https://www.manageengine.com/images/video-lounge-bannernew.jpg");
    padding: 60px 0px 60px 0px;
    background-size: 100%;
    text-align: left;

}

.comBnrTxt p {
    font-size: 14px;
    font-weight: 100;
    width: 90%;
}

.comTtl {
    padding: 20px 0px;
    font-size: 1.8em;
    font-weight: 500;
}

.comBnrTxt h3 {
    font-size: 30px;
    font-weight: 500;
    margin: 30px 0 10px;
}

.comBnrTxt .video_lounge_banner_leftaside h1 {
    font-size: 32px;
    font-weight: 500;
    margin: 30px 0 10px;
}

.comBnrTxt .video_lounge_banner_leftaside h3 {
    font-size: 14px;
    font-weight: 100;
    width: 90%;
    margin: 0px 0px;
}

.rows {
    margin-right: -15px;
    margin-left: -15px;
}

.rows:after,
.rows:before {
    display: table;
    content: "";
    clear: both;
}

.cols-2,
.cols-3,
.cols-4,
.cols-6,
.cols-8,
.cols-9,
.cols-10,
.cols-12 {
    float: left;
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 20px;
}

.cols-2 {
    width: 12.5%;
}

.cols-3 {
    width: 25%;
}

.cols-4 {
    width: 33.3%;
}

.cols-6 {
    width: 50%;
}

.cols-8 {
    width: 66.6%;
}

.cols-9 {
    width: 75%;
}

.cols-10 {
    width: 87.5%;
}

.cols-12 {
    width: 100%;
}

p.video_title {
    height: 70px;
    overflow: hidden;
}

.case-study-shadow:hover {
    cursor: pointer;
}

.video_popup_box {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.8);
    height: 100%;
    z-index: 9999;
    display: none;
}

.video_popup_wrapper {
    position: relative;
    top: 20%;
    width: 900px;
    margin: 0 auto;
    z-index: 9999999999;
}

.video_poup_close {
    position: absolute;
    right: -10px;
    top: -10px;
}

.video_poup_close:hover {
    cursor: pointer;
}

.video_poup_close span {
    color: #000;
    background: #fff;
    padding: 7px 10px;
    border-radius: 20px;
    font-size: 15px;
    border: 2px solid #fff;
    font-weight: 500;
    line-height: 10px;
}

.video_popup_iframe iframe {
    width: 100%;
    height: 475px;
}

.filterdrop,
#filter,
#custList {
    position: relative;
    float: right;
    margin: 20px 20px 0 0;
    font-size: 12px;
    width: auto;
}

.filter-categories {
    background: #205471;
    margin: 0;
    padding: 0 !important;
    list-style-type: none !important;
    font-size: 12px;
    height: 265px;
    display: none;
    position: absolute;
    width: 220px;
    right: 0;
}

.productslists {
    height: 460px;
}

.filter-categories>ul {
    width: 100%;
    height: auto;
    float: left;
    list-style: none !important;
    padding: 0px !important;
}

.filter-categories>ul li {
    margin: 0px;
    border-top: medium none;
    cursor: pointer;
    padding: 7px 0px 7px 10px;
    width: 100%;
    float: left;
    border-right: none;
    color: #fff;
}

img.di {
    width: 70px;
    display: inline-block;
    margin: 0 0 0 0px;
}

.filterdrop>span:hover:after,
#filter>span:hover:after,
#custList>span:hover:after {
    border-top: 4px solid #fff;
}

.filterdrop>span:after {
    top: 18px;
}

.product-preview-video {
    display: none;
}

.product-video-previewsec:hover {
    cursor: pointer;
}

iframe.product-preview-video {
    width: 100%;
    height: 625px;
}




.case-study-block span {
    display: block;
    color: #0A19B5;
    font-size: 11px;
}

.case-study-block img,
.customer-story-block img,
.product-video-block img {
    width: 100%;
}

.case-content p {
    color: #000;
}

.case-content {
    padding: 15px 30px;
}

.case-study-shadow {
    box-shadow: 2px 4px 12px #dadada;
}

.case-study-shadow .video-icon,
.product-video-block .video-icon {
    position: absolute;
    width: 70px;
    left: 0;
    right: 0;
    top: 22%;
    margin: auto;
}

.customer-story-block .video-icon {
    top: 32%;
}

.product-video-block .video-icon {
    top: 44%;
}

p.cus-stoty-para {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    color: #fff;
    bottom:
        0px;
    width: 90%;
    font-size: 12px;
    height: 50px;
    overflow: hidden;
}

.arrow {
    height: 24px;
    padding: 20px 0px;
}

.arrow .next-video,
.arrow .previous-video {
    background: #261C96;
    padding: 5px 10px;
    width: fit-content;
    float: right;
    display: block;
}

#scroll .next-pagi,
#scroll .prev-pagi {
    background: #261C96;
    padding: 5px 10px;
    border-radius: 3px;
    width: auto;
}

.arrow .previous-video,
.next-pagi {
    transform: rotate(180deg);
    background: #3E2EEF;
    margin-right: 10px;
}

.solutionFilter1>span,
#filter>span {
    background: #EDEDED;
    border: 1px solid #EDEDED;
    border-radius: 3px;
    padding: 10px 30px 10px 10px;
}

.filterdrop>span:after {
    top: 18 px;
}

.case-study-block {
    padding-bottom: 30px;
}

.customer-story-block .cols-4 {
    padding-bottom: 20px;
}

.video-lounge-pagination {
    display: inline-block;
    float: right;
    padding-bottom: 30px;
}

.customer-story-block,
.product-video-block {
    padding-bottom: 30px;
    position: relative;
}

#scroll .video-lounge-pagination a {
    color: black;
    float: left;
    padding: 8px 10px;
    text-decoration: none;
    color: #B4B4B4;
    text-decoration: none;
}

#scroll .video-lounge-pagination a:hover {
    color: #000;
}

#scroll .video-lounge-pagination a.active {
    color: #000;
}

.prod-firstdiv {
    padding-bottom: 20px;
}

.product-video-block p.cus-stoty-para {
    font-size: 12px;
    width: 80%;

}


.product-video-block .case-study-shadow .video-icon {
    top: 32%;
    width: 50px;
}

.sub-button {
    background: #fff;
    color: #c8213c;

}

.sub-button a {
    padding: 15px;
    display: block;
    color: #c8213c !important;
    font-size: 18px;
}



.youtoube-sub-block {
    background: #c8213c;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.youtoube-sub-block:hover {
    cursor: pointer;
}

.youtoube-sub-block p {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 0 40px;
    width: 50%;
    text-align: left;
    line-height: 28px;
}

.youtoube-sub-block .di {
    display: inline-block;
    vertical-align: middle;
}

.youtoube-sub-block .pad-all {
    padding: 20px;
}

.filterdrop {
    z-index: 1;
}

.no-padding-bottom {
    padding-bottom: 0;
}

.preloader_images {
    /* position: fixed;
	top: 0;
	bottom: 0;
	height: 100%; */
    width: 100%;
    left: 0;
    right: 0;
    z-index: 999999999;

}

.video_lounge_banner_rightside a {
    background: #c8213c;
    padding: 10px;
    border-radius: 3px;
    font-size: 17px;
    color: #fff;
    display: table;
    margin: 30px auto 10px auto;
    float: right;
}

.video_lounge_banner_rightside a:hover {
    background: #fff;
    color: #c8213c;
    text-decoration: none;
}

.comBnrTxt .video_lounge_banner_rightside p {
    text-align: right;
    font-size: 12px;
    margin: 0 auto;
    float: right;
}

.testimoni_preview {
    width: 100%;
    height: 467px;
    position: absolute;
    top: 0;
    z-index: 9;
    background: #f2f2f2;
    display: none;
}

.testimoni_preview p {
    color: #c8213c
}

.testimoni_preview p img {
    width: 18px;
    margin: 0 5px 0 0;
}

.solutionFilter1>span,
#filter>span {
    width: 220px;
}

.customer_story_section {
    height: 550px
}

.customer_story_section .case-study-shadow {
    box-shadow: none;
}

.case-study-shadow .video-icon {
    display: none;
}

.product-video-previewsec .video-icon {
    display: none !important;
}

.nonproductvideos:hover .video-icon {
    display: block;
}

.product-preview-image:hover+.video-icon {
    display: inline !important;
}

.case-study-shadow:hover .video_img {
    filter: grayscale(1);
}

.case-study-shadow:hover .video-icon {
    display: inline;
}

.rows.prod_thumb_sec {
    overflow-x: auto;
    white-space: nowrap;
}

.rows.prod_thumb_sec .prod_thumb_img {
    display: inline-block;
    float: none;
    padding-bottom: 0px;
}

@media only screen and (max-width: 1300px) {
    .container {
        max-width: 1000px;
    }

    .youtoube-sub-block .cols-sd-12 {
        padding-bottom: 0;
    }

}

@media only screen and (max-width: 1280px) {
    .comBnrTxt {
        padding: 40px 0px 60px 0px;
    }
}

@media only screen and (max-width: 1024px) {
    .comBnrTxt .video_lounge_banner_leftaside h1 {
        margin: 10px 0 10px;
    }
}

@media only screen and (max-width: 1000px) {
    .comBnrTxt {
        display: none;
    }

    .customer_story_section {
        height: auto !important;
        padding-bottom: 80px;
    }
}

@media only screen and (max-width: 992px) {
    .product-video-block .case-study-shadow .video-icon {
        width: 25%;
    }

    .youtoube-sub-block .cols-8 .pad-all {
        text-align: left;
    }

    .youtoube-sub-block .cols-8 p {
        width: 80%;
        padding-left: 13px;
    }

    .comBnrTxt p {
        width: 90%;
    }

    .videotype {
        display: none;
    }
}

@media only screen and (max-width: 992px) {
    .cols-md-12 {
        width: 100%;
    }

    .cols-md-9 {
        width: 75%;
    }

    .cols-md-6 {
        width: 50%;
    }

    .cols-md-3 {
        width: 25%;
    }

    .video_popup_wrapper {
        width: 80%;
    }



    .prod_thumb_img p.cus-stoty-para {
        display: none;
    }

    .prod_thumb_img img.video-icon {
        width: 25%;
    }

    iframe.product-preview-video {
        height: 520px;
    }


}

@media only screen and (max-width: 650px) {
    iframe.product-preview-video {
        height: 400px;
    }

    .cols-sd-12 {
        width: 100%;
    }

    .cols-sd-9 {
        width: 75%;
    }

    .cols-sd-6 {
        width: 50%;
    }

    .cols-sd-3 {
        width: 25%;
    }

    .video-lounge-pagination {
        float: none;
        margin: 0 auto;
        display: table;
    }

    #scroll .video-lounge-pagination a {
        padding: 8px 5px;
    }

    .youtoube-sub-block p {
        font-size: 18px;
    }
}

@media only screen and (max-width: 520px) {
    .solutionFilter1 {
        margin: 0px 0px 20px;
        float: left;
    }

    .video-lounge-headings {
        margin-bottom: 0;
        text-align: left;
        width: 100%;
    }

    .filter-categories {
        width: 800px;
        right: auto;
    }
}

@media only screen and (max-width: 420px) {
    .youtoube-sub-block .cols-8 .pad-all {
        text-align: center;
    }

    .youtoube-sub-block .cols-8 p {

        width: 90%;
    }
}

.video-categories ul li {
    width: 33.33%
}

.comBnrTxt {
    background-image: url("https://www.manageengine.com/images/ban-videolounge.jpg");
}

.comBnrTxt {
    background-size: cover;
    font-size: 3em;
    font-weight: 400;
    text-align: center;
    color: #FFF;
    width: 100%;
    padding: 50px 0;
    background-size: cover;
    margin: 0;
    line-height: normal;
}

.filter-categories {
    height: 390px;
}

.breadcrumb {
    position: initial;
    width: 100%;
    margin: 10px auto;
}