html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    font: inherit;
    direction: rtl;
    text-align: right;
    vertical-align: baseline;
    font-family: 'IRANSans' !important;
    font-weight: normal !important;
    
}

i, div {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;    

}

img {

    width: 100%;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {

    display: block;
    
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bebebe;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bebebe;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #bebebe;
}

ol, ul {

    list-style: none;
    
}

blockquote, q {

    quotes: none;
    
}

blockquote:before, blockquote:after,
q:before, q:after {

	content: '';
    content: none;
    
}

table {

	border-collapse: collapse;
    border-spacing: 0;
    
}

a {

    text-decoration: none !important;

}

/* Font */

@font-face {

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

@font-face {

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

@font-face {

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

@font-face {

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

@font-face {

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

@font-face {

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


body {

    line-height: 1;
    font-family: 'IRANSans' !important;
    direction: rtl;
    
}

#logo {

    float: right;

}

#logo img {

    width: 141px;

}

#HeaderContent {

    height: 140px;
    background: #272727;

}

#headerContainer {

    background: #272727;
    background-image: url(../img/world.png);
    background-position: 50% -175px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    height: 140px;
    width: 100%;

}


#HeaderTextContent {

    float: right;
    display: block;
    margin-right: 15px;

}

#MainNav {

    position: absolute;
    bottom: 5px;
    right: 0px;
    background: #ffffff0f;
    width: 100%;

}

#AN_Header {

    position: relative;

}

#MainNav ul {

    display: block;
    width: 100%;

}

#MainNav ul li {

    float: right;

}

#MainNav ul li a {

    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500 !important;
    color: #f7f7f7;
    display: block;

}

#headerContainer .col-md-2 {

    padding-left: 0px !important;

}

#headerContainer .col-md-10 {

    padding-right: 0px !important;

}

#HeaderSearch {

    position: absolute;
    left: 0;
    top: 5px;

}

#HeaderSearch form input {

    height: 30px;
    background: #343434 !important;
    padding: 5px 10px;
    color: #cccccc;
    border: 0px !important;
    font-size: 11px;
    display: block;
    float: right;
    text-align: right;
    min-width: 150px;

}

#HeaderSearch form button {

    height: 30px;
    background: #1f1f1f !important;
    border: 0px !important;
    color: #ffffff;
    display: block;
    float: right;
    line-height: 30px;
    padding: 0 10px;
    font-size: 15px;

}

button:focus,
input:focus {

    outline:none !important;

}

#HeaderLan {

    position: absolute;
    left: 0;
    top: 45px;
    background: #1f1f1f;
    padding: 2px;
    border-radius: 3px;

}

#HeaderLan ul li {

    float: right;

}

#HeaderLan ul li a {

    font-size: 12px;
    padding: 5px;
    color: #9a9a9a;
    font-weight: 900!important;

}

#HeaderLan .lan_fa a {

    color: #f7f7f7;

}

#HeaderTodayDate {

    position: absolute;
    left: 0;
    top: 80px;
    font-size: 11px;
    color: #9c9c9c;;

}

#Description {

    position: absolute;
    right: 0;
    top: 30px;

}

#Description h2 {

    font-weight: 900 !important;
    font-size: 20px;
    color: white;

}

#Description p {

    margin-top: 10px;
    color: white;
    background: #1f1f1f;
    padding: 6px;
    font-size: 11px;
    float: right;

}

#Description span {

    background: #c9000291;
    float: right;
    margin-top: 10px;
    padding: 6px;
    font-size: 10px;
    color: #ffffff;

}

#AN_MainContent {

    display: block;
    width: 100%;
    clear: both;
    margin-top: 15px;

}

#headerContainer .row:first-child {

    padding-left: 15px;

}

#NewsTitles {

    background: #cccccc;
    height: 45px;
    border-radius: 3px;
    margin-bottom: 25px;

}

#NewsTitles .NewsTitlesSectionContent {

    height: 45px;

} 

#NewsTitles .NewsTitlesSectionTitle {

    background: #343434;
    padding: 12px;
    color: white;
    text-align: right;
    height: 45px;
    overflow: hidden;
    border-radius: 0px 3px 3px 0px;

}

#NewsTitles .NewsTitlesSectionTitle span {

    font-weight: 500 !important;
    font-size: 13px;
    line-height: 23px;
    margin-right: 7px;

}

#NewsTitles .NewsTitlesSectionTitle img {

    float: right;
    display: block;
    width: 22px;

}

#NewsTitles .news_titles_slider_title a h3 {

    color: #343434;
    font-size: 12px;
    font-weight: 500 !important;

}

#NewsTitles .news_titles_slider_title a h3 span:first-child {

    color: #272727;
    font-size: 13px;
    font-weight: 500 !important;

}

#NewsTitles .news_titles_slider_title a h3 span:last-child {

    font-size: 12px;
    color: #676767;

}

#NewsTitles .swiper-container {

    width: 100%;
    height: 100%;

}

#NewsTitles .swiper-slide {

    text-align: right;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

#NewsTitles .swiper-container-rtl .swiper-button-prev {

    left: 20px;
    right: auto;

}


#NewsTitles .swiper-button-next, #NewsTitles .swiper-button-prev {

    top: 88%;
    width: 36px;
    height: 15px;
    margin-top: -22px;

}

#NewsTitles .news_titles_slider_title {

    width: 100%;

}

#AN_Header .col-md-2 {

    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.666667% !important; 
    flex: 0 0 13.666667% !important;
    max-width: 13.666667% !important;

}

#AN_Header .col-md-10 {

    -webkit-box-flex: 0;
    -ms-flex: 0 0 86.333333% !important;
    flex: 0 0 86.333333% !important;
    max-width: 86.333333% !important;

}

#NewsTitlesWrapper .col-md-10 {

    padding-right: 0px !important;

}

#TitleOne .TitleOneImage {

    width: 100%;

}

#TitleOne .TitleOneImage figure {

    width: 100%;  
    height: 240px;
    
}

#TitleOne .TitleOneImage figure img {

    width: 100%;
    height: 240px;
    
}

#TitleOne .TitleOneCategory {

    display: block;
    margin-bottom: 15px;

}

#TitleOne .TitleOneCategory span {

    background: #8e8e8e;
    padding: 5px;
    color: #f7f7f7;
    font-size: 10px;
    border-radius: 3px;

}


#TitleOne .TitleOneText {

    display: block;
    padding-top: 5px;

}

#TitleOne .TitleOneText .TitleOneHeadline h4 {

    color: #343434;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold !important;

}

#TitleOne .TitleOneText .TitleOneTitle h1 {

    color: #c90002;
    font-weight: 900 !important;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: justify;

}

#TitleOne .TitleOneText .TitleOneLid p {

    color: #636363;
    font-size: 12px;
    line-height: 19px;
    text-align: justify;

}

#TitleOne .col-md-5 {

    padding-right: 0px !important;

}

#TitleTwo {

    display: block;
    clear: both;
    width: 100%;
    margin-top: 25px;
    min-height: 360px;
    margin-bottom: 10px;

}

#TitleTwo .TitleTwoImage {

    width: 100%;
    display: block;
    clear: both;

}

#TitleTwo .TitleTwoImage figure {

    width: 100%;
    height: 145px;

}

#TitleTwo .TitleTwoImage figure img {

    width: 100%;
    height: 145px;

}

#TitleTwo .TitleTwoText {

    display: block;
    width: 80%;
    clear: both;
    background: #fff;
    position: absolute;
    top: 125px;
    right: 25px;
    padding: 10px;
    color: #272727;

}

#TitleTwo .TitleTwoText .TitleTwoHeadline h4 {

    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

#TitleTwo .TitleTwoText .TitleTwoTitle h1 {

    font-weight: 900 !important;
    font-size: 14px;
    line-height: 20px;

}

#TitleTwo .TitleTwoText .TitleTwoLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;
    text-align: justify;

}

.NewsDate {

    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #949494;

}

#ArazNewsTv {

    /* min-height: 600px; */
    background: #343434;
    color: #c90002;

}

#ArazNewsTv #ArazNewsTvWrapper .ArazNewsTvSectionTitle h1 {

    background: #272727;
    color: #fff;
    padding: 10px;
    display: block;
    box-sizing: content-box;
    font-weight: bold !important;
    font-size: 15px;
    border-right: 4px solid #c90001;

}

#ArazNewsTv #ArazNewsTvWrapper .ArazNewsTvSectionTitle h1 img {
    
    width: 25px;
    display: block;
    float: right;
    margin-left: 7px;

}

#ArazNewsTv #ArazNewsTvWrapper .ArazNewsTvSectionTitle h1 span {

    line-height: 30px;
    font-weight: bold !important;

}

#ArazNewsTv .swiper-container {

    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;

}
  
#ArazNewsTv .swiper-slide {

    background-size: cover;
    background-position: center;

}

#ArazNewsTv .gallery-top {

    height: 80%;
    width: 100%;

}

#ArazNewsTv .gallery-thumbs {

    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;

}

#ArazNewsTv .gallery-thumbs .swiper-slide {

    width: 25%;
    height: 100%;
    opacity: 0.4;

}

#ArazNewsTv .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

#ArazNewsTv .swiper-slide img {

    width: 100%;
    height: 200px;
    border: 4px solid #272727;

}

#ArazNewsTv .swiper-slide .ArazNewsTvSlideItamImage {

    position: relative;

}

#ArazNewsTv .ArazNewsTvSectionContent {

    padding: 20px;

}

#ArazNewsTv .swiper-slide h1 {

    color: #fff;
    font-weight: 900 !important;
    font-size: 14px;
    line-height: 23px;

}

#ArazNewsTv .swiper-slide .ArazNewsTvSlideItamText {

    display: block;
    width: 100%;
    margin-top: 16px;

}

#ArazNewsTv .swiper-button-next, #ArazNewsTv .swiper-button-prev {

    top: 32%;

}

