@import 'fonts.css';
@import 'libs-concat.css';
@import 'defaults.css';

body.header-fixed-mode{padding-top:50px;}

body.search-toggle-open{overflow:hidden}
body.search-toggle-open:after{content:""; position:fixed; z-index:999; left:0; right:0; bottom:0; top:81px; background:rgba(10, 14, 68,0.8)}

#header{background:#bc0000; position:relative; z-index:9999}
#header .logo-text{height:55px; width:auto; display:inline; float:right; margin-top:3px}
#header .logo-text a{display:block; height:inherit}
#header .logo-text img{height:inherit; width:auto;}
#header .logo-shape{height:55px; width:auto; display:inline; float:left; margin:5px 0}
#header .logo-shape a{display:block; height:inherit}
#header .logo-shape img{height:inherit; width:auto;}

#menu{background:#0a0e44; position:relative; z-index:999999}
body.header-fixed-mode #menu{position:fixed; top:0; right:0; left:0;}
#menu .row{padding:0}
#menu a{color:#fff;}
#menu .main-menu{display:inline; float:right}
#menu .main-menu a{
	transition:background ease-out 0.3s;
}
#menu .main-menu>ul{display:inline; float:right; position:relative}
#menu .main-menu>ul>li{display:inline; float:right}
#menu .main-menu>ul>li>a{display:block; height:50px; line-height: 50px; font-weight:bold; font-size:14px; padding:0 10px; }
#menu .main-menu>ul>li:hover>a{background:#4e5777}

#menu .main-menu>ul>li.on-fixed-mode{
	position:relative; overflow:hidden; width:0;
	transition:width ease-out 0.2s;
}
#menu .main-menu>ul>li.on-fixed-mode .logo-shape{width:30px; height:30px; margin:10px 0 10px 10px;}
#menu .main-menu>ul>li.on-fixed-mode .logo-shape a{display:block; height:inherit; width:inherit; padding:0}
#menu .main-menu>ul>li.on-fixed-mode .logo-shape a img{width:inherit; height:inherit}
body.header-fixed-mode #menu .main-menu>ul>li.on-fixed-mode{width:40px;}

#menu .main-menu>ul>li ul{position:absolute; width:250px; background:#4e5777; border-radius:0 0 5px 5px; display:none;}
#menu .main-menu>ul>li>ul{max-height:calc(100vh - 135px); overflow-y:auto; overflow-x: visible;}
body.header-fixed-mode #menu .main-menu>ul>li>ul{max-height:calc(100vh - 55px);}
#menu .main-menu>ul>li:hover>ul{display:block;}
#menu .main-menu>ul ul>li.show-submenu>ul{display:block;}

#menu .main-menu>ul>li>ul>li>ul{/*margin-right:200px; margin-top:-45px;*/ background:#131a79;position:relative; margin-right:3px; width:calc(100% - 6px)}
#menu .main-menu>ul>li>ul>li>ul>li>ul{background:#0a0e44;position:relative; margin-right:3px; width:calc(100% - 6px)}
#menu .main-menu>ul>li>ul>li>ul>li>ul>li>ul{background:#4376c3;position:relative; margin-right:3px; width:calc(100% - 6px)}
#menu .main-menu>ul>li>ul li.has-submenu>a:after{content:""; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjBQUPGzbO6qXwAAAAcklEQVQoz72RsRGDMBAEL9G4EmoiBRJTCPUocjW0on3OAQSWJTuzL/zdmZ//k34fD2Vz6pJUNg8qOya3ihMZl10sRKucmGCRxExgHr694SPWa1ArDa6VLn5R8rV77pzFRGDMEfcPP2EivmBJYmT8Qzt1nuKqdnCqh7j6AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA1LTA1VDEzOjI3OjU0KzAyOjAwHBKAXwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNS0wNVQxMzoyNzo1NCswMjowMG1POOMAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat; background-size: cover; margin-right:10px; width: 8px; height: 8px; display: inline-block; vertical-align:middle}

#menu .main-menu>ul>li>ul li{display:table; width:100%;}
#menu .main-menu>ul>li>ul li a{display:block; width:100%; height:45px;line-height:45px; font-weight:bold; font-size:12px; padding:0 15px;}
#menu .main-menu>ul>li>ul li:hover>a,
#menu .main-menu>ul>li>ul li.show-submenu>a{background:#131a79}
#menu .main-menu>ul>li>ul ul li:hover>a{background:#bc0000 !important;}
#menu .main-menu>ul>li>ul li:last-child a{border-radius:0 0 5px 5px;}

#menu .main-menu>.toggle-menu{
	display:none; float:right; width:32px; height:30px; background:rgba(255,255,255,0.1); color:#fff; padding:0; border:none; border-radius:3px; line-height:33px; font-size:13px; cursor:pointer;
	transform:translateY(33.33%);
}
#menu .main-menu>.toggle-menu i.fa-times{display:none}

