/*[Content Template]*/
.SGTC0001 { overflow:hidden; border:1px solid #AAA; margin-bottom:5px ; background: #FFF; }
.SGTC0001 h2 { display:block; height:35px }
.rtl .SGTC0001 h2 span { display:block; font:16px/35px 'B koodak', 'koodak', Arial; color:#000; padding:0 5px }
.ltr .SGTC0001 h2 span { display:block; font:bold 13px/35px Arial; color:#000; padding:0 5px }
.SGTC0001 .TCB { text-align:justify; padding:7px 5px 2px }
.rtl .SGTC0001 .TCB strong, .rtl .SGTC0001 .TCB b { font:14px 'B koodak', 'koodak', tahoma }
.SGTC0001 .TCB hr { border:none; border-top:1px solid #666 }
.SGTC0001 .FOT { height:20px; clear:both; padding:2px 5px }
.SGTC0001 .FOT span { padding:0 3px }
.SGTC0001 .BGCF1 { background:#F1F1F1 }
.SGTC0001 .BGDY { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left top repeat-x }
.SGTC0001 .BGDR { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -45px repeat-x }
.SGTC0001 .BGDO { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -90px repeat-x }
.SGTC0001 .BGDG { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -135px repeat-x }
.SGTC0001 .BGDB { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -180px repeat-x }
.SGTC0001 .BGDV { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -225px repeat-x }
.SGTC0001 .BGDC { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -270px repeat-x }
.SGTC0001 .BGDP { background:url(../images/ContentTemplate/SGTC0001Dark.jpg) left -315px repeat-x }
.SGTC0001 .BGLY { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left top repeat-x }
.SGTC0001 .BGLR { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -45px repeat-x }
.SGTC0001 .BGLO { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -90px repeat-x }
.SGTC0001 .BGLG { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -135px repeat-x }
.SGTC0001 .BGLB { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -180px repeat-x }
.SGTC0001 .BGLV { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -225px repeat-x }
.SGTC0001 .BGLC { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -270px repeat-x }
.SGTC0001 .BGLP { background:url(../images/ContentTemplate/SGTC0001Light.jpg) left -315px repeat-x }

/*[Tabs]*/
.General-Tab {background:#FFF; margin-bottom:5px;}
.General-Tab ul {margin:0 !important; padding:0 !important;}
.General-Tab ul.tabs { margin:0; padding:0; font-size:0; border:1px solid #aaaaaa; border-bottom:none; }
.General-Tab ul.tabs li { display:inline-block; *display:inline; font-size:13.2px; height:30px; }
.General-Tab ul.tabs li a { cursor: pointer; display:block; height:100%; line-height:30px; padding:0 7px; color:#000 !important }
.General-Tab ul.tabs .tab-current { background:#FFF; }
.General-Tab .tabsContent { display:none; border:1px solid #AAA; border-top:none; padding:4px; }
.General-Tab ul.GrayTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left top repeat-x; }
.General-Tab ul.RedTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -45px repeat-x; }
.General-Tab ul.GoldTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -90px repeat-x; }
.General-Tab ul.GreenTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -135px repeat-x; }
.General-Tab ul.BlueTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -180px repeat-x; }
.General-Tab ul.VioletTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -225px repeat-x; }
.General-Tab ul.CyanTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -270px repeat-x; }
.General-Tab ul.PinkTab { background:#F1F1F1 url(../images/ContentTemplate/SGTC0001Light.jpg) left -315px repeat-x; }

/* Content Template goes Here ... */



.OlgoClass { font-size: 0; text-align: center; width: 100%;} 
.OlgoClass img {  position: relative; cursor: pointer;}
.OlgoClass img:hover { filter: grayscale(100%);}



.OlgoStlSide {   width: 97%;  height: 185px; margin-bottom: 10px;} 
.OlgoStlSide .SideBody {  width:100%;  height: 185px; position: relative; overflow: hidden; }
.OlgoStlSide .SideBody img { width: 100%; height: 185px; }
.OlgoStlSide .SideBody:hover img { filter: grayscale(100%);}
.OlgoStlSide .SideBody h3 { position: absolute; font-size: 13px;    left: 0;  right: 0;    bottom: 0;   overflow:hidden; text-overflow: ellipsis;
    display:block; direction: rtl;     height: 38px;  background: rgba(0,0,0,0.5); color: #ddd; padding: 5px;     margin: 0 auto; 
     transition:.5s all ease; font-family:BYekan-new;}
.OlgoStlSide .SideBody:hover h3 {  background: rgba(0,0,0,0.7);   font-family:BYekan-new; }

 


.SideStl {  text-align: center;}
.SideStl .MgSide   { border: 1px solid #ccc; padding: 5px; font-size: 0; margin: auto; width: 246px; height: 330px; overflow: hidden; }
.SideStl .MgSide img {    opacity: 1;  transform: scale(1);  transition:.5s all ease;} 
.SideStl .MgSide:hover img { opacity: 0.5; transform: scale(1.1); }
.SideStl h3 { background: #c60002; border: 1px solid #7d1e1a; width: 100%; height: 30px; text-align: center; margin: 10px auto;  }
.SideStl h3:hover { background: #a50505; border: 1px solid #a50505; }
.SideStl h3 a { color: #fff; line-height: 28px;  font-family:BYekan-new;font-size: 14px; }




.WidgetFC{margin-bottom:10px;}
.WidgetFC .WHeader{height: 40px;     line-height: 35px; text-align: right;     padding: 0 7px;     color: #333;     position: relative;
    border-bottom: 2px solid #dcdcdc; height:40px;line-height:35px;padding:0 7px;color:#FFF;position:relative;}
.WidgetFC .WHeader span{ color: #333;  font-family:BYekan-new;
    font-size: 14px;     font-size: 14px; width:auto; border-bottom: 2px solid #f00;  height: 40px; display: inline-block;}
.WidgetFC .WBody{padding:5px; border-top:none;background:#FFF;}
.WidgetFC .WBody img{max-width:100%;}

.WidgetFC .WBody td { border: 1px solid #ddd; float: right; display: block; width: 23% !important; margin: 5px;}

.LinkSide {}
.LinkSide ul {list-style: none;}
.LinkSide ul li { background: url(/userimages/dnGallery/iconlink.png) no-repeat right center; padding-right: 10px; line-height: 30px;}
.LinkSide ul li a { color: #424242; }
.LinkSide ul li a:hover { color: #a30000; }





.template-box { position: relative; border: 1px solid #ddd; min-height: 170px;  background: #f7f7f7;margin-bottom: 10px;
    display: inline-block; width: 98%;}
 .NewsOlgo {   padding: 10px;  }
 .NewsOlgo .TNews { float: right; width:60%;   }
 .NewsOlgo .TNews h3 { line-height: 40px; margin-bottom: 10px;  } 
 .NewsOlgo .TNews h3 a { color: #a30000; font-size: 14px;   font-family:BYekan-new;   } 
 .NewsOlgo .TNews p { font-size: 13px; line-height: 28px; color: #333; height: 80px; overflow:hidden;  } 
 .NewsOlgo .MNews {  float: right; width:30%;   text-align: right;    }
 .NewsOlgo .box-btn { display: flex; justify-content: end;}
 .NewsOlgo .box-btn  .DateBox { background:#ebebeb ; color: #333; padding: 5px 10px; margin:5px;}
 .NewsOlgo .box-btn  .DateBox a { color: #333;}




 .Wdg{margin-bottom:10px;}
 .Wdg .WdgHeader{height: 40px;     line-height: 35px; text-align: right;     padding: 0 7px;     color: #333;     position: relative;
     border-bottom: 2px solid #f00;  height:40px;line-height:35px;padding:0 7px;color:#FFF;position:relative;}
 .Wdg .WdgHeader span{ color: #333;  font-family:BYekan-new;
     font-size: 14px;     font-size: 14px; width:auto;  height: 40px; display: inline-block;}
 .Wdg .WdgBody{ border-top:none;background:#FFF;}
 .Wdg .WdgBody img{max-width:100%;}
 


 .ScMg {   font-size: 0; margin: 7px auto;    }
.ScMg  img { width:auto; height: 120px  ;}
.Slide { padding-bottom: 10px; }
 



 
.footgallery h3 {height: 40px; margin-bottom: 20px;
    line-height: 35px;
    text-align: right;
    padding: 0 7px;
    color: #333;
    position: relative;
    border-bottom: 2px solid #dcdcdc;
    height: 40px;
    line-height: 35px;
    padding: 0 7px;
    color: #FFF;
    position: relative;}
    .footgallery h3 span { color: #fff;
        font-family: BYekan-new;
        font-size: 14px;
        font-size: 14px;
        width: auto;
       
        height: 40px;
        display: inline-block;}
 .footgallery img { margin: 2px; }







 .OlgoLr {   position: relative; width: 95%; height: 180px; overflow: hidden; margin: 15px auto; border: 1px solid #ddd; }
 .OlgoLr img {   width: 180px; height: 180px; }
 .OlgoLr .VideoStl h2 a { position: absolute; left: 0; right: 0; width: 100%; bottom: 0; height:50px;overflow:hidden; text-overflow: ellipsis;
     display:block; direction: rtl; margin: auto;    font-size: 13px; color:#fff;  padding: 10px;    background: rgba(0,0,0,0.5) } 
.OlgoLr:hover .VideoStl h2 a { background: #9e0a16; }
  .OlgoLr .MBoxStl {  position: absolute; top:5px; left: 5px;}
 .OlgoLr .MBoxStl img { height: 38px; width:38px ;}



.NewsOlgo .TNewsOlgo  { width: 125px; height: 40px;}
.NewsOlgo .TNewsOlgo  h3 { color: #FFF; line-height: 40px;}
.NewsOlgo p { color: #a8a8a8;}
.NewsOlgo p span { color: #9e0a16;}



/* ....... ... */






.mainBody { background: #fff;}
.HeadTop { padding: 10px; }
.HtmMain { background: #282828; height:auto }
.HeadMain { background:#222222;   }
.license {   background: #222222; text-align: center;  }
 
.LeftBoxBn { width:30%;  float: left; overflow: hidden; }





 
 .BanStl h3 { height: 40px; border-bottom: 1px solid #ddd ; line-height: 38px;     text-align: right;}
 .BanStl h3 span { color: #fff;  font-family:BYekan-new;    font-size: 14px; }
 .BanStl .ContBox {   text-align: right; margin: 10px auto;}
 .BanStl .ContBox .SrStl   { font-size: 0; width: 60px; height: 60px; overflow:hidden; float: right; margin: 3px;    }
 .BanStl .ContBox .SrStl img { width: 60px; height: 60px;}
 .BanStl .ContBox .SrStl img:hover { width: 60px; height: 60px; filter: grayscale(100%);}

 
 .MStyle  {  padding: 5px; font-size: 0; margin:10px auto; width: 250px; height: 250px; overflow: hidden; }
 .MStyle img {    opacity: 1;  transform: scale(1);  transition:.5s all ease; width: 100%; } 
 .MStyle:hover img { opacity: 0.5; transform: scale(1.1); }


 .OlgoCount { border-bottom: 1px solid #b0b0b0; margin-bottom: 10px;  padding-bottom: 5px;}
 .OlgoCount .MgLink {   float: right; font-size: 0; overflow: hidden; height: 120px;  width: 150px;  border: 1px solid #ddd;    }
 .OlgoCount .MgLink:hover { border: 1px solid #a30000;}
 .OlgoCount .MgLink img { height: 120px; transform: scale(1); transition:.5s all ease;    }
 .OlgoCount .MgLink:hover img { height: 120px; transform: scale(1.1)  }





 .OlgoTxt {   float: right;     width: 75%;     margin-right: 10px;}
 .OlgoTxt h3 { background:#f7f7f7;   transition:.5s all ease;  }
 .OlgoTxt h3:hover { background:#ccc; }
 .OlgoTxt h3 a { line-height: 28px; color: #111; text-align: right; font-size: 14px;  padding: 0 10px;   font-family:BYekan-new; }
 .OlgoTxt p { padding:10px; color: #333; height: 30px; overflow:hidden; text-overflow: ellipsis;     display:block; direction: rtl;   }
 .OlgoTxt .MoreLink { width: 99%;   height: 30px; margin:10px auto 0;   }
 .OlgoTxt .MoreLink .More { width: 100px; float: left;   background: #ebebeb; color: #333; text-align: center;    transition:.5s all ease;}
 .OlgoTxt .MoreLink .More:hover {background: rgb(163, 0, 0);  }
 .OlgoTxt .MoreLink .Date   { display: block;  width: 100px; float: left; margin-left: 10px;  background: #ebebeb; color: #333;  text-align: center;}
 .OlgoTxt .MoreLink  .More   a { color:#333  ;}
 .OlgoTxt .MoreLink  .More:hover   a { color:#fff  ;}






 .template-box .owl-buttons { display: none;}
 .template-box  .owl-theme .owl-controls {  top: auto;    text-align: center; width: auto;   position: absolute; height: 30px;     bottom:10px; left:10px;
     z-index: 5; padding-top: 0; }









 


.WdgVideo{margin-bottom:10px;}
.WdgVideo .videohead {height: 40px;     line-height: 35px; text-align: right;     padding: 0 7px;     color: #333;     position: relative;
    border-bottom: 2px solid #dcdcdc; height:40px;line-height:35px;padding:0 7px;color:#FFF;position:relative;}
.WdgVideo .videohead span{ color: #333;  font-family:BYekan-new;
    font-size: 14px;     font-size: 14px; width:auto; border-bottom: 2px solid #f00;  height: 40px; display: inline-block;}
.WdgVideo .VideoBody{padding:5px; border-top:none;background:#FFF;}
.WdgVideo .VideoBody img{max-width:100%;}


.WdgVideo .VideoBody td {  float: right; width: 22.5% !important;  overflow: hidden;    margin: 0.5%;}