#ArazNewsTv .ArazNewsTvSlideItamTextLid p {

    font-size: 11px;
    line-height: 17px;
    display: block;
    margin: 12px 0px 20px 0px;
    color: #cecece;
    text-align: justify;

}


#ArazNewsTv .VideoIvon {

    position: absolute;
    top: 40%;
    right: 42%;

}

#ArazNewsTv .VideoIvon i {

    color: #ffffff7a;
    font-size: 45px;

}

#ArazNewsTv .swiper-button-next, 
#ArazNewsTv .swiper-button-prev {

    height: 25px;

}

#ArazNewsTv .line {

    display: block;
    width: 50px;
    background: #4a4a4a;
    height: 3px;
    margin-top: 12px;

}


#TitleThree {

    padding-top: 20px;
    border-top: 1px solid #e2e2e2;

}

#TitleThree .TitleThreeItem {

    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    height: 100px;

}
/* 
#TitleThree .TitleThreeItem:nth-last-child( -n + 2 ) {

    border-bottom: 0px;

} */

.NoBorderBottom {

    border-bottom: 0px !important;

}


#TitleThree .TitleThreeItem .col-md-8 {

    padding-right: 0px !important;
    margin-bottom: 0px !important;

}

#TitleThree .TitleThreeItem h4{

    font-weight: bold !important;
    font-size: 11px;
    color: #343434;

}

#TitleThree .TitleThreeItem img{

    width: 100%;
    height: 85px;
}

#TitleThree .TitleThreeItem h1 {

    color: #272727;
    font-weight: 900 !important;
    line-height: 20px;
    display: block;
    margin: 6px 0px;
    font-size: 12px;

}

#MostPopulars {

    margin-top: 30px;

}

#MostPopulars .card {

    border-radius: 0px !important;
    border: 0px !important;
    background: #27272717;

}

.SectionTitle {

    display: block;
    width: 100%;
    margin-bottom: 20px;

} 

.SectionTitle h1 span {

    font-weight: 900 !important;
    font-size: 18px;
    color: #757575;

} 


#MostPopulars .card-header {

    background: #c90002;
    border-radius: 0px !important;
    padding: 5px;

}

#MostPopulars .card-header h2 button {

    font-weight: bold !important;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 14px;
    width: 100%;
    text-align: right;

}


#MostPopulars .card-body .MostPopularItem {

    display: block;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
    box-sizing: content-box;
    padding-top: 10px;

}

#MostPopulars .card-body .MostPopularItem:last-child {

    border: 0px !important;

}

#MostPopulars .card-body .MostPopularItem .MostPopularNumber {

    display: block;
    float: right;
    margin-left: 10px;
    width: 20px;
    color: #c3c3c3;
    font-size: 24px;
    font-weight: bold !important;
    text-align: center;
    height: 30px;
    
}

#MostPopulars .card-body .MostPopularItem h1 {

    display: block;
    font-weight: 900 !important;
    font-size: 12px;
    color: #343434;
    line-height: 20px;

}

#MostPopulars .card-header {

    border-bottom: 2px solid rgb(255, 255, 255);

}

/* .card-header .btn[aria-expanded=true] {

    color: #fff;
    background-color: #32bdb6;

} */

#Articles {

    display: block;
    background: #272727;
    margin-top: 10px;
    margin-bottom: 20px;

}

#Articles #ArticlesWrapper {

    padding: 25px 0px;
    margin-top: 30px;

}

#Articles .swiper-slide {

    height: 290px;

}

#Articles .swiper-slide .ArticleText {

    display: block;
    width: 100%;
    margin: 10px 0px;

}

#Articles .swiper-slide img {

    width: 100%;
    height: 140px;
    border: 3px solid #1f1f1f;

}

#Articles .swiper-slide h4 {

    font-weight: bold !important;
    font-size: 10px;
    color: #ababab;
    line-height: 18px;

}

#Articles .swiper-slide h1 {


    color: #ececec;
    font-weight: 900 !important;
    line-height: 20px;
    display: block;
    margin: 8px 0px;
    font-size: 12px;

}

#Articles .ArticlesSectionTitle {

    margin-bottom: 30px;

}

#Articles .ArticlesSectionTitle  h1 span {

    color: #bdbdbd;

}

#Articles .swiper-container {

    width: 100%;
    height: 100%;

}

#Articles .swiper-button-next, 
#Articles .swiper-button-prev {

    top: 30% !important;

}

.section-title {

    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
}
  
.section-title .tag {

    text-transform: uppercase;
    position: relative;
    line-height: 2.5em;
    padding: 6px 1em 0px 1em;
    display: inline-block;

}

.tag-regular {

    background-color: transparent;
    color: #343434;
    font-size: 16px;
    font-weight: 900 !important;


}

.tag-colored {

    background-color: #111226;
    color: #fff;
    font-weight: bold;
    font-size: 20px;

}

.section-title .tag:before,
.section-title .tag:after {

    content: "";
    height: 2px;
    /* any width higher than the widest part of the page */
    width: 1000px;
    position: absolute;
    top: 50%;
    display: block;

}

.tag-regular:before, .tag-regular:after {

    background-color: #b3b3b3;

}

.tag-colored:before,
.tag-colored:after {

    background-color: #d2d2d2;  

}

.section-title .tag:before {

    left: -1000px;

}

.section-title .tag:after {

    right: -1000px;

}

#Articles .tag-regular {

    background-color: transparent;
    color: #b9b9b9;
    font-size: 20px;
    font-weight: 900 !important;
    margin-right: 50px;

}

#Articles .tag-regular i {

    font-size: 19px;

}

#Articles .tag-regular:before, 
#Articles .tag-regular:after {

    background-color: #464646;

}

#Articles .section-title {

    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;

}

#LatestNewsList {

    height: 800px;
    background: #ececec;

}

#LatestNewsList .swiper-container {

    width: 100%;
    height: 100%;

}

#LatestNewsList .LatestNewsContent {

    height: 700px;

}
  
#LatestNewsList .swiper-slide {

    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 30px;

}

#LatestNewsList .LatestNewsTime {

    position: absolute;
    right: -12px;
    background: #ececec;
    top: 0;
    color: #c90002;
    font-size: 11px;
    padding: 5px;
    font-weight: bold !important;

}

#LatestNewsList .LatestNewsTime i {

    font-weight: bold !important;

}

#LatestNewsList .LatestNewsTime span {

    font-weight: bold !important;
    font-weight: 900 !important;

}

#LatestNewsList .LatestNewsTitle h1 {

    font-size: 12px;
    font-weight: 900 !important;
    line-height: 18px;
    margin: 15px 0px;
    color: #272727;

}

#LatestNewsList .LatestNewsItem {

    display: block;
    clear: both;
    border-right: 2px dotted #c90002;
    padding: 5px 10px;
    position: relative;
    padding-top: 10px;

}

#LatestNewsList .swiper-container-vertical>.swiper-scrollbar {

    position: absolute;
    right: 0px;
    top: 1%;
    z-index: 50;
    width: 4px;
    height: 98%;

}

#LatestNewsList .swiper-scrollbar-drag {

    height: 100%;
    width: 100%;
    position: relative;
    background: rgb(179, 179, 179);
    border-radius: 10px;
    left: 0;
    top: 0;

}

#LatestNewsList .LatestNewsSectionTitle {

    background: #c90002;
    border-radius: 0px !important;
    padding: 5px;
    margin-bottom: 25px;

}

#LatestNewsList .LatestNewsSectionTitle span {

    font-weight: bold !important;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 14px;
    display: block;
    padding: 11px .75rem;

}

#OnlineBookLibrary .tag-regular {

    background-color: transparent;
    font-size: 20px;
    font-weight: 900 !important;
    margin-right: 50px;

}

#OnlineBookLibrary .tag-regular i {

    font-size: 22px;

}

#OnlineBookLibrary .section-title {

    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;

}

.FirstPostImage img {

    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    height: 165px;

}

.FirstPostHeadline h4 {

    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.FirstPostTitle h1 {

    font-weight: 900 !important;
    font-size: 14px;
    line-height: 20px;
    color: #272727;

}

.FirstPostLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: justify;
    line-height: 17px;
    color: #272727d6;

}

.OtherPostHeadline h4 {

    font-size: 10px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.OtherPostTitle h1 {

    font-weight: 900 !important;
    font-size: 12px;
    line-height: 20px;
    color: #272727;

}

.FirstPost {

    display: block;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
    padding-bottom: 15px;

}

.OtherPosts {

    display: block;
    clear: both;
    width: 100%;

}

.OtherPostItem {

    border-bottom: 1px solid #e2e2e2;
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;

}

.OtherPostItem:last-child {

    border-bottom: 0px;

}

.AchixlamaContent {

    padding: 5px 15px;

}

.OtherPostTitle img {

    width: 10px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 4px;

}

#OnlineBookLibrary .BookItem {

    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;

}


#OnlineBookLibrary .BookItem:last-child {

    border-bottom: 0px;

}

#OnlineBookLibrary .BookItem .BookTitle h1 {

    font-weight: 900 !important;
    font-size: 12px;
    color: #272727;
    line-height: 18px;

}

#OnlineBookLibrary .BookItem .BookHeadline h4 {

    font-size: 11px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 16px;
    color: #272727;

}

#OnlineBookLibrary .BookItem .BookLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;

}

.section-title span img {

    width: 24px;
    display: block;
    float: right;
    margin-left: 7px;

}


.section-title span i {

    font-size: 18px;
    margin-left: 2px;

}

#SocialMedia {

    background: #c90002;
    height: 100px;
    padding: 15px 0px;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 25px;
    margin-top: 20px;
    
}

#SocialMedia .SocialMediaItem {

    display: block;
    height: 70px;
    padding: 10px 15px;
    background: #bf0304;

}