#menu .network-menu{display:inline; float:left}
#menu .network-menu>ul{display:table;}
#menu .network-menu>ul>li{display:inline; float:left; margin-right:10px}
#menu .network-menu>ul>li>a{display:block; height:50px; width:30px; line-height:56px; text-align:center; font-size:21px;}
#menu .network-menu>ul>li>a>img{display:inline-block; width:21px; height:21px; margin-top:13px}

#ticker-search-toggle{display:table; width:100%; position:relative; padding-top:8px; z-index:99999}
#ticker-search-toggle .ticker-search-toggle-container{display:block; height:45px; background:#f7f7f7; box-shadow:1px 1px 3px rgba(0,0,0,0.4); border-radius:3px; overflow:hidden; position:relative}
body.search-toggle-open #ticker-search-toggle .ticker-search-toggle-container{box-shadow:1px 1px 3px rgba(0,0,0,0)}
#ticker-search-toggle .ticker-wrapper{position:absolute; top:0; right:0; left:65px; bottom:0}
#ticker-search-toggle .ticker-wrapper ul{
	display:block; width:100%; height:auto;
	transition:transform ease-out 0.3s;
}


#ticker-search-toggle .ticker-wrapper ul li{display:block; height:45px; line-height:45px; overflow:hidden; margin:0 16px;}
#ticker-search-toggle .ticker-wrapper ul li .title{font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:100%}
#ticker-search-toggle .ticker-wrapper ul li .title a{}

#ticker-search-toggle .search-toggle-wrapper{
	position:absolute; top:0; left:0; width:65px; bottom:0; overflow:hidden;
	transition:width ease-out 0.3s;
}
#ticker-search-toggle .search-toggle-wrapper button{position:absolute; top:0; left:0; height:45px; width:65px; margin:0; padding:0; border:0; background:#e4e4e4; cursor:pointer}
#ticker-search-toggle .search-toggle-wrapper button:hover{background:#ddd}
#ticker-search-toggle .search-toggle-wrapper button i{
	position:absolute; top:0; left:0; right:0; bottom:0; line-height:45px; font-size:24px; color:#0a0e44;
	transform:rotate(-90deg) scale(0);
	transition:transform ease-out 0.3s;
}
#ticker-search-toggle .search-toggle-wrapper button i.fa-search{
	transform:rotate(0deg) scale(1);
}
#ticker-search-toggle .search-toggle-wrapper button i.fa-times{color:#d71920}
body.search-toggle-open #ticker-search-toggle .search-toggle-wrapper button i.fa-search{
	transform:rotate(-90deg) scale(0);
}
body.search-toggle-open #ticker-search-toggle .search-toggle-wrapper button i.fa-times{
	transform:rotate(0deg) scale(1);	
}
#ticker-search-toggle .search-toggle-wrapper input{position:absolute; top:0; left:65px; height:45px; width:calc(100% - 65px); border:none; padding:0 16px; font-size:20px;}
body.search-toggle-open #ticker-search-toggle .search-toggle-wrapper{width:100%}

#inline-search-filters{
	position:fixed; top:97px; width:1200px; height:40px; left:50%; z-index:99999; display:none; overflow:auto; border-radius:3px; background:rgba(255,255,255,0.1);
	transform:translateX(-50%);
}
body.search-toggle-open #inline-search-filters{display:flex;}
#inline-search-filters .isf-placeholder{margin:0 8px 0 4px; height:inherit; line-height:40px; cursor:pointer}
#inline-search-filters .isf-placeholder:before{content:"جستجو در :"; color:#f4f4f4; white-space: nowrap}
#inline-search-filters .isf-list{padding:5px 4px; display:flex; width:100%; height:40px;}
#inline-search-filters .isf-list button{
	height:30px; width:100%; margin:0 4px; background:rgba(255,255,255,0.2); border:1px solid rgba(255,255,255,0.4); color:rgba(255,255,255,0.4); border-radius:3px; cursor:pointer; padding:0 8px; position:relative;
	transition:all ease-out 0.3s;
}
#inline-search-filters .isf-list button.active{color:#fff; border-color:rgba(255,255,255,0.6); background:rgba(255,255,255,0.4); text-shadow:1px 1px 0 #000;}
#inline-search-filters .isf-list button.active:after{content:"\f00c"; font-family:"Font Awesome 5 Free"; font-weight:900; display:inline-block; font-size:8px; line-height:8px; position:absolute; top:2px; left:2px;}


#inline-search-results{
	position:fixed; top:203px; width:1200px; bottom:32px; left:50%; z-index:99999; display:none; overflow:auto; border-radius:3px;
	transform:translateX(-50%);
}
body.search-toggle-open #inline-search-results{display:block;}

