@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: normal;
	src: url('/fonts/eot/IRANSansWeb.eot');
	src: url('/fonts/eot/IRANSansWeb.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('/fonts/woff2/IRANSansWeb.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('/fonts/woff/IRANSansWeb.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('/fonts/ttf/IRANSansWeb.ttf') format('truetype');
}
@font-face {
	font-family: IRANSans;
	font-style: normal;
	font-weight: bold;
	src: url('/fonts/eot/IRANSansWeb_Bold.eot');
	src: url('/fonts/eot/IRANSansWeb_Bold.eot?#iefix') format('embedded-opentype'),  /* IE6-8 */
		 url('/fonts/woff2/IRANSansWeb_Bold.woff2') format('woff2'),  /* FF39+,Chrome36+, Opera24+*/
		 url('/fonts/woff/IRANSansWeb_Bold.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
		 url('/fonts/ttf/IRANSansWeb_Bold.ttf') format('truetype');
}

*:not(i) {
    margin: 0;
    padding: 0;
    font-family: IRANSans !important;
}
a {
    color: #4a7295;
    text-decoration: none;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, em, font, img, b, center, dl, dt, dd, ol, ul, li, form, fieldset, table, tbody, thead, tr, th, td {
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
}
body *{
    -ms-overflow-style: none;  /* Internet Explorer 10+ */
    scrollbar-width: thin;  /* Firefox */
}
body *::-webkit-scrollbar { /* webkit: Chorome & Safari */
    -webkit-appearance: none;
    width: 9px;
    height: 9px
}
body *::-webkit-scrollbar-track {
    -webkit-appearance: none;
    background: #fff
}
body *::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    box-shadow: inset 0 0 0 2px #fff;
    background: #b3b3b3
}
h1, h2, h3, h4, .mod-box .module-title, .mod-line .module-title, .menu-dropdown li.active .level1, .menu-dropdown a.level2:hover, .menu-dropdown a.level3:hover, .menu-sidebar a:hover, .menu-sidebar li > span:hover {
    color: #4a7295;
}
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}
h1{font-size:17px}
h2{font-size:16px}
h3{font-size:15px}
ul li {
    list-style: outside none none;
    text-align: justify;
}

body{
	font: 13px/25px IRANSans !important;
	font-weight: 400;
	direction: rtl;
	margin:0;
	padding:0;
}

body#page {color: #666}

#page-bg {background: url(/images/template/blue.webp) 50% 0 no-repeat; background-attachment: fixed;}

body.wrapper-white .wrapper {
	width: 1000px;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	padding: 0 25px;
	margin: auto;
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	background: #fff;
	background-clip: border-box;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background-clip: padding-box;
	overflow:hidden
}

body.wrapper-white .wrapper #headerbar, body.wrapper-white .wrapper #footer, body.wrapper-white .wrapper .mod-plain {
    text-shadow: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, section, div#main {
	overflow:hidden
}

figure {margin:20px 0}

#header, #footer {
    margin: 0 10px
}
.module, .content-box, .items-row, .item-page {
    /*margin: 2px;*/
}
.items-row {
    margin-bottom:5px;
}

#header, #top-a, #top-b, #bottom-a, #bottom-b, #bottom-c, #main, #footer {}

#header {
	position: relative;
}

header#header, section#menublock {
	overflow:unset
}

#headerbar, #footer, .mod-plain a {
    color: #62727b;
}

#headerbar {
    height: 120px;
    background: url(/images/template/header.webp); background-repeat: no-repeat; background-position: center top;
	overflow:hidden
}

#headerbar, #footer {
    text-shadow: 0 1px 0 rgba(255,255,255,0.4);
}

#headerbar .logo {
    margin:20px 10px;width: 250px; height: 80px;
}

#headerbar + #menublock {
    margin-top: 0px;
}
#menublock {
    padding: 5px 5px 2px 5px;
}
#menublock {
    border: 1px solid rgba(0,0,0,0.15);
        border-bottom-color: rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0,0,0,0.25);
    background: #fff;
        background-clip: border-box;
    background-clip: padding-box;
    box-shadow: 0 1px 1px rgba(0,0,0,0.06);
}