#SocialMedia .SocialMediaItem a {

    text-align: center;
    display: block;
    width: 100%;
    color: white;

}


#SocialMedia .SocialMediaItem .SocialMediaItemIcon i {

    font-size: 25px;
    
}

#SocialMedia .SocialMediaItemIconTitle h5 {

    display: block;
    width: 100%;
    clear: both;
    font-weight: 900 !important;
    font-size: 11px;
    text-align: center;
    margin-top: 10px;

}

.Book1Image img {

    margin-bottom: 10px;

}

.Book1Headline h4 {

    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.Book1Title h1 {

    font-weight: 900 !important;
    font-size: 14px;
    color: #272727;
    line-height: 20px;

}

.Book1Lid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;
    text-align: justify;

}

.BookImage img {

    height: 70px;

}

.BookItem .col-md-8 {

    padding-right: 0px;

}

#OnlineBookLibrary .section-title span img {

    width: 30px;
    display: block;
    float: right;
    margin-left: 7px;

}


html {

    height: 100%;

}

body {

    display: flex;
    flex-direction: column;
    height: 100%;

}

#AN_Header {

    /* We want the header to have a static height, 
    it will always take up just as much space as it needs.  */
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;

}
 
#AN_MainContent {

    /* By setting flex-grow to 1, the main content will take up 
    all of the remaining space on the page. 
    The other elements have flex-grow: 0 and won't contest the free space. */
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 1 0 auto;

}
 
#AN_Footer {

    flex: 0 0 auto;
    display: block;
    width: 100%;
    clear: both;
    background: #272727;
    min-height: 200px;
    margin-top: 35px;

}

#FooterTop {

    display: block;
    height: 50px;
    background: #343434;
    width: 100%;
    clear: both;

}

#NewsTab .nav-tabs .nav-link {

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #656565;
    font-size: 14px;
    font-weight: 900 !important;
    padding: 15px;
    text-align: right;

}

#NewsTab .tab-content {

    padding: 30px 0px;

}

#NewsTab {

    display: block;
    clear: both;
    width: 100%;
    margin-top: 20px;

}

#NewsTab .nav-tabs .nav-link {

    border: 0px;

}

#NewsTab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff;
    border: 0px;
    border-bottom: 4px solid #c90002 !important;
    color: #343434 !important;
    font-size: 16px !important;
}


#NewsTab .nav-tabs .nav-link:hover {

    color: #c90002 !important;

}

#ArazNewsTvCats {

    display: block;
    clear: both;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #4a4a4a;

}

#ArazNewsTvCats a {

    float: right;
    font-size: 12px;
    font-weight: bold !important;
    height: 30px;
    background: #27272799;
    color: #d6d6d6;
    margin-bottom: 10px;
    padding: 7px 10px 7px 5px;
    width: 100%;
    line-height: 18px;
    border-radius: 30px;

}

#ArazNewsTvCats a:hover {

    background: #c90002 !important;
    
}

#ArazNewsTvCats a img {

    width: 14px;
    display: block;
    float: right;
    margin-left: 5px;

}

#FooterNavMenu {

    display: block;
    width: 100%;

}

#FooterNavMenu ul {

    display: block;
    width: 100%;
    float: left;
    text-align: center;
    height: 50px;

}

#FooterNavMenu ul li {

    display: inline-block;
    vertical-align: middle;

}

#FooterNavMenu ul li a {

    display: block;
    height: 50px;
    font-weight: bold !important;
    color: #929292;
    text-decoration: none !important;
    line-height: 13px;
    font-size: 13px;
    padding: 20px 13px;

}

#FooterBottom {

    padding: 35px 0px;

}

#FooterBottom .FooterLogo img {

    width: 100px;
    height: 100px;

}

#FooterBottom .DiLogo img {

    float: left;

}

#FooterBottom .Anlogo img {

    float: right;
}

.FooterDescription p {

    display: block;
    width: 100%;
    text-align: center;
    color: #9c9c9c;
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 25px;

}

.FooterCopyRight p {

    display: block;
    width: 100%;
    text-align: center;
    color: #757575;
    font-size: 13px;
    font-weight: bold !important;
    margin-bottom: 25px;

}

.FooterCopyRight p span {

    display: block;
    text-align: center;
    margin-top: 15px;

}

#ArazNewsTvCats .ArazNewsTvCatsTitle h1 {

    text-align: center;
    display: block;
    clear: both;
    font-weight: 900 !important;
    color: #2c2c2c;
    border: 1px solid #2c2c2c;
    background: #c3c3c3;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 10px;

}

#SinglePost {

    display: block;
    clear: both;
    width: 100%;
    /* margin-top: 10px; */

}

#AnBreadcrumb {

    display: block;
    width: 100%;
    clear: both;
    background: #c9000214;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 30px;

}

#AnBreadcrumb a {

    color: #c90001;

}

#SinglePost .SinglePostTitle h1 {

    font-weight: 900 !important;
    font-size: 25px;
    text-align: justify;
    line-height: 35px;
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 25px;

}

#SinglePost .SinglePostTitle h4 {

    display: block;
    clear: both;
    width: 100%;
    font-weight: bold !important;
    font-size: 16px;
    margin-bottom: 10px;
    color: #343434;
    
}

#SinglePost .SinglePostLid p {

    display: block;
    clear: both;
    width: 100%;
    font-size: 14px;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 20px;
    color: #505050;

}

#SinglePost .jssocials-shares,
#SinglePost .jssocials-share-link {

    direction: ltr !important;
    font-size: 12px;

}

#SinglePost #SinglePostShare {

    text-align: center;
    float: left;

}

#SinglePost .NewsDate {

    float: right;

}


#SinglePost .SinglePostMeta .NewsDate span {

    font-size: 13px;
    line-height: 25px;

}

#SinglePost .SinglePostMeta {

    display: block;
    clear: both;
    width: 100%;
    margin: 5px 0px;
    border-bottom: 1px solid #e2e2e2;
    float: right;
    padding-bottom: 10px;

} 

#SinglePost .SinglePostText {

    display: block;
    width: 100%;
    clear: both;
    float: right;
    margin-top: 20px;

}

#SinglePost .SinglePostText p {

    text-align: justify;
    font-size: 14px;
    line-height: 25px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #343434;

}

#SinglePost .SinglePostCategory {

    display: block;
    float: right;
    margin-left: 15px;

}

#SinglePost .SinglePostCategory a {

    line-height: 42px;
    font-size: 13px;
    background: #c90001;
    color: #fff;
    padding: 5px 10px;

}

#SinglePost .SinglePostMeta .NewsDate,
#SinglePost .SinglePostMeta .NewsDate i {

    font-size: 12px;

}

#SinglePost .SinglePostTags {

    float: right;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 30px;
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;

}

#SinglePost .SinglePostTags a {

    display: block;
    float: right;
    margin-left: 10px;
    color: #7d7d7d;
    font-weight: bold !important;
    font-size: 13px;
    padding: 5px;
    height: 25px;
    margin-bottom: 5px;

}

#SinglePost .SinglePostNewsCode span {

    font-size: 13px;
    line-height: 25px;
    float: right;
    display: block;
    margin-top: 10px;
    color: #949494;
    margin-right: 25px;

}

#SinglePost .SinglePostRelatedPosts {

    float: right;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 35px;

}

#RelatedPosts .TitleThreeItem {

    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    height: 100px;

}


#RelatedPosts .TitleThreeItem .col-md-8 {

    padding-right: 0px !important;
    margin-bottom: 0px !important;

}

#RelatedPosts .TitleThreeItem h4{

    font-weight: bold !important;
    font-size: 11px;
    color: #545454;

}

#RelatedPosts .TitleThreeItem img{

    width: 100%;
    height: 85px;
}

#RelatedPosts .TitleThreeItem h1 {

    color: #444444;
    font-weight: 900 !important;
    line-height: 18px;
    display: block;
    margin: 6px 0px;
    font-size: 12px;

}

/* #RelatedPosts .NewsDate i,
#RelatedPosts .NewsDate span {

    display: block;
    margin-top: 10px !important;
    font-size: 11px !important;
    color: #949494 !important;

} */

#RelatedPosts .tag-regular {

    background-color: transparent;
    font-size: 16px;
    font-weight: 900 !important;
    margin-right: 50px;

}

#RelatedPosts .section-title {

    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;

}

#RelatedPosts .NewsDate {

    float: right;
    margin-top: 5px;

}

.AnArchivePage .ArchivePostsCount {

    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: -10px;
    font-weight: bold !important;
    color: #888888;

}

.AnArchivePage .tag-regular {

    text-align: center;
    font-size: 20px;

}

.AnArchivePage .ArchiveName {

    background-color: transparent;
    color: #c90002;
    font-size: 20px;
    font-weight: 900 !important;

}

.AnArchivePage .TitleTwoImage {

    width: 100%;
    display: block;
    clear: both;

}

.AnArchivePage .TitleTwoImage figure {

    width: 100%;
    height: 145px;

}

.AnArchivePage .TitleTwoImage figure img {

    width: 100%;
    height: 145px;

}

.AnArchivePage .TitleTwoText {

    display: block;
    width: 80%;
    clear: both;
    background: #fff;
    position: absolute;
    top: 125px;
    right: 25px;
    padding: 10px;
    color: #272727;

}


.AnArchivePage .TitleTwoText .TitleTwoHeadline h4 {

    font-size: 11px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.AnArchivePage .TitleTwoText .TitleTwoTitle h1 {

    font-weight: 900 !important;
    font-size: 13px;
    line-height: 20px;

}

.AnArchivePage .TitleTwoText .TitleTwoLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;
    text-align: justify;

}

#XabarChildCategoryArchiveItem {

    margin-bottom: 40px;
    display: block;
    clear: both;
    width: 100%;
    float: right;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 220px;

}

#XabarChildCategoryArchiveItem:last-child {

    border-bottom: none !important;

}