#inline-search-results .not-found{color:#f4f4f4; display:block; text-align:center}
#inline-search-results>img{width:32px; display:block; margin:0 auto}
#inline-search-results article{display:table; width:100%; padding:16px 16px 8px; background:rgba(255,255,255,0.1); border-radius:3px; color:#fff; margin-bottom:16px; position:relative}
#inline-search-results article .title{font-size:16px; font-weight:bold; margin-bottom:8px; line-height:26px;}
#inline-search-results article .title a{color:#fff;}
#inline-search-results article .lead{display:block; max-height:42px; overflow:hidden; font-size:12px; line-height:22px; text-align:justify; color:#f4f4f4; margin-bottom:8px;}
#inline-search-results article>a{position:absolute; top:0; left:0; right:0; bottom:0; display:block;}

#main{display:table; width:100%; position:relative}
#main .vitrin-item{position:relative; background:#fff; border-radius: 3px; overflow: hidden}
#main .vitrin-item .thumbnail{position:relative;}
#main .vitrin-item .thumbnail a{display:block; position:relative; width:100%; height:0; top:0; left:0}
#main .vitrin-item .thumbnail img{
	position:absolute; top:50%; left:50%; width:inherit; object-fit:cover; object-position:center center;
	transform:translateX(-50%) translateY(-50%);
}
#main .vitrin-item .text-wrapper{}
#main .vitrin-item .text-wrapper .rootitr{font-size:12px; font-weight:normal; line-height: 22px}
#main .vitrin-item .text-wrapper .rootitr a{display:block; width:100%; height:100%}
#main .vitrin-item .text-wrapper .title{font-size:16px; font-weight:bold; line-height:26px;}
#main .vitrin-item .text-wrapper .title a{display:block; width:100%; height:100%}
#main .vitrin-item .text-wrapper .lead{font-size:13px; font-weight:normal; line-height:23px}
#main .vitrin-item .text-wrapper .lead a{}

#main .feature-one{position:relative; height:0; padding-top:calc(8 / 16 * 100%); overflow:hidden; margin-bottom:16px}
#main .feature-one>*{position:absolute; top:0; left:0; width:100%; height:100%}

#main .features-two{position:relative; height:0; padding-top:calc(37 / 36 * 100%); overflow:hidden; margin-bottom:16px; border-radius:3px; background:#fff}
#main .features-two>*{position:absolute; top:0; left:0; width:100%; height:100%}
#main .features-two .swiper-container{height:100%}
#main .features-two .swiper-container-vertical .swiper-pagination-bullets{top:8px; left:8px; right:auto; transform: none; background:rgba(0,0,0,0.3); padding:0 4px; border-radius:4px;}
#main .features-two .swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet{background:#fff}
#main .features-two .swiper-container-vertical .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#fff}

#main .main-items{display:table; width:100%; background:#fff; border-radius:3px}

#main .tab-view{}
#main .tab-view .tabs-buttons{display:flex; height:40px; overflow:hidden}
#main .tab-view .tabs-buttons li{margin-left:1px; flex-grow:1}
#main .tab-view .tabs-buttons li:last-child{margin-left: 0}
#main .tab-view .tabs-buttons li a{
	display:block; background:#eb8b8f; width:100%; height:100%; line-height:40px; text-align:center; font-weight:bold; color:#fff; border-radius:3px 3px 0 0;
	transition:background ease-out 0.3s,text-shadow ease-out 0.3s;
}
#main .tab-view .tabs-buttons li a:hover{background:#d71920;}
#main .tab-view .tabs-buttons li.selected a{background:#d71920; text-shadow:1px 1px 1px #000}
#main .tab-view .tabs-items{background:#fff; border-radius:0 0 3px 3px}

#main .tab-view .tabs-items li{display:none;}
#main .tab-view .tabs-items li.selected{display:block;}

#main .tab-view .tabs-items li .tab-items-container{}
#main .tab-view .tabs-items li .tab-items-container.flex-mode{display:flex; flex-direction:column-reverse}

#main .ads-view{display:table; width:100%}
#main .ads-view ul{}
#main .ads-view ul li{display:table; width:100%; margin-bottom:16px;}
#main .ads-view ul li .ad-item{}
#main .ads-view ul li .ad-item a{line-height:0; display:block}
#main .ads-view ul li .ad-item img{width:100%; border-radius:3px;}

#main .martyrs-slide{}
#main .martyrs-slide .carousel-box{}
#main .martyrs-slide .carousel-header{height:40px; line-height:40px;}
#main .martyrs-slide .carousel-header .carousel-box-title{display:inline; float:right; height:inherit; line-height:inherit; padding-left:16px; border-bottom:2px solid #d71920; font-weight:bold; font-size:16px;}
#main .martyrs-slide .carousel-header .carousel-box-buttons{
	display:inline; float:left; height:inherit; position:relative; width:40px;
	transform:rotate(180deg);
}
#main .martyrs-slide .carousel-header .carousel-box-buttons>*{width:0; color:#d71920}
#main .martyrs-slide .carousel-header .carousel-box-buttons>*:after{font-size:14px; line-height:40px}
#main .martyrs-slide .carousel-items{position:relative; height:0; padding-top:calc(6 / 16 * 100%); background:#fff; border-radius:3px; overflow:hidden}
#main .martyrs-slide .carousel-items>*{position:absolute; top:0; left:0; width:100%; height:100%}

