@charset "utf-8";
/**
* Notification Box
*
* NOTICE OF LICENSE
*
* This source file is subject to the Open Software License (OSL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://opensource.org/licenses/osl-3.0.php
*
*  @author    FME Modules
*  @copyright 2023 fmemodules All right reserved
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*
*  @category  FMM Modules
*/

.actived{background-color: gray;color:white;}
.easyPaginateNav { margin-left:10px; margin-top:10px;}
.first {padding-right:10px;}
.prev {padding-right:10px;}
.page {padding-right:10px;}
.next {padding-right:10px;}
.last {padding-right:10px;}
.current {padding-right:10px;}

.vid_gallery { width:100%; padding:0px; margin:0 auto; }

.vid_gallery .toolbar { width:96%; background:#d7d7d7; padding:10px; padding-top:12px; padding-left:8px; padding-right:8px; border-radius:5px; }

/*Views*/

.vid_gallery .toolbar .views { width:50%; float:left; margin-left:10px; margin-top:6px; }

.vid_gallery .toolbar .views a { font-family:Arial; font-size:13px; font-weight:bold; color:#000; text-transform:uppercase; margin-right:20px; }

.vid_gallery .toolbar .views a img { padding-right:2px; }

/*Filter*/

.vid_gallery .toolbar .filter { width:43%; float:right; text-align:left; margin-right:10px; position:relative; }

.dropdown { float:right; }

ul li{style:none;}

.dropdown dd, .dropdown dt, .dropdown ul { margin:0px; padding:0px; z-index:100; }

.dropdown dd { position:relative; }

.dropdown a, .dropdown a:visited { color:#FFF; text-decoration:none; outline:none; }

.dropdown a:hover { color:#FFF; }

.dropdown dt a:hover { color:#FFF; border: 1px solid #000; }

.dropdown dt a { background:#545454 url(../img/arrow.png) no-repeat scroll right center; display:block; padding-right:20px; border:1px solid #000; width:155px; padding-left:5px; }

.dropdown dt a span { cursor:pointer; display:block; padding:5px; }

.dropdown dd ul { background:#545454 none repeat scroll 0 0; border:1px solid #000; color:#C5C0B0; display:none; left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:180px; list-style:none; }

.dropdown span.value { display:none; }

.dropdown dd ul li a { padding:5px; display:block; padding-left:10px; }

.dropdown dd ul li a:hover { background-color:#000; }

.dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }

/*Gallery*/

.vid_gallery .gallery { width:98%; padding:10px 0 10px 0; margin:0 auto; }

.vid_gallery .gallery ul { list-style:none; padding:0px; margin:0px; }

.vid_gallery .gallery ul li { width:195px; height:90px; margin:17px; float:left; position:relative; }

.vid_gallery .gallery ul li .product1 { width:195px; height:90px; position:relative; }

/*Quick View*/

.vid_gallery .gallery ul li .product1 .view { position:absolute; display:none; width:195px; height:64px; top:0px; left:0px; background:url(../img/trans_hover.png) repeat; z-index:z-index:999;
text-align:center; text-align:center; padding-top:26px; }

.vid_gallery .gallery ul li .product1 .view .movie_icon { width:14px; height:10px; position:absolute; left:10px; top:10px; }

.vid_gallery .gallery ul li .product1 .view h4 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#FFF; padding-bottom:3px; margin-bottom:0px; }

.vid_gallery .gallery ul li .product1 .view p { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; font-size:12px; font-weight:normal; color:#FFF; padding-bottom:8px; }

.vid_gallery .gallery ul li:hover .view { display:block; }

/*Pagination*/

.vid_gallery .pagination { width:100%; float:right; clear:both; background:#f3f3f3; border-radius:5px; padding:5px; margin-top:20px; }

.vid_gallery .pagination ul { list-style:none; margin:0px; padding:0px; }

.vid_gallery .pagination ul li { float:left; line-height:22px; margin:0 4px 0 4px; }

.vid_gallery .pagination ul li a { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#000; font-weight:bold; }

.vid_gallery .pagination ul li a:hover { color:#F00; }

/*List View*/

.vid_gallery .gallery_list { width:98%; padding:10px 0 10px 0; margin:0 auto; }

.vid_gallery .gallery_list ul { list-style:none; padding:0px; margin:0px; }

.vid_gallery .gallery_list ul li { width:100%; margin:0px; clear:both; position:relative; border-bottom:#c3c3c3 1px dotted; padding-bottom:0px; padding-top:25px; }

.vid_gallery .gallery_list ul li .product1 { width:100%; height:auto; position:relative; }

/*Quick View*/

.vid_gallery .gallery_list ul li .product1 .thumb { width:75px; height:75px; float:left; position:relative; }

.vid_gallery .gallery_list ul li .product1 .thumb img { max-height:100%; height:auto; }

.vid_gallery .gallery_list ul li .product1 .thumb .view { position:absolute; display:none; width:75px; height:75px; top:0px; left:0px; background:url(../img/trans_hover.png) repeat; z-index:z-index:999;
text-align:center; text-align:center; }

.vid_gallery .gallery_list ul li .product1 .thumb .view .movie_icon { width:20px; height:23px; position:absolute; left:32px; top:28px; }

.vid_gallery .gallery_list ul li .product1 .thumb:hover .view { display:block; }

.vid_gallery .gallery_list ul li .product1 .content { width:50%; float:left; margin-left:15px; }

.vid_gallery .gallery_list ul li .product1 .content h5 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; color:#333; line-height:24px; }

.vid_gallery .gallery_list ul li .product1 .content h5 a:hover { text-decoration:underline; }

.vid_gallery .gallery_list ul li .product1 .content a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#333; line-height:22px; }

.vid_gallery .gallery_list ul li .product1 .content p { padding-top:6px; }

.vid_gallery .gallery_list ul li .product1 .content p:empty { display: none; }

.vid_gallery .gallery_list ul li .product1 .content a:hover { text-decoration:underline; }

.vid_gallery .gallery_list ul li .product1 .watch_video { float:right; text-align:right; margin-top:30px; }

.vid_gallery .gallery_list ul li .product1 .watch_video a { background:#545454; border-radius:10px; padding:4px 10px 3px 10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:13px; color:#FFF; font-weight:bold; text-transform:uppercase; }

.vid_gallery .gallery_list ul li .product1 .watch_video a:hover { background:#000; text-decoration:none; }

.vid_gallery .gallery_list ul li .product1 .watch_video a img { padding-right:3px; }

/*css file*/
.pagin { padding: 10px 0; font:bold 11px/30px arial, serif; }

.pagin * { padding: 2px 6px; color:#545454; margin: 2px; border-radius:3px; }

.pagin a { border:solid 1px #545454; text-decoration:none; background:#545454; padding:6px 7px 5px; }

.pagin span, .pagin a:hover, .pagin a:active, .pagin span.current { color:#FFFFFF; background:-moz-linear-gradient(top, #545454 1px, #545454 1px, #545454); }

.pagin span, .current { padding:8px 7px 7px; }

#loader { position: absolute; text-align: center; top: 75px; width: 100%; display:none; }

.media_gallery_block { width:202px; }

.media_gallery_block .product1 .thumbnail { width:100%; position:relative; }

.media_gallery_block .product1 .thumbnail .view { position:absolute; display:none; width:100%; height:100%; top:0px; left:0px; background:url(../img/trans_hover.png) repeat; z-index:z-index:999;
text-align:center; text-align:center; padding-top:26px; }

.media_gallery_block .product1 .thumbnail .view .movie_icon { width:20px; height:23px; position:absolute; left:92px; top:55px; }

.media_gallery_block .product1 .thumbnail:hover .view { display:block; }

/*Content*/

.media_gallery_block .product1 h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#000; margin-top:15px; }

.media_gallery_block .product1 h3 a { color:#fff; text-decoration:none; }

.media_gallery_block .product1 h3 a:hover { color:#C00; text-decoration:none; background:none; }

.media_gallery_block .product1 p { font-family:Verdana; font-size:12px; font-weight:normal; color:#545454; line-height:20px; padding:6px 0 0px 0; }

.media_gallery_block .product1 p a { font-family:Verdana; font-size:11px; font-weight:bold; color:#fff; float:right; }

.media_gallery_block .product1 p a:hover { color:#C00; background:none; }

.pre_wrap { background: #f9f9f9; padding: 5px 5px 5px 14px; margin-bottom: 33px; margin-top: 32px; }

.pre_wrap span.label { color: #999; font-size: 12px; font-style: italic; display: block; padding-left: 5px; padding-top: 5px; }

.syntaxhighlighter { font-size: 12px; }

.slides1_wrap { position: relative; padding: 20px 0 37px 0px; width: 100%; }

#slides1 { overflow: hidden; height: 212px; }

#slides1 li { list-style: none; width: 100%; }

#slides1 li .thumb { float: left; width:100px; }

#slides1 .content { float: left; width: 80%; padding-left: 45px; padding-right: 45px; position:relative; }

#slides1 .content .left_arrow { position:absolute; left:0px; top:0px; padding:0 10px 0 10px; }

#slides1 .content .right_arrow { position:absolute; right:0px; bottom:30px; padding:0 10px 0 10px; }

#slides1 li p { font-family:Verdana, Geneva, sans-serif; font-size:12px; font-weight:normal; color:#333; line-height:20px; padding-top:0px; padding-bottom:6px; }

#slides1 li p a { font-size:11px; color:#000; font-weight:bold; }

#slides1 li p a:hover { color:#900; text-decoration:none; }

#slides1 li p a img { float:right; margin-left:12px; margin-top:8px; }

#slides1 h3 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px; font-weight:normal; color:#900; padding-bottom:10px; }

#slides1 h4 { font-size: 18px; color: #000; font-style: italic; font-weight: normal; text-transform: lowercase; padding-bottom: 16px; }

.slides1_wrap .prev { position: absolute; left: -6px; top: 100px; outline: 0; }

.slides1_wrap .next { position: absolute; right:20px; top: 100px; outline: 0; }

.slides1_wrap a:active { top: 102px; }

.bx_pager { padding-left: 200px; padding-top: 15px; }

.bx_pager a { float: left; background: url(../img/bg_pager.png) no-repeat 0 -21px; width: 14px; height: 17px; color: #fff; font-size: 11px; margin-right: 6px; padding: 4px 0 0 7px; }

.bx_pager a:hover, .bx_pager a.active { background-position: 0 0; text-decoration: none; }

.auto_controls { position: absolute; bottom: -11px; left: 394px; }

.auto_controls a { font-size: 16px; color: #a3a3a3; outline: 0; padding: 2px; }

.auto_controls a:hover { text-decoration: none;  background:;
color: #e41996; }

#content #notes li, #content #changes li { font-size: 12px; color: #8f8f8f; margin-left: 43px; padding-bottom: 6px; }

#content #notes li a { color: #e41996; }

#idc-container a { color: #e41996; }

#idc-container h3 { color: #666; }

.nav { margin: 0px 0 }

#nav a, #s7 strong { margin: 0 5px; padding: 3px 5px; border: 1px solid #ccc; background: #fc0; text-decoration: none }

#nav a.activeSlide { background: #ea0 }

#nav a:focus { outline: none; }
.overlay {
  position: absolute; 
  bottom: 0;
  
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);  Black see-through 
  color: #f1f1f1; 
  width: 100%;
  transition: .5s ease;
  opacity:0;
  color: white;
  font-size: 14px;
  padding: 8px;
  text-align: center;
}
.gallery_product:hover .overlay {
  opacity: 1;
}