.AnArchivePage .SectionTitle {

    margin-bottom: 25px;

}

.XabarChildCategoryArchiveItemTitle {

    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;

}

.XabarChildCategoryArchiveItemTitle a {

    display: block;
    clear: both;
    width: 100%;
    text-align: left;

}

.XabarChildCategoryArchiveItemTitle a h1 {

    float: right;
    background: #c90001;
    color: white;
    padding: 8px 20px;
    font-weight: 900 !important;
    font-size: 14px;

}

.XabarChildCategoryArchiveItemTitle a h1 p {

    float: left;
    margin-right: 5px;
    font-size: 13px;
    line-height: 15px;

}

.XabarChildCategoryArchiveItemTitle a span {

    color: #c90001;
    line-height: 30px;
    font-size: 15px;

}

.XabarChildCategoryArchiveItemContent {

    display: block;
    float: right;
    width: 100%;
    clear: both;

}

.AnArchivePage #AnBreadcrumb {

    margin-bottom: 20px;

}

.ChildCatPostsItem {

    margin-bottom: 40px;
    display: block;
    clear: both;
    width: 100%;
    float: right;
    padding-bottom: 220px;

}

#an_pagination {

    width: 100%;
    text-align: center;
    border-top: 1px solid #eeeff1;
    padding: 0px;
    display: block;
    margin-bottom: 25px;
    padding-top: 25px;
    float: right;

}

#an_pagination li.active {

    background: #c90002;

}

#an_pagination li a {

    color: #f4f4f4;
    display: block;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
    line-height: 32px;
    font-weight: bold !important;
    font-size: 13px;

}

#an_pagination li {

    display: inline-block;
    background: #343434;
    width: 30px;
    height: 30px;
    color: #f4f4f4;
    text-align: center;
    line-height: 30px;

}

#an_pagination span.page_next {

    font-size: 25px;
    display: block;
    float: left;
    margin-left: 10px;

}

#an_pagination span.page_prev {

    font-size: 25px;
    display: block;
    float: right;
    margin-right: 10px;

}

#an_pagination i {

    color: #343434;

}

#SinglePost .SinglePostText figure {

    max-width: 80% !important;
    display: block;
    text-align: center;
    margin: 0 auto;

}

#SinglePost .SinglePostText img {

    margin-top: 20px;
    max-width: 80%;
    height: auto;
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
    display: block;

}

#SinglePost .SinglePostText strong span,
#SinglePost .SinglePostText strong {

    font-weight: bold !important;

}

#SinglePost .SinglePostText em {

    font-style: italic !important;

}

#SinglePost .SinglePostText blockquote {

    background-image: url(../img/quotes.png) !important;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    background-color: #c9000217;
    padding: 30px;
    padding-right: 45px;
    margin: 20px 0px;
    border-right: 6px solid #c90002;
    width: 100%;

}

#SinglePost .SinglePostText blockquote p {

    font-weight: bold !important;
    font-size: 12px;
    line-height: 22px;
    color: #444343;

}

#SinglePost .SinglePostText ol {

    list-style: arabic-indic;
        padding: 10px;
    display: block;
    margin: 10px 25px 10px 5px;

}

#SinglePost .SinglePostText ul {

    list-style: disc;
    padding: 10px;
    display: block;
    margin: 10px 25px 10px 5px;

}

#SinglePost .SinglePostText ul li,
#SinglePost .SinglePostText ol li {

    font-size: 13px;
    margin-bottom: 10px;

}

#SinglePost .SinglePostText figcaption {

    display: block;
    background: #343434;
    padding: 15px 10px;
    margin-top: -4px;
    color: white;
    font-size: 11px;
    line-height: 18px;
    max-width: 80%;
    height: auto;
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
}

#Error404NotFound {

    padding: 100px 0px;

}

#Error404NotFound i {

    display: block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #c90002;

}

#Error404NotFound h1 {

    font-weight: 900 !important;
    text-align: right;
    display: block;
    width: 100%;
    margin: 30px 0px 40px 0px;
    font-size: 25px;
    color: #272727;

}

#Error404NotFound h1 small {

    font-size: 80%;
    /* margin-right: 5px; */
    font-weight: bold !important;
    color: #545454;

}

#Error404NotFound p {

    display: block;
    text-align: right;
    font-size: 15px;
    color: #343434;

}

#Error404NotFound a {

    margin: 23px 0px;
    display: block;
    width: max-content;
    font-weight: bold !important;
    font-size: 14px;

}

#not_found_spinner {

    margin: 0 auto;
    display: block;
    width: 100px;
    height: 100px;
    color: #c90002!important;

}

#GoToTop {

    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 52px;
    background: #343434;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0.5;
    transition: 0.4s;

}

#GoToTop:hover {

    background: #c90002;
    transition: 0.4s;
    opacity: 1;
    
}

#GoToTopp .show {

  opacity: 1;

}

#MainNav .sub-menu {

    display: none;

}

#MainNav li:hover .sub-menu {

    display: block;

}

#ResponsiveMobileNavMenu {

    display: none;

}

.comments-title {

    font-size: 14px;
    font-weight: bold !important;
    display: block;
    width: 100%;
    margin-bottom: 20px;

}

#reply-title {

    display: none;

}

#email-notes {

    display: block;
    font-size: 12px;
    margin-bottom: 14px;
    color: #868686;

}

.comment-notes {

    display: block;
    font-size: 13px;
    color: #c90002de;
    margin-bottom: 20px

}

#commentform {

    display: block;
    margin-top: 30px;

}

#commentform label {

    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;

}

.SinglePostComments {

    float: right;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 35px;

}

.SinglePostComments p {

    margin-bottom: 15px;

}

.SinglePostComments textarea {

    font-size: 13px;
    width: 80%;
    padding: 10px;
    min-height: 150px;
    line-height: 22px;
    color: #5f5f5f;

}

.SinglePostComments input {

    font-size: 14px;
    width: 30%;
    padding: 5px;

}

.SinglePostComments #submit {

    border: none !important;
    box-shadow: none !important;
    background: #c90002;
    color: #fff;
    padding: 12px;

}

#comments li {

    background: #efefef;
    padding: 15px;
    font-size: 13px;

}

#comments li .comment-author .says {

    display: none;

}

#comments li .comment-author b {

    display: block;
    font-weight: bold !important;
    margin-bottom: 13px;
    color: #353535;
    border-bottom: 2px solid #a9a9a9;
    width: fit-content;
    padding-bottom: 10px;

}

#comments li .comment-metadata {

    display: block;
    margin-bottom: 10px;

}

#comments li .comment-metadata a {

    color: #969696;
    font-size: 12px;
    margin-left: 5px;

}

#comments li article {

    border-bottom: 1px solid #dadada;
    padding: 15px 10px;

}

#comments li .comment-content p {

    line-height: 20px;
    text-align: justify;

}

.logged-in-as a {

    font-size: 13px;
    color: #c90001;

}

#ParentCategoryNotCategorizedPosts {

    display: block;
    width: 100%;
    margin-top: 5px;
    float: right;
    border-top: 3px solid #c90001;
    padding-top: 25px;

}

iframe {
    
    width: 100% !important;
    margin: 20px 0px;
    
}

.akismet_comment_form_privacy_notice {
    
    display: none !important;
    
}

#SinglePost .gallery-columns-4 .gallery-item {

    width: 25%;
    float: right;

}


#SinglePost .gallery-columns-3 .gallery-item {

    width: 33.3333333%;
    float: right;

}

#SinglePost .gallery-columns-2 .gallery-item {

    width: 50%;
    float: right;

}

#SinglePost .gallery-columns-1 .gallery-item {

    width: 100%;
    float: right;

}

#SinglePost .gallery-columns-4 .gallery-item img {

    height: 90px;

}

#SinglePost .gallery-columns-3 .gallery-item img {

    height: 110px;

}

#SinglePost .gallery-columns-2 .gallery-item img {

    height: 150px;

}

#SinglePost .gallery-columns-1 .gallery-item img {

    height: 165px;

}

#SinglePost .gallery-item figcaption {

    /* font-size: 10px;
    padding: 10px;
    height: 80px;
    overflow: hidden; */
    display: none;

}

#SinglePost .gallery {

    display: block;
    width: 100%;
    clear: both;
    float: right;
    margin: 20px 0px;

}html, body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,b, u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
    font: inherit;
    direction: rtl;
    text-align: right;
    vertical-align: baseline;
    font-family: 'IRANSans' !important;
    font-weight: normal !important;
    
}

i, div {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
    vertical-align: baseline;    

}

img {

    width: 100%;

}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {

    display: block;
    
}

::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #bebebe;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #bebebe;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #bebebe;
}

ol, ul {

    list-style: none;
    
}

blockquote, q {

    quotes: none;
    
}

blockquote:before, blockquote:after,
q:before, q:after {

	content: '';
    content: none;
    
}

table {

	border-collapse: collapse;
    border-spacing: 0;
    
}

a {

    text-decoration: none !important;

}

/* Font */

@font-face {

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

@font-face {

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

@font-face {

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

@font-face {

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

@font-face {

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

@font-face {

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


body {

    line-height: 1;
    font-family: 'IRANSans' !important;
    direction: rtl;
    
}

#logo {

    float: right;

}

#logo img {

    width: 141px;

}

#HeaderContent {

    height: 140px;
    background: #272727;

}

#headerContainer {

    background: #272727;
    background-image: url(../img/world.png);
    background-position: 50% -175px;
    background-size: 50%;
    background-repeat: no-repeat;
    background-attachment: initial !important;
    background-origin: initial !important;
    background-clip: initial !important;
    height: 140px;
    width: 100%;

}


#HeaderTextContent {

    float: right;
    display: block;
    margin-right: 15px;

}

#MainNav {

    position: absolute;
    bottom: 5px;
    right: 0px;
    background: #ffffff0f;
    width: 100%;

}