/* data-theme: type-a */
#main .vitrin-item[data-theme="type-a"]{}
#main .vitrin-item[data-theme="type-a"] .vitrin-inbox{position:absolute; top:0; left:0; width:100%; height:100%}
#main .vitrin-item[data-theme="type-a"] .thumbnail{width:100%;}
#main .vitrin-item[data-theme="type-a"] .thumbnail a{padding-top:calc(8 / 16 * 100%);}
#main .vitrin-item[data-theme="type-a"] .text-wrapper{
	position:absolute; bottom:0; left:0; right:0;
	/* Permalink: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.1+0,0.6+40,0.8+100 */
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.6) 40%, rgba(0,0,0,0.8) 100%);
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.8) 100%);
	background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0.6) 40%,rgba(0,0,0,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#cc000000',GradientType=0 );
}
#main .vitrin-item[data-theme="type-a"] .text-wrapper .rootitr a{color:#fff; padding:4px 16px 0px; text-shadow:1px 1px 1px #000}
#main .vitrin-item[data-theme="type-a"] .text-wrapper .title a{color:#fff; padding:4px 16px 16px; text-shadow:1px 1px 1px #000}

/* data-theme: type-b */
#main .vitrin-item[data-theme="type-b"]{}
#main .vitrin-item[data-theme="type-b"] .vitrin-inbox{position:absolute; top:0; left:0; width:100%; height:100%}
#main .vitrin-item[data-theme="type-b"] .thumbnail{width:100%;}
#main .vitrin-item[data-theme="type-b"] .thumbnail a{padding-top:calc(9 / 16 * 100%);}
#main .vitrin-item[data-theme="type-b"] .text-wrapper{position:relative; height:0; padding-top:calc(67 / 144 * 100%);}
#main .vitrin-item[data-theme="type-b"] .text-wrapper .title{position:absolute; top:0; left:0; width:100%; height:100%; display:table; text-align: center}
#main .vitrin-item[data-theme="type-b"] .text-wrapper .title a{display:table-cell; vertical-align:middle; padding:8px 16px; height:100%}

/* data-theme: type-c */
#main .vitrin-item[data-theme="type-c"]{border-bottom:1px solid #f0f0f0}
#main .vitrin-item[data-theme="type-c"] .thumbnail{width:150px; display:inline; float:right; margin:16px;}
#main .vitrin-item[data-theme="type-c"] .thumbnail a{padding-top:calc(9 / 16 * 100%); }
#main.archive-mode .vitrin-item[data-theme="type-c"] .thumbnail{width:175px; padding-top:calc(1 / 8 * 100%)}
#main .vitrin-item[data-theme="type-c"] .text-wrapper{display:inline; float:right; width:calc(100% - 150px - 32px); padding:16px 0 16px 16px}
#main.archive-mode .vitrin-item[data-theme="type-c"] .text-wrapper{width:calc(100% - 175px - 32px);}
#main .vitrin-item[data-theme="type-c"] .text-wrapper .title{font-size:14px; line-height:22px}
#main.archive-mode .vitrin-item[data-theme="type-c"] .text-wrapper .title{font-size:16px; line-height:24px}
#main .vitrin-item[data-theme="type-c"] .text-wrapper .lead{font-size:11px; line-height:18px}
#main.archive-mode .vitrin-item[data-theme="type-c"] .text-wrapper .lead{font-size:12px; line-height:22px; padding-top:4px;}

/* data-theme: type-d */
#main .vitrin-item[data-theme="type-d"]{border-bottom:1px solid #f0f0f0}
#main .vitrin-item[data-theme="type-d"] .thumbnail{width:90px;  display:inline; float:right; margin:8px;}
#main .vitrin-item[data-theme="type-d"] .thumbnail a{padding-top:calc(3 / 4 * 100%);}
#main .vitrin-item[data-theme="type-d"] .text-wrapper{display:inline; float:right; width:calc(100% - 90px - 16px); padding:8px 0 8px 8px}
#main .vitrin-item[data-theme="type-d"] .text-wrapper .title{font-size:11px; line-height:20px;}

/* data-theme: type-e */
#main .vitrin-item[data-theme="type-e"]{border-bottom:1px solid #f0f0f0}
#main .vitrin-item[data-theme="type-e"] .text-wrapper{display:table; width:100%; padding:8px}
#main .vitrin-item[data-theme="type-e"] .text-wrapper .title{font-size:11px; line-height:20px;}

