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: 22%; 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(../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;/*background:url("https://i.ytimg.com/vi/SyHY6h67lSw/maxresdefault.jpg"); background-size: cover;*/ }
.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(../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; }
}