#AN_Header {

    position: relative;

}

#MainNav ul {

    display: block;
    width: 100%;

}

#MainNav ul li {

    float: right;

}

#MainNav ul li a {

    padding: 10px 15px;
    font-size: 12px;
    font-weight: 500 !important;
    color: #f7f7f7;
    display: block;

}

#headerContainer .col-md-2 {

    padding-left: 0px !important;

}

#headerContainer .col-md-10 {

    padding-right: 0px !important;

}

#HeaderSearch {

    position: absolute;
    left: 0;
    top: 5px;

}

#HeaderSearch form input {

    height: 30px;
    background: #343434 !important;
    padding: 5px 10px;
    color: #cccccc;
    border: 0px !important;
    font-size: 11px;
    display: block;
    float: right;
    text-align: right;
    min-width: 150px;

}

#HeaderSearch form button {

    height: 30px;
    background: #1f1f1f !important;
    border: 0px !important;
    color: #ffffff;
    display: block;
    float: right;
    line-height: 30px;
    padding: 0 10px;
    font-size: 15px;

}

button:focus,
input:focus {

    outline:none !important;

}

#HeaderLan {

    position: absolute;
    left: 0;
    top: 45px;
    background: #1f1f1f;
    padding: 2px;
    border-radius: 3px;

}

#HeaderLan ul li {

    float: right;

}

#HeaderLan ul li a {

    font-size: 12px;
    padding: 5px;
    color: #9a9a9a;
    font-weight: 900!important;

}

#HeaderLan .lan_fa a {

    color: #f7f7f7;

}

#HeaderTodayDate {

    position: absolute;
    left: 0;
    top: 80px;
    font-size: 11px;
    color: #9c9c9c;;

}

#Description {

    position: absolute;
    right: 0;
    top: 30px;

}

#Description h2 {

    font-weight: 900 !important;
    font-size: 20px;
    color: white;

}

#Description p {

    margin-top: 10px;
    color: white;
    background: #1f1f1f;
    padding: 6px;
    font-size: 11px;
    float: right;

}

#Description span {

    background: #c9000291;
    float: right;
    margin-top: 10px;
    padding: 6px;
    font-size: 10px;
    color: #ffffff;

}

#AN_MainContent {

    display: block;
    width: 100%;
    clear: both;
    margin-top: 15px;

}

#headerContainer .row:first-child {

    padding-left: 15px;

}

#NewsTitles {

    background: #cccccc;
    height: 45px;
    border-radius: 3px;
    margin-bottom: 25px;

}

#NewsTitles .NewsTitlesSectionContent {

    height: 45px;

} 

#NewsTitles .NewsTitlesSectionTitle {

    background: #343434;
    padding: 12px;
    color: white;
    text-align: right;
    height: 45px;
    overflow: hidden;
    border-radius: 0px 3px 3px 0px;

}

#NewsTitles .NewsTitlesSectionTitle span {

    font-weight: 500 !important;
    font-size: 13px;
    line-height: 23px;
    margin-right: 7px;

}

#NewsTitles .NewsTitlesSectionTitle img {

    float: right;
    display: block;
    width: 22px;

}

#NewsTitles .news_titles_slider_title a h3 {

    color: #343434;
    font-size: 12px;
    font-weight: 500 !important;

}

#NewsTitles .news_titles_slider_title a h3 span:first-child {

    color: #272727;
    font-size: 13px;
    font-weight: 500 !important;

}

#NewsTitles .news_titles_slider_title a h3 span:last-child {

    font-size: 12px;
    color: #676767;

}

#NewsTitles .swiper-container {

    width: 100%;
    height: 100%;

}

#NewsTitles .swiper-slide {

    text-align: right;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

}

#NewsTitles .swiper-container-rtl .swiper-button-prev {

    left: 20px;
    right: auto;

}


#NewsTitles .swiper-button-next, #NewsTitles .swiper-button-prev {

    top: 88%;
    width: 36px;
    height: 15px;
    margin-top: -22px;

}

#NewsTitles .news_titles_slider_title {

    width: 100%;

}

#AN_Header .col-md-2 {

    -webkit-box-flex: 0;
    -ms-flex: 0 0 13.666667% !important; 
    flex: 0 0 13.666667% !important;
    max-width: 13.666667% !important;

}

#AN_Header .col-md-10 {

    -webkit-box-flex: 0;
    -ms-flex: 0 0 86.333333% !important;
    flex: 0 0 86.333333% !important;
    max-width: 86.333333% !important;

}

#NewsTitlesWrapper .col-md-10 {

    padding-right: 0px !important;

}

#TitleOne .TitleOneImage {

    width: 100%;

}

#TitleOne .TitleOneImage figure {

    width: 100%;  
    height: 240px;
    
}

#TitleOne .TitleOneImage figure img {

    width: 100%;
    height: 240px;
    
}

#TitleOne .TitleOneCategory {

    display: block;
    margin-bottom: 15px;

}

#TitleOne .TitleOneCategory span {

    background: #8e8e8e;
    padding: 5px;
    color: #f7f7f7;
    font-size: 10px;
    border-radius: 3px;

}


#TitleOne .TitleOneText {

    display: block;
    padding-top: 5px;

}

#TitleOne .TitleOneText .TitleOneHeadline h4 {

    color: #343434;
    font-size: 14px;
    margin-bottom: 5px;
    font-weight: bold !important;

}

#TitleOne .TitleOneText .TitleOneTitle h1 {

    color: #c90002;
    font-weight: 900 !important;
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: justify;

}

#TitleOne .TitleOneText .TitleOneLid p {

    color: #636363;
    font-size: 12px;
    line-height: 19px;
    text-align: justify;

}

#TitleOne .col-md-5 {

    padding-right: 0px !important;

}

#TitleTwo {

    display: block;
    clear: both;
    width: 100%;
    margin-top: 25px;
    min-height: 360px;
    margin-bottom: 10px;

}

#TitleTwo .TitleTwoImage {

    width: 100%;
    display: block;
    clear: both;

}

#TitleTwo .TitleTwoImage figure {

    width: 100%;
    height: 145px;

}

#TitleTwo .TitleTwoImage figure img {

    width: 100%;
    height: 145px;

}

#TitleTwo .TitleTwoText {

    display: block;
    width: 80%;
    clear: both;
    background: #fff;
    position: absolute;
    top: 125px;
    right: 25px;
    padding: 10px;
    color: #272727;

}

#TitleTwo .TitleTwoText .TitleTwoHeadline h4 {

    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

#TitleTwo .TitleTwoText .TitleTwoTitle h1 {

    font-weight: 900 !important;
    font-size: 14px;
    line-height: 20px;

}

#TitleTwo .TitleTwoText .TitleTwoLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;
    text-align: justify;

}

.NewsDate {

    display: block;
    margin-top: 10px;
    font-size: 11px;
    color: #949494;

}

#ArazNewsTv {

    /* min-height: 600px; */
    background: #343434;
    color: #c90002;

}

#ArazNewsTv #ArazNewsTvWrapper .ArazNewsTvSectionTitle h1 {

    background: #272727;
    color: #fff;
    padding: 10px;
    display: block;
    box-sizing: content-box;
    font-weight: bold !important;
    font-size: 15px;
    border-right: 4px solid #c90001;

}

#ArazNewsTv #ArazNewsTvWrapper .ArazNewsTvSectionTitle h1 img {
    
    width: 25px;
    display: block;
    float: right;
    margin-left: 7px;

}

#ArazNewsTv #ArazNewsTvWrapper .ArazNewsTvSectionTitle h1 span {

    line-height: 30px;
    font-weight: bold !important;

}

#ArazNewsTv .swiper-container {

    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;

}
  
#ArazNewsTv .swiper-slide {

    background-size: cover;
    background-position: center;

}

#ArazNewsTv .gallery-top {

    height: 80%;
    width: 100%;

}

#ArazNewsTv .gallery-thumbs {

    height: 20%;
    box-sizing: border-box;
    padding: 10px 0;

}

#ArazNewsTv .gallery-thumbs .swiper-slide {

    width: 25%;
    height: 100%;
    opacity: 0.4;

}

#ArazNewsTv .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

}

#ArazNewsTv .swiper-slide img {

    width: 100%;
    height: 200px;
    border: 4px solid #272727;

}

#ArazNewsTv .swiper-slide .ArazNewsTvSlideItamImage {

    position: relative;

}

#ArazNewsTv .ArazNewsTvSectionContent {

    padding: 20px;

}

#ArazNewsTv .swiper-slide h1 {

    color: #fff;
    font-weight: 900 !important;
    font-size: 14px;
    line-height: 23px;

}

#ArazNewsTv .swiper-slide .ArazNewsTvSlideItamText {

    display: block;
    width: 100%;
    margin-top: 16px;

}

#ArazNewsTv .swiper-button-next, #ArazNewsTv .swiper-button-prev {

    top: 32%;

}

#ArazNewsTv .ArazNewsTvSlideItamTextLid p {

    font-size: 11px;
    line-height: 17px;
    display: block;
    margin: 12px 0px 20px 0px;
    color: #cecece;
    text-align: justify;

}


#ArazNewsTv .VideoIvon {

    position: absolute;
    top: 40%;
    right: 42%;

}

#ArazNewsTv .VideoIvon i {

    color: #ffffff7a;
    font-size: 45px;

}

#ArazNewsTv .swiper-button-next, 
#ArazNewsTv .swiper-button-prev {

    height: 25px;

}

#ArazNewsTv .line {

    display: block;
    width: 50px;
    background: #4a4a4a;
    height: 3px;
    margin-top: 12px;

}


#TitleThree {

    padding-top: 20px;
    border-top: 1px solid #e2e2e2;

}