/* data-theme: type-f */
#main .vitrin-item[data-theme="type-f"]{}
#main .vitrin-item[data-theme="type-f"] .vitrin-inbox{display:table; width:100%; position:relative}
#main .vitrin-item[data-theme="type-f"] .thumbnail{position:absolute; top:8px; left:8px; bottom:8px; width:110px; border-radius:3px; border:3px solid #ddd}
#main .vitrin-item[data-theme="type-f"] .thumbnail a{padding-top:calc(3.3 / 4 * 100%); }
#main .vitrin-item[data-theme="type-f"] .thumbnail img{height:100%; width:auto}
#main .vitrin-item[data-theme="type-f"] .text-wrapper{display:inline; float:right; width:calc(100% - 110px - 16px); height:0; padding-top:calc(6 / 16 * 100%); position:relative}
#main .vitrin-item[data-theme="type-f"] .text-wrapper .title{font-size:14px; line-height:22px; display:table; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center}
#main .vitrin-item[data-theme="type-f"] .text-wrapper .title a{display:table-cell; vertical-align:middle; padding:8px 16px; height:100%; width:100%}


#main .main-item{display:table; width:100%;}
#main .main-item .content-wrapper{display:block; width:100%; background:#fff; border-radius:3px; overflow:hidden;}
#main .main-item .content-wrapper .thumbnail-wrapper{position:relative; width:100%; height:auto; overflow:hidden}
#main .main-item .content-wrapper .thumbnail-wrapper>img{
	position:absolute; top:50%; left:50%; width:100%; min-height:100%;
	transform:translateX(-50%) translateY(-50%) scale(1.1);
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	-ms-filter:blur(5px);
	-o-filter:blur(5px);
	filter:blur(5px);
}
#main .main-item .content-wrapper .thumbnail-wrapper .thumbnail{width:100%; text-align:center}
#main .main-item .content-wrapper .thumbnail-wrapper .thumbnail img{box-shadow:0 0 10px 2px rgba(0,0,0,0.6); margin:16px; border-radius:3px; max-width:calc(100% - 32px)}
#main .main-item .content-wrapper .thumbnail-wrapper .date{position:absolute; z-index:9; top:16px; left:16px; padding:0 16px; line-height:32px; height:32px; background:rgba(0,0,0,0.3); color:#fff; font-weight:normal; text-shadow:1px 1px 1px #000;; border-radius:3px}

#main .main-item .content-wrapper .details{margin:32px;}
#main .main-item .content-wrapper .details .rootitr{font-size:13px; line-height:23px; margin-bottom:4px; color:#666; font-weight:normal}
#main .main-item .content-wrapper .details .title{font-size:24px; line-height:40px;color:#000}
#main .main-item .content-wrapper .details .lead{margin-top:16px; background:#f4f4f4; border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:16px; font-size:14px; line-height:28px;}
#main .main-item .content-wrapper .content-text{margin:0 32px 32px 32px; font-size:14px; text-align:justify; line-height:34px;}

#main .main-item .content-wrapper .relations{margin:0 32px 32px 32px;}
#main .main-item .content-wrapper .relation-title{display:flex; width:100%; white-space:nowrap; font-weight:bold; color:#707070; font-size:14px;}
#main .main-item .content-wrapper .relation-title:after{content:""; width:100%; margin-right:8px; height:0px; border-bottom:1px dashed #ccc; margin-top:8px}
#main .main-item .content-wrapper .relation-items{padding-top:8px}
#main .main-item .content-wrapper .relation-items>li{}
#main .main-item .content-wrapper .relation-items>li>.title{font-weight:normal;margin-bottom:4px; font-size:12px;}
#main .main-item .content-wrapper .relation-items>li>.title:before{content:""; width:4px; height:4px; display:inline-block; border-radius:50%; background:#c0392b; vertical-align:baseline; margin-left:4px;}
#main .main-item .content-wrapper .relation-items>li>.title>a{}

#main .main-item .content-wrapper .attachments{margin:0 32px 32px 32px;}
#main .main-item .content-wrapper .attachments-title{display:flex; width:100%; white-space:nowrap; font-weight:bold; color:#707070; font-size:14px;}
#main .main-item .content-wrapper .attachments-title:after{content:""; width:100%; margin-right:8px; height:0px; border-bottom:1px dashed #ccc; margin-top:8px}
#main .main-item .content-wrapper .attachments-items{padding-top:8px}
#main .main-item .content-wrapper .attachments-items>li{}
#main .main-item .content-wrapper .attachments-items>li>.title{font-weight:normal;margin-bottom:4px; font-size:12px;}
#main .main-item .content-wrapper .attachments-items>li>.title:before{content:""; width:4px; height:4px; display:inline-block; border-radius:50%; background:#c0392b; vertical-align:baseline; margin-left:4px;}
#main .main-item .content-wrapper .attachments-items>li>.title>a{}