#toolbar {
    padding: 7px 10px 5px 10px;
    background: #252525;
    color: #777;
    font-size: 12px;
    text-transform: uppercase;
}

#menubar {
	height: 50px;
    background: linear-gradient(to bottom, #718da3 0%, #5d7992 50%, #4a5f78 100%);
    border-bottom: 4px solid #32414b
}

#menubar #search {
    float: left;
}
#search input {
    height:30px;
    padding:0 5px;
}
#search .menu-icon {
    font-size: 30px;
    line-height: 50px;
    color: #eee;
    margin:0 15px;
}

#subbar {
    padding: 2px 5px 5px 5px;
    overflow: hidden;
}

#subbar time {
    float: left;
	color: #999;
    font-size: 12px;
    text-transform: uppercase;
    line-height:32px;
}

#subbar .breadcrumbs {
    overflow: hidden;
}

#subbar .breadcrumbs strong {
    font-weight: normal;
}
#subbar .breadcrumbs a, #subbar .breadcrumbs span, #subbar .breadcrumbs strong {
    text-decoration: none;
    float:right;
    padding: 0 2px;
}
#sidebar-a{float:left;}

.width25 {
    width: 25%;
}
.width30 {
    width: 30%;
}
.width33 {
    width: 33.333%;
}
.width33m {
    width: calc( 33.333% - 20px );
}
.width50 {
    width: 50%;
}
.width50m {
    width: calc( 50% - 20px );
}
.width66 {
    width: 66.666%;
}
.width70 {
    width: 70%;
}
.width75 {
    width: 75%;
}
.width100 {
    width: 100%;
}

[class*="width"] {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.grid-box {
    float: right;
}

.module, 
.content-box, 
.items-row, 
.item-page,
#content .registration,
#content .activation,
#content .login,
#content .logout,
#content .remind,
#content .reset,
#content .reset-confirm,
#content .reset-complete,
#content .editprofile,
#content .tweetList .tweet, 
#content .musicList .music,
#content .messageDirect,
#content .messages,
#content .messageList .message,
#content .messageList .user,
#content .searchUser,
#content .profileUser,
#content .sendTweet,
#content #system-message {
    position: relative;
    padding: 10px;
    margin:10px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);
    overflow: hidden;
}

.mod-nobox {
    margin: 0;
    border: none;
    border-radius: 0;
    box-shadow: none;
}

.module .module-title {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px solid #e2e2e2;
    text-transform: uppercase;
}

.module h3 .color {
    color: #444;
}

.module h3 {
    margin: -5px -5px 5px -5px;
    padding: 0 10px;
    font-size: 15px;
    line-height: 40px;
    background: #667090;
    color: #fff;
}

.module.header1 h3 {
    background: unset;
    color: unset;
    line-height: 40px;
    margin-bottom: 15px;
    border-bottom: 4px solid #0EA5DE;
}

#footer {
    font-family:Trebuchet MS,Verdana,Arial,sans-serif !important;
    font-size: 12px;
    line-height: 20px;
    text-align: right;
    padding: 10px;
    margin:0;
    border-top: 3px solid #667090;
}

#totop-scroller {
    float: left;
    width: 20px;
    height: 20px;
    background: url(/images/template/totop_scroller.webp) 0 0 no-repeat;
}

.holiday-banner {position: fixed; right: 0; top: 0; width: 160px; height: 120px; background-image: url("/images/template/stories/norooz-120.png"); background-repeat: no-repeat; background-position: right bottom;}

/* Com_Users Css */
#content .registration legend,
#content .activation legend,
#content .editprofile legend,
#content .profile legend,
#content .remind legend,
#content .reset legend,
#content .remind .page-header h1,
#content .reset .page-header h1,
#content .reset-confirm .page-header h1,
#content .reset-complete .page-header h1,
#content h1.title,
#content h2.title {
  width:100%;
  text-align:center;
  line-height:30px;
  padding:10px;
  border-bottom:1px solid #eee;
  background:#667090;
  color:#fff;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}