#TitleThree .TitleThreeItem {

    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    height: 100px;

}
/* 
#TitleThree .TitleThreeItem:nth-last-child( -n + 2 ) {

    border-bottom: 0px;

} */

.NoBorderBottom {

    border-bottom: 0px !important;

}


#TitleThree .TitleThreeItem .col-md-8 {

    padding-right: 0px !important;
    margin-bottom: 0px !important;

}

#TitleThree .TitleThreeItem h4{

    font-weight: bold !important;
    font-size: 11px;
    color: #343434;

}

#TitleThree .TitleThreeItem img{

    width: 100%;
    height: 85px;
}

#TitleThree .TitleThreeItem h1 {

    color: #272727;
    font-weight: 900 !important;
    line-height: 20px;
    display: block;
    margin: 6px 0px;
    font-size: 12px;

}

#MostPopulars {

    margin-top: 30px;

}

#MostPopulars .card {

    border-radius: 0px !important;
    border: 0px !important;
    background: #27272717;

}

.SectionTitle {

    display: block;
    width: 100%;
    margin-bottom: 20px;

} 

.SectionTitle h1 span {

    font-weight: 900 !important;
    font-size: 18px;
    color: #757575;

} 


#MostPopulars .card-header {

    background: #c90002;
    border-radius: 0px !important;
    padding: 5px;

}

#MostPopulars .card-header h2 button {

    font-weight: bold !important;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 14px;
    width: 100%;
    text-align: right;

}


#MostPopulars .card-body .MostPopularItem {

    display: block;
    margin-bottom: 10px;
    text-align: left;
    border-bottom: 1px solid #d6d6d6;
    padding-bottom: 15px;
    box-sizing: content-box;
    padding-top: 10px;

}

#MostPopulars .card-body .MostPopularItem:last-child {

    border: 0px !important;

}

#MostPopulars .card-body .MostPopularItem .MostPopularNumber {

    display: block;
    float: right;
    margin-left: 10px;
    width: 20px;
    color: #c3c3c3;
    font-size: 24px;
    font-weight: bold !important;
    text-align: center;
    height: 30px;
    
}

#MostPopulars .card-body .MostPopularItem h1 {

    display: block;
    font-weight: 900 !important;
    font-size: 12px;
    color: #343434;
    line-height: 20px;

}

#MostPopulars .card-header {

    border-bottom: 2px solid rgb(255, 255, 255);

}

/* .card-header .btn[aria-expanded=true] {

    color: #fff;
    background-color: #32bdb6;

} */

#Articles {

    display: block;
    background: #272727;
    margin-top: 10px;
    margin-bottom: 20px;

}

#Articles #ArticlesWrapper {

    padding: 25px 0px;
    margin-top: 30px;

}

#Articles .swiper-slide {

    height: 290px;

}

#Articles .swiper-slide .ArticleText {

    display: block;
    width: 100%;
    margin: 10px 0px;

}

#Articles .swiper-slide img {

    width: 100%;
    height: 140px;
    border: 3px solid #1f1f1f;

}

#Articles .swiper-slide h4 {

    font-weight: bold !important;
    font-size: 10px;
    color: #ababab;
    line-height: 18px;

}

#Articles .swiper-slide h1 {


    color: #ececec;
    font-weight: 900 !important;
    line-height: 20px;
    display: block;
    margin: 8px 0px;
    font-size: 12px;

}

#Articles .ArticlesSectionTitle {

    margin-bottom: 30px;

}

#Articles .ArticlesSectionTitle  h1 span {

    color: #bdbdbd;

}

#Articles .swiper-container {

    width: 100%;
    height: 100%;

}

#Articles .swiper-button-next, 
#Articles .swiper-button-prev {

    top: 30% !important;

}

.section-title {

    overflow: hidden;
    margin-bottom: 5px;
    text-align: center;
}
  
.section-title .tag {

    text-transform: uppercase;
    position: relative;
    line-height: 2.5em;
    padding: 6px 1em 0px 1em;
    display: inline-block;

}

.tag-regular {

    background-color: transparent;
    color: #343434;
    font-size: 16px;
    font-weight: 900 !important;


}

.tag-colored {

    background-color: #111226;
    color: #fff;
    font-weight: bold;
    font-size: 20px;

}

.section-title .tag:before,
.section-title .tag:after {

    content: "";
    height: 2px;
    /* any width higher than the widest part of the page */
    width: 1000px;
    position: absolute;
    top: 50%;
    display: block;

}

.tag-regular:before, .tag-regular:after {

    background-color: #b3b3b3;

}

.tag-colored:before,
.tag-colored:after {

    background-color: #d2d2d2;  

}

.section-title .tag:before {

    left: -1000px;

}

.section-title .tag:after {

    right: -1000px;

}

#Articles .tag-regular {

    background-color: transparent;
    color: #b9b9b9;
    font-size: 20px;
    font-weight: 900 !important;
    margin-right: 50px;

}

#Articles .tag-regular i {

    font-size: 19px;

}

#Articles .tag-regular:before, 
#Articles .tag-regular:after {

    background-color: #464646;

}

#Articles .section-title {

    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;

}

#LatestNewsList {

    height: 800px;
    background: #ececec;

}

#LatestNewsList .swiper-container {

    width: 100%;
    height: 100%;

}

#LatestNewsList .LatestNewsContent {

    height: 700px;

}
  
#LatestNewsList .swiper-slide {

    font-size: 18px;
    height: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0px 30px;

}

#LatestNewsList .LatestNewsTime {

    position: absolute;
    right: -12px;
    background: #ececec;
    top: 0;
    color: #c90002;
    font-size: 11px;
    padding: 5px;
    font-weight: bold !important;

}

#LatestNewsList .LatestNewsTime i {

    font-weight: bold !important;

}

#LatestNewsList .LatestNewsTime span {

    font-weight: bold !important;
    font-weight: 900 !important;

}

#LatestNewsList .LatestNewsTitle h1 {

    font-size: 12px;
    font-weight: 900 !important;
    line-height: 18px;
    margin: 15px 0px;
    color: #272727;

}

#LatestNewsList .LatestNewsItem {

    display: block;
    clear: both;
    border-right: 2px dotted #c90002;
    padding: 5px 10px;
    position: relative;
    padding-top: 10px;

}

#LatestNewsList .swiper-container-vertical>.swiper-scrollbar {

    position: absolute;
    right: 0px;
    top: 1%;
    z-index: 50;
    width: 4px;
    height: 98%;

}

#LatestNewsList .swiper-scrollbar-drag {

    height: 100%;
    width: 100%;
    position: relative;
    background: rgb(179, 179, 179);
    border-radius: 10px;
    left: 0;
    top: 0;

}

#LatestNewsList .LatestNewsSectionTitle {

    background: #c90002;
    border-radius: 0px !important;
    padding: 5px;
    margin-bottom: 25px;

}

#LatestNewsList .LatestNewsSectionTitle span {

    font-weight: bold !important;
    color: #ffffff;
    text-decoration: none !important;
    font-size: 14px;
    display: block;
    padding: 11px .75rem;

}

#OnlineBookLibrary .tag-regular {

    background-color: transparent;
    font-size: 20px;
    font-weight: 900 !important;
    margin-right: 50px;

}

#OnlineBookLibrary .tag-regular i {

    font-size: 22px;

}

#OnlineBookLibrary .section-title {

    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;

}

.FirstPostImage img {

    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;
    height: 165px;

}

.FirstPostHeadline h4 {

    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.FirstPostTitle h1 {

    font-weight: 900 !important;
    font-size: 14px;
    line-height: 20px;
    color: #272727;

}

.FirstPostLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: justify;
    line-height: 17px;
    color: #272727d6;

}

.OtherPostHeadline h4 {

    font-size: 10px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.OtherPostTitle h1 {

    font-weight: 900 !important;
    font-size: 12px;
    line-height: 20px;
    color: #272727;

}

.FirstPost {

    display: block;
    width: 100%;
    clear: both;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 15px;
    padding-bottom: 15px;

}

.OtherPosts {

    display: block;
    clear: both;
    width: 100%;

}

.OtherPostItem {

    border-bottom: 1px solid #e2e2e2;
    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 10px;

}

.OtherPostItem:last-child {

    border-bottom: 0px;

}

.AchixlamaContent {

    padding: 5px 15px;

}

.OtherPostTitle img {

    width: 10px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 4px;

}

#OnlineBookLibrary .BookItem {

    display: block;
    clear: both;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;

}


#OnlineBookLibrary .BookItem:last-child {

    border-bottom: 0px;

}

#OnlineBookLibrary .BookItem .BookTitle h1 {

    font-weight: 900 !important;
    font-size: 12px;
    color: #272727;
    line-height: 18px;

}

#OnlineBookLibrary .BookItem .BookHeadline h4 {

    font-size: 11px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 16px;
    color: #272727;

}

#OnlineBookLibrary .BookItem .BookLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;

}

.section-title span img {

    width: 24px;
    display: block;
    float: right;
    margin-left: 7px;

}


.section-title span i {

    font-size: 18px;
    margin-left: 2px;

}

#SocialMedia {

    background: #c90002;
    height: 100px;
    padding: 15px 0px;
    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 25px;
    margin-top: 20px;
    
}

#SocialMedia .SocialMediaItem {

    display: block;
    height: 70px;
    padding: 10px 15px;
    background: #bf0304;

}

#SocialMedia .SocialMediaItem a {

    text-align: center;
    display: block;
    width: 100%;
    color: white;

}


#SocialMedia .SocialMediaItem .SocialMediaItemIcon i {

    font-size: 25px;
    
}

#SocialMedia .SocialMediaItemIconTitle h5 {

    display: block;
    width: 100%;
    clear: both;
    font-weight: 900 !important;
    font-size: 11px;
    text-align: center;
    margin-top: 10px;

}

.Book1Image img {

    margin-bottom: 10px;

}