body.search-toggle-open #menu,
body.search-toggle-open #main,
body.search-toggle-open #footer{
	z-index: 0;
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	-ms-filter:blur(5px);
	-o-filter:blur(5px);
	filter:blur(5px);
}


.comment-form-wrapper{background:#fff; border-radius:3px; margin:16px 0 0; padding:32px; position:relative; display:table; width:100%}
.comment-form-wrapper.waiting:before,
.comment-form-wrapper.success:before{content:""; position:absolute; top:0; left:0; right:0; bottom:0; z-index:9; background:rgba(0,0,0,0.1); border-radius:3px;}
.comment-form-wrapper.waiting .comment-form-right,
.comment-form-wrapper.waiting .comment-form-left,
.comment-form-wrapper.success .comment-form-right,
.comment-form-wrapper.success .comment-form-left{
	-webkit-filter:blur(5px);
	-moz-filter:blur(5px);
	-ms-filter:blur(5px);
	-o-filter:blur(5px);
	filter:blur(5px);
}
.comment-form-wrapper.waiting .comment-form-left>div,
.comment-form-wrapper.success .comment-form-left>div{visibility:hidden}
.comment-form-wrapper.waiting:after,
.comment-form-wrapper.success:after{
	content:"در حال ارسال داده؛ لطفا کمی صبر کنید..."; position:absolute; top:50%; left:50%; padding:0 16px; background:#0a0e44; color:#fff; border-radius:3px; height:30px; line-height:26px; z-index:10; white-space: nowrap;
	transform:translateX(-50%) translateY(-50%);
}
.comment-form-wrapper.success:after{content:"دیدگاه شما با موفقیت ارسال شد.";}
.comment-form-right{display:inline; float:right; width:60%;}
.comment-form-left{display:inline; float:right; width:40%; padding-right:16px;}
.comment-form-wrapper input,
.comment-form-wrapper textarea{
	width:100%; height:50px; background:#f4f4f4; border:none; border-radius:3px; padding:0 16px; margin-bottom:16px; font-size:14px; color:#333;
	transition:box-shadow ease-out 0.3s;
}
.comment-form-wrapper input:focus,
.comment-form-wrapper textarea:focus{box-shadow:0 0 5px rgba(73, 99, 65,0.3)}
.comment-form-wrapper textarea{height:182px; resize:none; padding:16px; margin-bottom:0}
.comment-form-wrapper button{display:inline; float:left; height:50px; background:#0a0e44; border:none; border-radius:3px; padding:0 32px 5px; font-size:16px; font-weight:bold; color:#fff; cursor:pointer; line-height:50px}
.comment-form-wrapper button:hover{text-shadow:0 0 10px rgba(255,255,255,0.7)}

.lobibox{border-radius:3px; overflow:hidden; font:normal 12px/18px 'IRANSans',tahoma; /*top:calc(50% + 33px) !important;*/ border:none !important;}
.lobibox .lobibox-header{
	background:#f4f4f4 !important; padding:16px; border-bottom:1px solid #ccc; position:relative; z-index: 2;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.lobibox .lobibox-header .lobibox-title{font:normal 12px/18px 'IRANSans',tahoma; line-height:35px; height:30px; font-size:20px; color:#333; display:inline-block; margin-top:-3px;}
.lobibox .lobibox-header .btn-close{float:left;  width:28px; height:28px;  border-radius:3px; text-align:center; line-height:30px; font-size:23px; text-shadow:none !important; background:#fff; border:1px solid #ccc; color:#bbb}
.lobibox .lobibox-header .btn-close:hover{border-color:#CA2121; color:#CA2121}
.lobibox .lobibox-body{padding:0; height: auto !important}
.lobibox .lobibox-body .lobibox-icon-wrapper{display:none;}
.lobibox .lobibox-body .lobibox-body-text-wrapper{display:table; padding:0}
.lobibox .lobibox-body .lobibox-body-text{display:block; width:100%; max-height: calc(100vh - 200px); overflow:auto; padding:16px;}

.lobibox .lobibox-footer{
	background:#f4f4f4 !important; padding:16px; display:table; width:100%; border-top:1px solid #ccc;
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	-o-user-select:none;
	user-select:none;
}
.lobibox .lobibox-footer button{
	display:inline; float:left; margin-right:16px; width:auto; padding:0 40px; border:none; height:40px; font-size:14px; font-weight:bold; border-radius:3px;
	transition:all ease-out 0.3s;
}
.lobibox .lobibox-footer button.btn-warning{background:#fff; border:1px solid #ccc; color:#bbb}
.lobibox .lobibox-footer button.btn-warning:hover{border-color:#CA2121; color:#CA2121}
.lobibox .lobibox-footer button.btn-checkbox{background:#fff; border:1px solid #ccc; color:#bbb; float:right; margin-right:0; padding:0 8px;}
.lobibox .lobibox-footer button.btn-checkbox.checked{border-color:#0eaee2; color:#0eaee2}
.lobibox .lobibox-footer button.btn-checkbox:after{content:"\f0c8"; font-family:"Font Awesome 5 Free"; font-weight:normal; display:inline-block; margin-right:16px; font-size:18px; vertical-align:middle}
.lobibox .lobibox-footer button.btn-checkbox.checked:after{content:"\f14a"}
.lobibox .lobibox-footer button[disabled]{background:#bbb !important; text-shadow:1px 1px 0 #000; cursor:not-allowed;}
.lobibox-backdrop{top:66px; background:rgba(0,0,0,0.3)}

.lobibox-notify .lobibox-notify-icon-wrapper{right:15px; left:auto}
body.direction-ltr .lobibox-notify .lobibox-notify-icon-wrapper{left:15px; right:auto}
.lobibox-notify .lobibox-close{right:auto; left:10px}
body.direction-ltr .lobibox-notify .lobibox-close{left:auto; right:10px}
.lobibox-notify .lobibox-notify-body{margin:20px 90px 20px 20px; font:normal 12px/18px 'IRANSans',tahoma}
body.direction-ltr .lobibox-notify .lobibox-notify-body{margin:20px 20px 20px 90px;}
.lobibox-notify .lobibox-notify-title{font-weight:bold; margin-bottom:8px}

.grecaptcha-badge{transform:scale(0); visibility:hidden}



#footer{display:table; width:100%; background:#000; color:#fff; margin-top:8px;}
#footer .bpms-copyright{font-weight:normal; font-size:12px; direction:ltr}
#footer .bpms-copyright i{vertical-align:sub; margin-right:5px;}


@media only screen and (max-width: 1290px){
	.container,#inline-search-results,#inline-search-filters{width:1100px}
	#main .vitrin-item[data-theme="type-b"] .text-wrapper .title{font-size:14px;}
	#main .vitrin-item[data-theme="type-c"] .thumbnail{width:115px;}
	#main .vitrin-item[data-theme="type-c"] .text-wrapper{width:calc(100% - 115px - 32px)}
}
@media only screen and (max-width: 1190px){
	.container,#inline-search-results,#inline-search-filters{width:1000px}
}

@media only screen and (max-width: 1080px){
	.container,#inline-search-results,#inline-search-filters{width:900px}
	#main .vitrin-item[data-theme="type-c"] .text-wrapper .lead{display:none}
	#menu .main-menu > ul > li > a,
	#menu .main-menu > ul > li > ul li a{font-weight:normal; font-size:13px;}
}
@media only screen and (max-width: 980px){
	.container,#inline-search-results,#inline-search-filters{width:800px}
	#menu .main-menu > ul>li:not(.on-fixed-mode){display:none}
	#menu .main-menu>.toggle-menu{display:inline;}
	
	body.show-menu{overflow:hidden}
	body.show-menu>*:not(#menu){
		-webkit-filter:blur(5px);
		-moz-filter:blur(5px);
		-ms-filter:blur(5px);
		-o-filter:blur(5px);
		filter:blur(5px);
	}
	body.show-menu #menu{background:transparent}
	body.show-menu #menu .network-menu{display:none}
	body.show-menu #menu .main-menu{position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(10, 14, 68,0.8); overflow:auto}
	body.show-menu #menu .main-menu > ul{display:flex; flex-direction:column; width:100%; margin-bottom:16px;}
	body.show-menu #menu .main-menu > ul > li{display:block; width:100%}
	body.show-menu #menu .main-menu > ul li.has-submenu>a:after{content:""; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAABGdBTUEAALGPC/xhBQAAACBjSFJNAAB6JgAAgIQAAPoAAACA6AAAdTAAAOpgAAA6mAAAF3CculE8AAAAAmJLR0QAAKqNIzIAAAAJcEhZcwAADsQAAA7EAZUrDhsAAAAHdElNRQfjBQUPGzbO6qXwAAAAcklEQVQoz72RsRGDMBAEL9G4EmoiBRJTCPUocjW0on3OAQSWJTuzL/zdmZ//k34fD2Vz6pJUNg8qOya3ihMZl10sRKucmGCRxExgHr694SPWa1ArDa6VLn5R8rV77pzFRGDMEfcPP2EivmBJYmT8Qzt1nuKqdnCqh7j6AAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDE5LTA1LTA1VDEzOjI3OjU0KzAyOjAwHBKAXwAAACV0RVh0ZGF0ZTptb2RpZnkAMjAxOS0wNS0wNVQxMzoyNzo1NCswMjowMG1POOMAAAAZdEVYdFNvZnR3YXJlAHd3dy5pbmtzY2FwZS5vcmeb7jwaAAAAAElFTkSuQmCC) no-repeat; background-size: cover; margin-right:10px; width: 8px; height: 8px; display: inline-block; vertical-align:middle}
	body.show-menu #menu .main-menu > ul > li > a,
	body.show-menu #menu .main-menu > ul > li > ul li a{padding:0 16px; text-align:center}
	body.show-menu #menu .main-menu > ul > li > ul{display:none;}
	body.show-menu #menu .main-menu > ul > li.show-submenu,
	body.show-menu #menu .main-menu > ul > li.show-submenu>a{background:rgba(10, 14, 68,0.3)}
	body.show-menu #menu .main-menu > ul > li.show-submenu > ul{display:block; width:100%; position:relative; background:transparent}
	body.show-menu #menu .main-menu > ul > li.show-submenu > ul a:hover{background:#4e5777}
	body.show-menu #menu .main-menu>ul>li>ul{max-height:none !important}
	body.show-menu #menu .main-menu > ul > li.on-fixed-mode{margin-right:16px;}
	body.show-menu #menu .main-menu>.toggle-menu{position:absolute; top:1px; left:16px; background:#bc0000}
	body.show-menu #menu .main-menu>.toggle-menu>i.fa-bars{display:none;}
	body.show-menu #menu .main-menu>.toggle-menu>i.fa-times{display:block;}
	
	#main .col.col-6,#main .col.col-9{width:100%; margin-bottom:16px;}
	#main .col.col-3{width:50%}
	#main .col.col-9 ~ .col.col-3{width:100%}
	
	#main .col.col-9 ~ .col.col-3 .inner-wrapper-sticky{position:static !important}
	#main .col.col-9 ~ .col.col-3 .features-two{display:inline; float:right; width:calc(50% - 8px); padding-top: calc(9 / 17.8 * 100%)}
	#main .col.col-9 ~ .col.col-3 .tab-view{display:inline; float:left; width:calc(50% - 8px)}
	
	#main .vitrin-item[data-theme="type-b"] .text-wrapper .title{font-size:16px;}
	#main .vitrin-item[data-theme="type-c"] .text-wrapper .lead{display:block}
	#main .vitrin-item[data-theme="type-c"] .thumbnail{width:180px;}
	#main .vitrin-item[data-theme="type-c"] .text-wrapper{width:calc(100% - 180px - 32px)}
	
	#main .vitrin-item[data-theme="type-f"] .thumbnail a{padding-top:calc(5 / 4 * 100%); }

}
@media only screen and (max-width: 880px){
	.container,#inline-search-results,#inline-search-filters{width:680px}
}
@media only screen and (max-width: 760px){
	.container,#inline-search-results,#inline-search-filters{width:540px}
	#main .vitrin-item[data-theme="type-f"] .thumbnail a{padding-top:calc(3.3 / 4 * 100%); }
}
@media only screen and (max-width: 640px){
	.container,#inline-search-results,#inline-search-filters{width:calc(100% - 64px)}
	#main .col.col-3{width:100%; margin-bottom:16px;}
	#main .col.col-9{width:100%; margin-bottom:16px;}
	#main .vitrin-item[data-theme="type-c"] .text-wrapper .lead{display:none}
	#main .vitrin-item[data-theme="type-f"] .thumbnail a{padding-top:calc(14 / 9 * 100%); }

	#main .col.col-9 ~ .col.col-3 .features-two,
	#main .col.col-9 ~ .col.col-3 .tab-view{width:100%;}
	#main .col.col-9 ~ .col.col-3 .features-two{padding-top: calc(37 / 36 * 100%)}
	
	.article-details dl{width:100% !important}
	
	.comment-form-right,
	.comment-form-left{width:100%; padding-right:0}
	.comment-form-right{margin-bottom:16px;}
}
@media only screen and (max-width: 560px){
	#main .feature-one{padding-top:0; height:auto}
	#main .feature-one > *{position:relative}
	#main .vitrin-item[data-theme="type-a"] .vitrin-inbox{position:relative}
	#main .vitrin-item[data-theme="type-a"] .text-wrapper{position:relative; background:#4e5777; padding-top:8px}
}
@media only screen and (max-width: 460px){
	#header .logo-text,
	#header .logo-shape{height:50px;}
	body.search-toggle-open:after{top:75px}
	#inline-search-filters{top:92px}
}
@media only screen and (max-width: 440px){
	#main .vitrin-item[data-theme="type-c"] .thumbnail{width:calc(100% - 32px)}
	#main .vitrin-item[data-theme="type-c"] .text-wrapper{width:100%; padding:0 16px 8px; margin-top: -8px}
	#main .vitrin-item[data-theme="type-f"] .thumbnail a{padding-top:calc(4.3 / 4 * 100%); }
}
@media only screen and (max-width: 360px){
	#header .logo-text,
	#header .logo-shape{height:35px;}
	body.search-toggle-open:after{top:60px}
	#inline-search-filters{top:77px}
}