#content .login #remember {margin: 0 5px 20px 0;}
#content .login ul.nav li, #content .remind ul.nav li, #content .reset ul.nav li {line-height:35px; margin: 5px 0; border: 1px solid #eee; padding: 5px 10px;}
#content .login ul.nav li:hover, #content .remind ul.nav li:hover, #content .reset ul.nav li:hover {background: #efefef}
.control-label .optional, .control-label .star, .field-spacer{display:none}
.g-recaptcha {margin-bottom:15px}
#content .registration-tab{border:none; margin:15px 0 !important;padding:0 !important}
#content .registration-tab  input[type="radio"] {display: none;}
#content .registration-tab  label {
  width: calc( 50% - 2px );
  text-align: center;
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid silver;
  border-radius: 10px;
  display: inline-block;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
#content .registration-tab  input[type="radio"]:checked + label {
    background-color: #c7d3e4;
    cursor: default;
}
#content .editprofile .control-profile {
   position: relative;
   margin: 10px auto;
   width: 100px;
}
#content .editprofile .profile-image {
   height: 100px;
   width: 100px;
   border-radius:50%;
   cursor:pointer
}
#content .editprofile .removeprofile-icon {
   position: absolute;
   bottom: -5px;
   right: -5px;
   border: 2px solid #fff;
   border-radius: 50%;
   line-height: 30px;
   width: 30px;
   font-size: 22px;
   background: #09C;
   color: #fff;
   text-align: center;
   cursor: pointer;
}
.form-horizontal input:not([type="checkbox"]), .form-horizontal textarea, .form-horizontal select {
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	margin-bottom: 15px;
	border: 1px solid #ccc;
	padding: 10px;
	background: transparent;

}
.form-horizontal input:focus, .form-horizontal textarea:focus, .form-horizontal select:focus {
	box-shadow: 0 0 5px #09C;
	border: 1px solid #09C;
}
.form-horizontal input[type="submit"], .form-horizontal input[type="button"], .form-horizontal button[type="submit"]{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 100%;
	padding: 10px;
	background: #8080AA;
	border-bottom: 2px solid #606090;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;	
	color: #fff;
        cursor:pointer
}
.form-horizontal input[type="submit"]:hover, .form-horizontal input[type="button"]:hover, .form-horizontal button[type="submit"]:hover {background: #606088;}
#content #system-message {margin-bottom:0 !important}
#content #system-message ul:last-child {margin-bottom:0 !important}
#system-message > dd {text-indent: 0px !important;}
#system-message > dd > ul {padding:10px 10px 10px 40px !important}
/* end Com_Users Css */

/* Mod_Bourse */
.bourseInfo {width: 100%; border-collapse: collapse; table-layout: fixed;}
.bourseInfo tr:nth-child(even) {background:#eee}
.bourseInfo td, .bourseInfo th {text-align: center; padding-right: 10px; line-height: 40px; direction:ltr; white-space:nowrap}
.bourseInfo th {position: sticky; position: -webkit-sticky; top: 0; z-index: 2; box-shadow: inset 0 -1px 0 #d1cedd; background: #fff;}
.bourseInfo .symbol {text-align: right; direction: rtl; overflow: hidden;}
.bourseInfo .red {color:red}
.bourseInfo .green {color:green}
/* end of Mod_Bourse */

/* Mod_Bourse Search */
.search-icon {padding:5px; font-size: 18px;}
#search-lbl {color:#222; padding:0 10px; line-height:30px; border: 1px solid #ccc; border-radius:3px;}
#search-lbl::placeholder {color:#bbb;}
ul#searchlist {display:none; position: absolute; z-index: 100; background: #fff; min-width: 182px; border: 1px solid #ccc; border-top: unset; border-radius:0 0 5px 5px; max-height: 500px; overflow-y: auto;}
ul#searchlist li {display:none; line-height:40px; padding:0 10px; border-bottom:1px solid #eee; white-space: nowrap; float:unset !important; overflow:hidden}
ul#searchlist li:hover {background: #eee}
ul#searchlist li a {display:block; width:100%}
.fa-close {color:red}
.fa-search {color:#81b2e3}
/* end of Mod_Bourse Search */

/* Mod_Bourse InitialOffer*/
.offerMod {position: relative; width:100%; overflow:hidden}
.offerMod .offerBubble {position: absolute; width: 100%; text-align:center; z-index: 100;}
.offerMod .offerBubble label {display: inline-block; width: 15px; height: 15px; margin:10px 5px; border: 1px solid #ccc; border-radius: 50%;}
.offerMod #alloffers {display:flex; position: relative; transition: all 1s ease;}

.offerMod .offer {flex:1; position: relative; background:#2a3a47; overflow:hidden}
.offerMod .backlay {background-image:url(/images/template/sitetools/initialoffer1.jpg); background-position: center; background-repeat: no-repeat; background-size: cover;}
.offerMod .masklay {background:#2a3a47; opacity:0.7; height:300px}

.offerMod .poster {position: absolute; top: 0; left: 0; width: 100%;}
.offerMod .poster .logolay {height: 100px; overflow:hidden}
.offerMod .poster .logolay span {float: right; padding-right: 20px; opacity: 0.3; line-height: 50px; color: #fff;}
.offerMod .poster .logolay span.left {float: left; padding-left: 20px;}

.offerMod .header {text-align:center; font-size:40px; font-weight:bold; line-height: 70px; color:#fff}
.offerMod .subheader {text-align:center}
.offerMod .subheader span{display: inline-block; background:#fff; padding:3px 7px; border-radius:3px}

.offerMod .boxlay {display:flex;}
.offerMod .boxlay > div {flex:1; border-top:1px solid #fff; border-right:1px solid #fff; text-align:center; color:#fff; padding: 10px;}
.offerMod .boxlay .box1 {background:#2a3a47; border-right:unset}
.offerMod .boxlay .box2 {background:#616161;}
.offerMod .boxlay .box3 {background:#2a4b5e;}
.offerMod .boxlay .box4 {background:#464646;}
.offerMod .boxlay > div > span {display:block}
.offerMod .boxlay .logobox {font-size: 25px;}
.offerMod .boxlay .titlebox {font-size:100%; margin-top:5px;}

.offerMod .desclay {border-left:1px solid #2a3a47; border-right:1px solid #2a3a47;}
.offerMod .desctext {background:#eee; text-align:center; padding: 15px 0}
.offerMod .desctext > span {display:block}

.offerMod .footerlay {line-height:30px; text-align:center; color:#fff; background:#fff; border:1px solid #2a3a47; border-top:unset; padding:1px}
.offerMod .footerlay span {display:block; background:#2a3a47}
/* end of Mod_Bourse InitialOffer*/

/* My Style
----------------------------------------------------------------------------------------------------*/
#content input[type=button] {width:100% !important; line-height: 35px; background: #606090; color: #fff; border-bottom: 2px solid #505080; border-top-style: none; border-right-style: none; border-left-style: none;}
.imgnews{opacity:0.7;border: 2px solid #DDD; margin: 0 5px 10px 5px; padding: 5px; background: #fff; width: 200px; height: 135px;}
.imgnews:hover{opacity:1;}
.tags {overflow:hidden; border: 1px solid #ccc; padding: 10px; border-radius: 3px;}
.tags li{float:right; margin:0 3px; padding:4px 7px; background:#eeeeee; border:1px solid #dddddd; border-radius:4px}
.tags li:hover{background:#cccccc; border:1px solid #999999}
.pagination {text-align:center; overflow: hidden; padding: 10px 0;}
.pagination ul {display: inline-table;}
.pagination li {float:right; margin:0 2px; background:#eeeeee; border:1px solid #dddddd; border-radius:2px; overflow:hidden}
.pagination li.pagination-prev, .pagination li.pagination-next {display:block}
.pagination li .active {background-color: #09C; color:#fff}
.pagination li a, .pagination li span{display:inline-block; padding:7px 15px;}
.pagination li a:hover{background:#cccccc;}
ul.pagenav li.next, ul.pagenav li.previous {float:right; margin:10px 2px 0 2px; padding:3px 15px; background:#eeeeee; border:1px solid #dddddd; border-radius:2px; overflow:hidden}
ul.pagenav li.previous {float:left}
.item .item-image img{width:220px; float:right; margin-left:10px; padding:3px; border:1px solid #ccc; border-radius:5px;}
.item h2, .item-page .page-header h1 {border-bottom:2px solid #ededed;padding-bottom:5px}
.item .readmore .btn {float: left; border: 1px solid #ccc; border-radius: 2px; margin-top: 10px; padding: 5px 10px; background: #efefef;}
.item .readmore .btn:hover {border: 1px solid #999; color:#150590;}
.item-page .articleImage{width:90%; margin:0 auto;}
.item-page .articleImage img{width: 100%; margin-top: 10px; border: 1px #eee solid; padding: 5px; box-sizing: border-box;}
.item .article-info, .item-page .article-info {overflow: hidden;}
.item .article-info dd, .item-page .article-info dd {float:right; margin-left:10px}
.item p {text-align:justify}
.item-page p {margin-top:15px; text-align: justify;}
.item-page figure{text-align:center}
.item-page figure img {width:500px; padding: 3px; border: 1px solid #ccc; border-radius: 5px;}

.mostread li, .latestnews li{border-bottom:1px solid #ccc; padding:3px 0; white-space: nowrap; overflow:hidden}
.mostread li a span, .latestnews li a span{color:#666}
.mostread li:hover a span, .latestnews li:hover a span{color:#0088cc}

.tweet_style2{/*margin: -5px -10px !important*/}
.tweet_style2 li.tweet{background:unset !important}
.tweet_style2 li.tweet img {width: 100%;}
.noshow {height:0;border:unset;overflow:hidden}
.loading {text-align:center; background:#fff}
.btnAppend {padding:5px 0; text-align:center}
.btnAppend button {
    width: 100%;
    padding: 10px;
    background: #fff;
    color: #039BD4;
    border: 1px solid #0EA5DE;
    border-radius:5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}
.btnAppend1 button {
    width: 100%;
    padding: 10px;
    background: #43D1AF;
    border-bottom: 2px solid #30C29E;
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}


/* -- Sidebar -- */
#close-sidebar {
  display:none;
  position: fixed;
  top: 50px;
  right: 0;
  left:0;
  bottom:0;
  z-index: 10;
}

#header-mobile {display:none; 
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  background: linear-gradient(to bottom, #718da3 0%, #5d7992 50%, #4a5f78 100%);
  border-bottom: 4px solid #32414b;
  height: 50px;
  line-height:50px;
  color:#fff;
  z-index: 11
}
#header-mobile * {color:#fff; font-size: 16px; line-height: 52px}
#header-mobile > * {flex:1; text-align:center}
#header-mobile .header-right {text-align:right}
#header-mobile .header-left {text-align:left}
#header-mobile .header-right > *, 
#header-mobile .header-left > * {display: inline-block; width:40px; text-align: center; cursor:pointer}
#header-mobile .header-left .search {display:none; z-index:11;}

/* End of SideBar

/* Main Menu */
.menubar{float:right; min-height: 40px;	margin:0; padding:0}
.menubar > ul > li{float:right; padding:10px 20px; list-style: none; height:31px; line-height:29px; background: url(/images/template/mainmenu_level1.webp) right top no-repeat}
.menubar a {white-space: nowrap !important}
.menubar > ul > li > a, .menubar > ul > li > span{color:#d8e3ed; !important; font-size: 13px; text-shadow: 0 1px rgba(0,0,0,0.2); cursor:pointer}
.menubar > ul > li.active > a, .menubar > ul > li.active > span {color: #ffe300}
.menubar li ul{visibility: hidden; opacity:0; position:absolute; margin-right:-20px; margin-top:13px; border-bottom-color: rgba(0,0,0,0.25); background: #fff; background-clip: padding-box; box-shadow: 0 1px 1px rgba(0,0,0,0.06); z-index:100; transition: opacity .3s ease .1s;}
.menubar li > ul > li{visibility: hidden; height:0px; line-height:0px; width:170px; padding:0 10px; margin: 3px; transition: all .3s ease .1s; transition-property: height, line-height;}
.menubar li > ul > li:first-child {border: none}
.menubar li ul li span, .menubar li ul li a {font-size: 12px; color: #4a7295}
.menubar.desktop ul li:hover > ul {opacity: 1; visibility: visible; border: 1px solid rgba(0,0,0,0.15);}
.menubar.desktop ul li:hover > ul > li{height: 40px; line-height:40px; visibility: visible; border-top: 1px solid #ddd;}
.menubar > ul > li:hover { border-bottom:2px solid #718ca3;}
.menubar li ul li:hover { background:#6666ee; }
.menubar li ul li:hover a { color:#fff}
.menubar li.item-101 {padding: 10px 15px;}
.menubar li.item-101 a {font-size: 0}
.menubar li.item-101 a:before {content: "\f015"; font-family: Fontawesome; font-size:25px; display:block}
.menubar > ul > li.parent {padding-left: 30px}
.menubar > ul > li.parent span:after {font-family: Fontawesome; content: "\f107"; font-size: 16px; position: absolute; padding: 0 7px;}
.menubar > ul > li.parent.up span:after {content: "\f106";}
/* End of Main Menu */

/* contact us */
.contactus .articleImage, .contactus .publisher, .contactus .pager {display:none}
.contactus .page-header {text-align:center}
.contact {text-align:center;}
.contact .desc {margin: 30px 0; text-align: center; font-size: 14px;}
.contact .item {width: 200px; margin: 20px auto; line-height: 40px; border: 1px solid #a4a0a0; border-radius: 5px;}
.contact a {display: block; border-radius: 5px; direction: ltr; margin: 3px; background: #e5e5e5; font-size: 15px; color: blue;}
.contact a img {float: left; width: 30px; height: 30px; margin: 5px;}
.contact a span {display:inline-block; font-family: arial !important; margin-left: 5px;}
/* End of contact us */

.telegramLogo {display:none}

/* Menu Logo Module*/
.menulogo {overflow:hidden}
.menulogo a {float:right; margin: 3px; width: calc(12.5% - 6px); border-radius: 4px; text-align: center; background-color: #b4bbbd; box-sizing: border-box}
.menulogo a:hover {background:#ccc}
.menulogo .itemlogo {margin: 7px; border-radius: 7px; background: #fff; overflow: hidden;}
.menulogo .itemImage {display:block; width:100%; margin: 3px 0;}
.menulogo .itemTitle {background: #000; color: #fff; font-size: 16px; line-height:30px}


/* Newspapers com  */
.com-newspapers {position: relative;}
.com-newspapers .newspaper {float:right; width: calc( 20% - 14px ); text-align:center; margin:5px; background:#fff; border:2px solid #DDD; white-space: nowrap; overflow: hidden;}
.com-newspapers .newspaper > img {display: block; width: calc( 100% - 10px ); margin:5px; opacity:0.7;}
.com-newspapers .newspaper:hover img {opacity:1;}
.com-newspapers > img {border:2px solid #DDD; padding:5px; background:#fff; width:calc( 100% - 14px );}
.com-newspapers .comnewsbutton {width:200px; margin:20px auto; font:14px/35px yekan,tahoma; background:#C7D3E4; border:1px solid #C7D3E4; height:35px; text-align: center;}
.com-newspapers .comnewsbutton:hover{border:1px solid #000;}
/* Newspapers Mod  */
.newspapers-thumb {overflow:hidden}
.newspapers-thumb .image{float:right; width:calc( 16.66% - 12px ); height: 100px; border:1px solid #000; margin:0 5px; background-size: cover; transition: all 0.3s ease-out 0s;}
.newspapers-thumb .image:hover{border-radius:80px}

/* Video */
.video-body{margin:0 -5px 0px;direction:rtl;overflow:hidden}
.vjs-big-play-button{top:45% !important;left:45% !important}
.videoheader {margin:0 5px 5px 5px;height:40px;padding:0 10px;background: #777777;overflow:hidden}
.videoheader h2{float:right; line-height:40px; color:#fff;white-space: nowrap;}
.videoheader .viewvideo{float:left; line-height:40px;color:#fff;}
.videomain{margin:0 5px 5px 5px;}
.videofooter{margin:5px 5px 0px;}
.videofooter .dlvideo, .video-navigation .prepage, .video-navigation .nextpage{float:left;width:100px;;height:25px;background:#eee;border:1px solid #aaa;text-align:center; line-height:25px; display:inline-block;     box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;}
.video-navigation .nextpage{float:right}
.video-navigation .inactive{display:none}
.videofooter .dlvideo:hover, .video-navigation a:hover .prepage, .video-navigation a:hover .nextpage{background:#ccc;color:red}
.video-cat{padding-top:2px;  display:inline-block}
.video-cat span{border:1px #eee solid;border-radius:5px;background:#eee;margin:0 3px;padding:2px 7px}
.video-cat span:hover{border:1px #ccc solid}
.video-body .video-box {position: relative;width: calc( 25% - 11px );float: right;margin: 0px 5px 15px 4px;border-radius: 3px;border: 1px solid #a5a7b2;overflow:hidden}
.video-box .video-pic{width:100%;height:100;}
.video-box .video-pic a {display: block; line-height:0}
.video-box img{width:100%;height:100%;transition: all 0.3s ease 0s;text-align: center;border-bottom: 1px solid #B6B6B6;border-radius: 3px 3px 0px 0px;background: transparent url("../image/loading.gif") no-repeat scroll 50% 50%;}
.video-box .video-title{height:40px;line-height:20px;text-align:center;margin:2px;padding:3px;background:#e5e5e5;}
.video-box .video-play{position:absolute;top: calc( 50% - 43px );left: calc( 50% - 30px );height:45px;width:60px;background:url('/images/sitetools/play.png') no-repeat top left;opacity: .75;filter: alpha(opacity=75);transition: all 0.2s ease 0s;}
.video-box:hover .video-play{opacity: .95;filter: alpha(opacity=79);}
.spacediv{margin:10px 0;border-top:1px solid #ccc}
.vjs-poster, .vjs-tech, .video-js{width:100% !important;}

/* Support & Resistance Com */
#supresin {border-bottom:1px #cccccc solid; margin:10px; padding-bottom:5px}
#supresin .lblsupresin{width:100%; margin:10px 0; overflow:hidden}
#supresin .lblsupresin label{width:155px; float:right; padding-right:5px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#supresin .lblsupresin input{float:right; width:calc( 100% - 155px ); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#supresout table{width:100%}
#supresout th{text-align:center}
#supresout td{width:20%; line-height: 50px; padding: 0 5px; text-align:center; border:1px solid #aaaaaa}
#supresout td.tite {background: #eeeeee}
#supresout .header{background:#eeeeee}
#supresout .pivot td{background:#d5d5ea}
#supresout .empty {height: 30px; width: 100px; overflow: hidden; background-image: url("/images/sitetools/hatch.gif"); background-size: cover; background-position: center; background-repeat: no-repeat}
#supresout .legend span {display: inline-block; margin: 10px 5px 0 20px;}

/* Coin Bubble */
#pcoinin {margin:10px; padding-bottom:5px}
#pcoinout {border: 1px solid #ccc; padding: 5px; border-radius: 5px; background: #cdcdf0;}
#pcoinin .lblpcoinin, #pcoinout .lblout{width:100%;text-align:center;margin:5px 0;overflow:hidden}
#pcoinin .lblpcoinin label, #pcoinout .lblout label{width:100px; float:right; padding-right:5px;  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#pcoinin .lblpcoinin label.dim, #pcoinout .lblout label.dim{width:60px;}
#pcoinout .lblout .bubble_desc {width:100%; text-align:center}
#pcoinin .lblpcoinin input{float:right; width:calc( 100% - 160px ); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
#pcoinin .lblpcoinin select{width:calc( 100% - 160px ); float:right; height:30px}
#pcoinin .lblpcoinin .subpcoin{width:330px;margin:4px 5px 0 5px}

/* Software List */
ul.dlsoftmod {padding:0px;margin:0px}
ul.dlsoftmod li {padding: 10px 0; border-right: 4px solid #fff; border-left: 4px solid #fff; border-bottom: 1px solid #E7E7E7; list-style: outside none none; font-size:11pt; transition: all 0.3s ease-out 0s;}
ul.dlsoftmod li:hover {border-right:4px solid #cccccc;border-left:4px solid #cccccc;}
ul.dlsoftmod li .desc {float:right; width: 135px; white-space: nowrap; margin:0 5px 0 0}
ul.dlsoftmod li .fig {float:right; margin:0 !important}
ul.dlsoftmod li .desc h4 {font:12px/12px "BYekan","tahoma"}
ul.dlsoftmod li .desc p {color:#999}
ul.dlsoftmod li .clear {clear:both;height:0}
ul.dlsoftmod a {color: #5C5C63; text-decoration: none; transition: all 0.3s ease-out 0s;}
ul.dlsoftmod a:hover {color: #0EA0D8;}

/* Plugin dlFile */
.dlfile-file {line-height:30px;background:#fdfdfd;border:1px solid #cccccc;margin:5px;padding:10px 10px 10px 10px;color:#535353;overflow:auto}
.dlfile-file:before {content:""; background:#fdfdfd url(/images/sitetools/images/icon-download-32.png) no-repeat left top;width:32px;height:32px;float:left;margin-top:0px;}
.dl_icon:before {content:""; background:#fdfdfd url(/images/sitetools/images/download-arrow.png) no-repeat right bottom;width:16px;height:16px;float:right;margin-left:10px;margin-top:5px;padding-bottom:3px;}
.size_icon:before {content:""; background:#fdfdfd url(/images/sitetools/images/size-arrow.png) no-repeat right bottom;width:16px;height:16px;float:right;margin-left:10px;margin-top:5px;padding-bottom:3px;}
.pass_icon:before {content:""; background:#fdfdfd url(/images/sitetools/images/password-arrow.png) no-repeat right bottom;width:16px;height:16px;float:right;margin-left:10px;margin-top:5px;padding-bottom:3px;}
.reff_icon:before {content:""; background:#fdfdfd url(/images/sitetools/images/source-arrow.png) no-repeat right bottom;width:16px;height:16px;float:right;margin-left:10px;margin-top:5px;padding-bottom:3px;}

/* modal Banner */
#modal-banner .modal-back {position:fixed; top:0; bottom:0; right:0; left:0; z-index:11; background:#ccc; opacity:0.40; z-index: 99;}
#modal-banner .modal-content {position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(0); width: 0px; padding-top:40px; background: transparent; border-radius: 12px; animation: popupIn 0.3s ease-out forwards; opacity: 1; z-index: 100;}
@keyframes popupIn {
    to {
      width: 80vw;
      transform: translate(-50%, -50%) scale(1);
    }
}
#modal-banner a {display: block;}
#modal-banner img {width: 100%; border-radius: 10px; box-shadow: 0 0 20px #000;}
#modal-banner .close-btn {position: absolute; top: 0px; right: 0px; color: red; font-size: 40px; cursor: pointer;}