.Book1Headline h4 {

    font-size: 12px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.Book1Title h1 {

    font-weight: 900 !important;
    font-size: 14px;
    color: #272727;
    line-height: 20px;

}

.Book1Lid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;
    text-align: justify;

}

.BookImage img {

    height: 70px;

}

.BookItem .col-md-8 {

    padding-right: 0px;

}

#OnlineBookLibrary .section-title span img {

    width: 30px;
    display: block;
    float: right;
    margin-left: 7px;

}


html {

    height: 100%;

}

body {

    display: flex;
    flex-direction: column;
    height: 100%;

}

#AN_Header {

    /* We want the header to have a static height, 
    it will always take up just as much space as it needs.  */
    /* 0 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 0 0 auto;

}
 
#AN_MainContent {

    /* By setting flex-grow to 1, the main content will take up 
    all of the remaining space on the page. 
    The other elements have flex-grow: 0 and won't contest the free space. */
    /* 1 flex-grow, 0 flex-shrink, auto flex-basis */
    flex: 1 0 auto;

}
 
#AN_Footer {

    flex: 0 0 auto;
    display: block;
    width: 100%;
    clear: both;
    background: #272727;
    min-height: 200px;
    margin-top: 35px;

}

#FooterTop {

    display: block;
    height: 50px;
    background: #343434;
    width: 100%;
    clear: both;

}

#NewsTab .nav-tabs .nav-link {

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #656565;
    font-size: 14px;
    font-weight: 900 !important;
    padding: 15px;
    text-align: right;

}

#NewsTab .tab-content {

    padding: 30px 0px;

}

#NewsTab {

    display: block;
    clear: both;
    width: 100%;
    margin-top: 20px;

}

#NewsTab .nav-tabs .nav-link {

    border: 0px;

}

#NewsTab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    background-color: #fff;
    border: 0px;
    border-bottom: 4px solid #c90002 !important;
    color: #343434 !important;
    font-size: 16px !important;
}


#NewsTab .nav-tabs .nav-link:hover {

    color: #c90002 !important;

}

#ArazNewsTvCats {

    display: block;
    clear: both;
    width: 100%;
    margin-top: 15px;
    padding-top: 15px;
    border-top: 2px solid #4a4a4a;

}

#ArazNewsTvCats a {

    float: right;
    font-size: 12px;
    font-weight: bold !important;
    height: 30px;
    background: #27272799;
    color: #d6d6d6;
    margin-bottom: 10px;
    padding: 7px 10px 7px 5px;
    width: 100%;
    line-height: 18px;
    border-radius: 30px;

}

#ArazNewsTvCats a:hover {

    background: #c90002 !important;
    
}

#ArazNewsTvCats a img {

    width: 14px;
    display: block;
    float: right;
    margin-left: 5px;

}

#FooterNavMenu {

    display: block;
    width: 100%;

}

#FooterNavMenu ul {

    display: block;
    width: 100%;
    float: left;
    text-align: center;
    height: 50px;

}

#FooterNavMenu ul li {

    display: inline-block;
    vertical-align: middle;

}

#FooterNavMenu ul li a {

    display: block;
    height: 50px;
    font-weight: bold !important;
    color: #929292;
    text-decoration: none !important;
    line-height: 13px;
    font-size: 13px;
    padding: 20px 13px;

}

#FooterBottom {

    padding: 35px 0px;

}

#FooterBottom .FooterLogo img {

    width: 100px;
    height: 100px;

}

#FooterBottom .DiLogo img {

    float: left;

}

#FooterBottom .Anlogo img {

    float: right;
}

.FooterDescription p {

    display: block;
    width: 100%;
    text-align: center;
    color: #9c9c9c;
    font-size: 14px;
    font-weight: bold !important;
    margin-bottom: 25px;

}

.FooterCopyRight p {

    display: block;
    width: 100%;
    text-align: center;
    color: #757575;
    font-size: 13px;
    font-weight: bold !important;
    margin-bottom: 25px;

}

.FooterCopyRight p span {

    display: block;
    text-align: center;
    margin-top: 15px;

}

#ArazNewsTvCats .ArazNewsTvCatsTitle h1 {

    text-align: center;
    display: block;
    clear: both;
    font-weight: 900 !important;
    color: #2c2c2c;
    border: 1px solid #2c2c2c;
    background: #c3c3c3;
    margin: 0px auto;
    margin-bottom: 10px;
    padding: 10px;

}

#SinglePost {

    display: block;
    clear: both;
    width: 100%;
    /* margin-top: 10px; */

}

#AnBreadcrumb {

    display: block;
    width: 100%;
    clear: both;
    background: #c9000214;
    padding: 10px;
    font-size: 12px;
    margin-bottom: 30px;

}

#AnBreadcrumb a {

    color: #c90001;

}

#SinglePost .SinglePostTitle h1 {

    font-weight: 900 !important;
    font-size: 25px;
    text-align: justify;
    line-height: 35px;
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 25px;

}

#SinglePost .SinglePostTitle h4 {

    display: block;
    clear: both;
    width: 100%;
    font-weight: bold !important;
    font-size: 16px;
    margin-bottom: 10px;
    color: #343434;
    
}

#SinglePost .SinglePostLid p {

    display: block;
    clear: both;
    width: 100%;
    font-size: 14px;
    text-align: justify;
    margin-bottom: 20px;
    line-height: 20px;
    color: #505050;

}

#SinglePost .jssocials-shares,
#SinglePost .jssocials-share-link {

    direction: ltr !important;
    font-size: 12px;

}

#SinglePost #SinglePostShare {

    text-align: center;
    float: left;

}

#SinglePost .NewsDate {

    float: right;

}


#SinglePost .SinglePostMeta .NewsDate span {

    font-size: 13px;
    line-height: 25px;

}

#SinglePost .SinglePostMeta {

    display: block;
    clear: both;
    width: 100%;
    margin: 5px 0px;
    border-bottom: 1px solid #e2e2e2;
    float: right;
    padding-bottom: 10px;

} 

#SinglePost .SinglePostText {

    display: block;
    width: 100%;
    clear: both;
    float: right;
    margin-top: 20px;

}

#SinglePost .SinglePostText p {

    text-align: justify;
    font-size: 14px;
    line-height: 25px;
    display: block;
    width: 100%;
    margin-bottom: 10px;
    color: #343434;

}

#SinglePost .SinglePostCategory {

    display: block;
    float: right;
    margin-left: 15px;

}

#SinglePost .SinglePostCategory a {

    line-height: 42px;
    font-size: 13px;
    background: #c90001;
    color: #fff;
    padding: 5px 10px;

}

#SinglePost .SinglePostMeta .NewsDate,
#SinglePost .SinglePostMeta .NewsDate i {

    font-size: 12px;

}

#SinglePost .SinglePostTags {

    float: right;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 30px;
    border-top: 1px solid #e2e2e2;
    padding-top: 20px;

}

#SinglePost .SinglePostTags a {

    display: block;
    float: right;
    margin-left: 10px;
    color: #7d7d7d;
    font-weight: bold !important;
    font-size: 13px;
    padding: 5px;
    height: 25px;
    margin-bottom: 5px;

}

#SinglePost .SinglePostNewsCode span {

    font-size: 13px;
    line-height: 25px;
    float: right;
    display: block;
    margin-top: 10px;
    color: #949494;
    margin-right: 25px;

}

#SinglePost .SinglePostRelatedPosts {

    float: right;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 35px;

}

#RelatedPosts .TitleThreeItem {

    margin-bottom: 15px;
    border-bottom: 1px solid #e2e2e2;
    height: 100px;

}


#RelatedPosts .TitleThreeItem .col-md-8 {

    padding-right: 0px !important;
    margin-bottom: 0px !important;

}

#RelatedPosts .TitleThreeItem h4{

    font-weight: bold !important;
    font-size: 11px;
    color: #545454;

}

#RelatedPosts .TitleThreeItem img{

    width: 100%;
    height: 85px;
}

#RelatedPosts .TitleThreeItem h1 {

    color: #444444;
    font-weight: 900 !important;
    line-height: 18px;
    display: block;
    margin: 6px 0px;
    font-size: 12px;

}

/*#RelatedPosts .NewsDate i,*/
/*#RelatedPosts .NewsDate span {*/

/*    display: block;*/
/*    margin-top: 10px !important;*/
/*    font-size: 11px !important;*/
/*    color: #949494 !important;*/

/*}*/

#RelatedPosts .tag-regular {

    background-color: transparent;
    font-size: 16px;
    font-weight: 900 !important;
    margin-right: 50px;

}

#RelatedPosts .section-title {

    overflow: hidden;
    margin-bottom: 15px;
    text-align: right;

}

#RelatedPosts .NewsDate {

    float: right;
    margin-top: 5px;

}

.AnArchivePage .ArchivePostsCount {

    display: block;
    text-align: center;
    font-size: 13px;
    margin-top: -10px;
    font-weight: bold !important;
    color: #888888;

}

.AnArchivePage .tag-regular {

    text-align: center;
    font-size: 20px;

}

.AnArchivePage .ArchiveName {

    background-color: transparent;
    color: #c90002;
    font-size: 20px;
    font-weight: 900 !important;

}

.AnArchivePage .TitleTwoImage {

    width: 100%;
    display: block;
    clear: both;

}

.AnArchivePage .TitleTwoImage figure {

    width: 100%;
    height: 145px;

}

.AnArchivePage .TitleTwoImage figure img {

    width: 100%;
    height: 145px;

}

.AnArchivePage .TitleTwoText {

    display: block;
    width: 80%;
    clear: both;
    background: #fff;
    position: absolute;
    top: 125px;
    right: 25px;
    padding: 10px;
    color: #272727;

}


.AnArchivePage .TitleTwoText .TitleTwoHeadline h4 {

    font-size: 11px;
    font-weight: bold !important;
    margin-bottom: 5px;
    display: block;
    line-height: 18px;
    color: #272727;

}

.AnArchivePage .TitleTwoText .TitleTwoTitle h1 {

    font-weight: 900 !important;
    font-size: 13px;
    line-height: 20px;

}

.AnArchivePage .TitleTwoText .TitleTwoLid p {

    display: block;
    clear: both;
    margin-top: 10px;
    font-size: 12px;
    text-align: right;
    line-height: 17px;
    color: #272727d6;
    text-align: justify;

}

#XabarChildCategoryArchiveItem {

    margin-bottom: 40px;
    display: block;
    clear: both;
    width: 100%;
    float: right;
    border-bottom: 1px solid #e2e2e2;
    padding-bottom: 220px;

}

#XabarChildCategoryArchiveItem:last-child {

    border-bottom: none !important;

}

.AnArchivePage .SectionTitle {

    margin-bottom: 25px;

}

.XabarChildCategoryArchiveItemTitle {

    display: block;
    width: 100%;
    clear: both;
    margin-bottom: 15px;

}

.XabarChildCategoryArchiveItemTitle a {

    display: block;
    clear: both;
    width: 100%;
    text-align: left;

}

.XabarChildCategoryArchiveItemTitle a h1 {

    float: right;
    background: #c90001;
    color: white;
    padding: 8px 20px;
    font-weight: 900 !important;
    font-size: 14px;

}

.XabarChildCategoryArchiveItemTitle a h1 p {

    float: left;
    margin-right: 5px;
    font-size: 13px;
    line-height: 15px;

}

.XabarChildCategoryArchiveItemTitle a span {

    color: #c90001;
    line-height: 30px;
    font-size: 15px;

}

.XabarChildCategoryArchiveItemContent {

    display: block;
    float: right;
    width: 100%;
    clear: both;

}

.AnArchivePage #AnBreadcrumb {

    margin-bottom: 20px;

}

.ChildCatPostsItem {

    margin-bottom: 40px;
    display: block;
    clear: both;
    width: 100%;
    float: right;
    padding-bottom: 220px;

}

#an_pagination {

    width: 100%;
    text-align: center;
    border-top: 1px solid #eeeff1;
    padding: 0px;
    display: block;
    margin-bottom: 25px;
    padding-top: 25px;
    float: right;

}

#an_pagination li.active {

    background: #c90002;

}

#an_pagination li a {

    color: #f4f4f4;
    display: block;
    width: 100%;
    text-decoration: none !important;
    text-align: center;
    line-height: 32px;
    font-weight: bold !important;
    font-size: 13px;

}

#an_pagination li {

    display: inline-block;
    background: #343434;
    width: 30px;
    height: 30px;
    color: #f4f4f4;
    text-align: center;
    line-height: 30px;

}

#an_pagination span.page_next {

    font-size: 25px;
    display: block;
    float: left;
    margin-left: 10px;

}

#an_pagination span.page_prev {

    font-size: 25px;
    display: block;
    float: right;
    margin-right: 10px;

}

#an_pagination i {

    color: #343434;

}

#SinglePost .SinglePostText figure {

    max-width: 80% !important;
    display: block;
    text-align: center;
    margin: 0 auto;

}

#SinglePost .SinglePostText img {

    margin-top: 20px;
    max-width: 80%;
    height: auto;
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
    display: block;

}

#SinglePost .SinglePostText strong span,
#SinglePost .SinglePostText strong {

    font-weight: bold !important;

}

#SinglePost .SinglePostText em {

    font-style: italic !important;

}

#SinglePost .SinglePostText blockquote {

    background-image: url(../img/quotes.png) !important;
    background-position: right top;
    background-repeat: no-repeat;
    background-size: 50px;
    display: block;
    background-color: #c9000217;
    padding: 30px;
    padding-right: 45px;
    margin: 20px 0px;
    border-right: 6px solid #c90002;
    width: 100%;

}

#SinglePost .SinglePostText blockquote p {

    font-weight: bold !important;
    font-size: 12px;
    line-height: 22px;
    color: #444343;

}

#SinglePost .SinglePostText ol {

    list-style: arabic-indic;
        padding: 10px;
    display: block;
    margin: 10px 25px 10px 5px;

}

#SinglePost .SinglePostText ul {

    list-style: disc;
    padding: 10px;
    display: block;
    margin: 10px 25px 10px 5px;

}

#SinglePost .SinglePostText ul li,
#SinglePost .SinglePostText ol li {

    font-size: 13px;
    margin-bottom: 10px;

}

#SinglePost .SinglePostText figcaption {

    display: block;
    background: #343434;
    padding: 15px 10px;
    margin-top: -4px;
    color: white;
    font-size: 11px;
    line-height: 18px;
    max-width: 80%;
    height: auto;
    width: auto !important;
    margin-right: auto;
    margin-left: auto;
}

#Error404NotFound {

    padding: 100px 0px;

}

#Error404NotFound i {

    display: block;
    width: 100%;
    text-align: center;
    font-size: 60px;
    color: #c90002;

}

#Error404NotFound h1 {

    font-weight: 900 !important;
    text-align: right;
    display: block;
    width: 100%;
    margin: 30px 0px 40px 0px;
    font-size: 25px;
    color: #272727;

}

#Error404NotFound h1 small {

    font-size: 80%;
    /* margin-right: 5px; */
    font-weight: bold !important;
    color: #545454;

}

#Error404NotFound p {

    display: block;
    text-align: right;
    font-size: 15px;
    color: #343434;

}

#Error404NotFound a {

    margin: 23px 0px;
    display: block;
    width: max-content;
    font-weight: bold !important;
    font-size: 14px;

}

#not_found_spinner {

    margin: 0 auto;
    display: block;
    width: 100px;
    height: 100px;
    color: #c90002!important;

}

#GoToTop {

    position: fixed;
    bottom: 0px;
    right: 0px;
    z-index: 9999;
    font-size: 26px;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 52px;
    background: #343434;
    color: #ffffff;
    cursor: pointer;
    border: 0;
    text-decoration: none;
    transition: opacity 0.2s ease-out;
    opacity: 0.5;
    transition: 0.4s;

}

#GoToTop:hover {

    background: #c90002;
    transition: 0.4s;
    opacity: 1;
    
}

#GoToTopp .show {

  opacity: 1;

}

#MainNav .sub-menu {

    display: none;

}

#MainNav li:hover .sub-menu {

    display: block;

}

#ResponsiveMobileNavMenu {

    display: none;

}

.comments-title {

    font-size: 14px;
    font-weight: bold !important;
    display: block;
    width: 100%;
    margin-bottom: 20px;

}

#reply-title {

    display: none;

}

#email-notes {

    display: block;
    font-size: 12px;
    margin-bottom: 14px;
    color: #868686;

}

.comment-notes {

    display: block;
    font-size: 13px;
    color: #c90002de;
    margin-bottom: 20px

}

#commentform {

    display: block;
    margin-top: 30px;

}

#commentform label {

    display: block;
    width: 100%;
    margin-bottom: 10px;
    font-size: 13px;

}

.SinglePostComments {

    float: right;
    display: block;
    width: 100%;
    clear: both;
    margin-top: 35px;

}

.SinglePostComments p {

    margin-bottom: 15px;

}

.SinglePostComments textarea {

    font-size: 13px;
    width: 80%;
    padding: 10px;
    min-height: 150px;
    line-height: 22px;
    color: #5f5f5f;

}

.SinglePostComments input {

    font-size: 14px;
    width: 30%;
    padding: 5px;

}

.SinglePostComments #submit {

    border: none !important;
    box-shadow: none !important;
    background: #c90002;
    color: #fff;
    padding: 12px;

}

#comments li {

    background: #efefef;
    padding: 15px;
    font-size: 13px;

}

#comments li .comment-author .says {

    display: none;

}

#comments li .comment-author b {

    display: block;
    font-weight: bold !important;
    margin-bottom: 13px;
    color: #353535;
    border-bottom: 2px solid #a9a9a9;
    width: fit-content;
    padding-bottom: 10px;

}

#comments li .comment-metadata {

    display: block;
    margin-bottom: 10px;

}

#comments li .comment-metadata a {

    color: #969696;
    font-size: 12px;
    margin-left: 5px;

}

#comments li article {

    border-bottom: 1px solid #dadada;
    padding: 15px 10px;

}

#comments li .comment-content p {

    line-height: 20px;
    text-align: justify;

}

.logged-in-as a {

    font-size: 13px;
    color: #c90001;

}

#ParentCategoryNotCategorizedPosts {

    display: block;
    width: 100%;
    margin-top: 5px;
    float: right;
    border-top: 3px solid #c90001;
    padding-top: 25px;

}

iframe {
    
    width: 100% !important;
    margin: 20px 0px;
    
}

.akismet_comment_form_privacy_notice {
    
    display: none !important;
    
}

#SinglePost .gallery-columns-4 .gallery-item {

    width: 25%;
    float: right;

}


#SinglePost .gallery-columns-3 .gallery-item {

    width: 33.3333333%;
    float: right;

}

#SinglePost .gallery-columns-2 .gallery-item {

    width: 50%;
    float: right;

}

#SinglePost .gallery-columns-1 .gallery-item {

    width: 100%;
    float: right;

}

#SinglePost .gallery-columns-4 .gallery-item img {

    height: 90px;

}

#SinglePost .gallery-columns-3 .gallery-item img {

    height: 110px;

}

#SinglePost .gallery-columns-2 .gallery-item img {

    height: 150px;

}

#SinglePost .gallery-columns-1 .gallery-item img {

    height: 165px;

}

#SinglePost .gallery-item figcaption {

    /* font-size: 10px;
    padding: 10px;
    height: 80px;
    overflow: hidden; */
    display: none;

}

#SinglePost .gallery {

    display: block;
    width: 100%;
    clear: both;
    float: right;
    margin: 20px 0px;

}