@import url(fontiran.css);
html {
    scroll-behavior: smooth;
}
body {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #f5f5f5;
}

.special-baner {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
}

.special-baner img {
    width: 100%;
}


.cc-container {
    width: 1140px;
    margin: 0px auto;
    padding: 0;
    text-align: center;
    clear: both;
}

.right-page {
    width: 24%;
    margin: 0px 0px 20px 0px;
    padding: 0;
    float: right;
}

.left-page {
    width: 75%;
    margin: 0px 0px 20px 0px;
    padding: 0;
    float: left;
}

.top-page {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 40px;
    background-color: #373a3c;
}

.top-page .right-top-page {
    width: 40%;
    margin: 0;
    padding: 0;
    float: right;
}

.top-page .besemellah {
    font-family: IRANSans;
    color: #7feef5;
    direction: rtl;
    text-align: right;
    margin: 6px 0px 0px 0px;

}

.top-page .left-top-page {
    width: 60%;
    margin: 0;
    padding: 0;
    float: left;
}

.top-page .nav-top-page {
    direction: rtl;
    text-align: left;
    font-family: IRANSans;
}

.top-page .nav-top-page .item {
    display: inline-block;
    margin: 6px 15px 0px 0px;
    font-weight: 300;
}

.top-page .nav-top-page .item a:link,.top-page .nav-top-page .item a:visited {
    text-decoration: none;
    color: #7feef5;
}

.header-page {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #41474c;
    height: 190px;
    background-image: url('img/background-header.jpg');
    background-repeat: repeat-x;
}

.header-page .right-header {
    width:40%;
    padding: 0;
    float: right;
    text-align: right;
}

.header-page .right-header img {
    width: 60%;
    margin: 30px -30px 0px 0px;
}

.header-page .right-header .text-header-info {
    font-family: IRANSans;
    text-align: right;
    color: #eaeaea;
    font-weight: 100;
    direction: rtl;
    word-spacing: -2px;
    font-size: 10pt;
    text-indent: 20px;
}

.header-page .left-header {
    width:60%;
    padding: 0;
    float: left;
}

.header-page .left-header .left-in-left-header {
    width:45%;
    float: left;
}

.header-page .left-header .right-in-left-header {
    width:45%;
    float: right;
    margin-right: 6%;
}

.phrase-header {
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
}

.phrase-header .text-phrase {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-weight: 100;
    font-size: 10pt;
    height: 190px;
}

.phrase-header .text-phrase p {
    padding: 0;
    margin: 0;
}

.header-page .left-header .search-container {
    position: relative;
    text-align: left;
}

.header-page .left-header .search-container .search-input {
    width: 70%;
    margin: 45px 0px 0px 0px;
    padding: 8px 15px;
    border: none;
    background-color: #33383c;
    color: #fff;
    border-radius: 10px;
    font-family: IRANSans;
    text-align: right;
    direction: rtl;
    font-size: 14pt;
    font-weight: 100;
}

.header-page .left-header .search-container .search-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #585b5e;
    opacity: 1; /* Firefox */
}

.header-page .left-header .search-container .search-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #585b5e;
}

.header-page .left-header .search-container .search-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #585b5e;
}

.header-page .left-header .search-container .search-icon {
    width: 30px;
    height: 30px;
    background-image: url('img/search-icon.png');
    background-repeat: no-repeat;
    background-size: contain;
    cursor: pointer;
    position: absolute;
    left: 10px;
    top: 53px;
    background-color: transparent;
    border: none;
}

.header-page .left-header .quran-container {
    margin: 15px 0px 0px 0px;
    text-align: left;
}

.header-page .left-header .quran-container .ayeh {
    width: 75%;
}

.nav-page {
    width: 100%;
    margin: 0;
    padding: 0;
    height: 55px;
    background-color: #2ca9ae;
}

.main-nav {
    font-family: IRANSans;
    direction: rtl;
}


.main-nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
    direction:rtl;
}

.main-nav ul li {
    list-style: none;
    margin: 0;
    padding: 13px 10px 13px 10px;
    float: right;
    word-spacing: -1px;
    font-weight: 300;
    position:relative;
    direction: rtl;
    font-size: 13pt;
}

.main-nav ul ul {visibility: hidden;opacity: 0; transform: translateY(-2em);position:absolute;top:100%;right:0;background-color:#2ca9ae;z-index:-1;background-repeat:repeat-y;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
.main-nav ul ul ul {visibility: hidden;opacity: 0; transform: translateY(-2em);position:absolute;margin: 0;padding: 0;top:0;right:100.5%;position: absolute; z-index:3002;background-color: #2ca9ae;z-index:-1;transition:all 0.2s;-moz-transition:all 0.2s;-webkit-transition:all 0.2s;}
.main-nav ul li ul {}
.main-nav ul li:hover > ul {display:block;opacity: 1;visibility: visible;transform: translateY(0);transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;z-index:3001;}
.main-nav ul ul li {z-index:3002;display:block;float:none;width:250px;text-align:right;border-bottom:1px solid #26969a;padding:7px 0px 9px 0px;text-indent:5px;direction: rtl;overflow: visible;position: relative;font-size:12pt;}
.main-nav ul ul li:first-child {margin-top:5px;border-top:1px solid #25969a;}
.main-nav ul ul li:hover {background-color: #1f9297;transition: all 0.3s;}
.main-nav ul ul ul ul li:first-child {margin-top:0px;border-top:1px solid #218f93;}
.main-nav ul ul li::before {content: "\2039";margin-right:  13px;float: right;direction: ltr;color: #eaeaea;font-family:IRANSans;margin-top:3px;}
.main-nav ul ul li.menu-item-has-children::before {content: "\2039";margin-left: 0px;float: left;direction: ltr;color: #eaeaea;font-family:IRANSans;margin-top:3px;}
.has-sub-menu > .link-box .title-link::before {content: "\2039";margin-left: 0px;float: left;direction: ltr;color: #eaeaea;font-family:IRANSans;margin-top:0px;margin-right: 7px}


.main-nav ul li.icon {
    padding: 12px 10px 4px 7px;
}

.main-nav ul li.icon img {
    width: 28px;
}

.main-nav ul li:hover {
    background-color: #25989c;
    transition: all 0.7s;
}

.main-nav ul li a:link,.main-nav ul li a:visited {
    text-decoration: none;
    color:#fff;
}

.menumobile {width: 100%;background-color: #2ca9ae;display: none;font-family: IRANSans;padding: 7px 0px;cursor:pointer;direction: rtl;text-align: right;}
.menumobile a:link,.menumobile a:visited {text-decoration:none;color: #fff;}
.menumobile img {width: 24px;height: 24px;vertical-align: middle;margin: 0px 10px 0px 10px;}

.nav-phrase {
    width: 100%;
    margin: 0;
    padding: 15px 0px 0px 0px;
    background-color: #dfdfe1;
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
    -ms-transition: height 1s ease;
    transition: height 1s ease;
}

.nav-phrase .background-phrase {
    background-color: #f9f9f9;
    margin: 0px 0px;
    border-radius: 4px;
}

.nav-phrase .text-nav-phrase,#text-phrase-show {
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
    font-size: 10.5pt;
    color: #1d2124;
    padding: 8px 10px 8px 10px;
    word-spacing: -1px;
    font-weight: 100;
    -webkit-transition: height 1s ease;
    -moz-transition: height 1s ease;
    -o-transition: height 1s ease;
    -ms-transition: height 1s ease;
    transition: height 1s ease;
}

.slider-page {
    width: 100%;
    margin: 0;
    padding: 20px 0px 25px 0px;
    background-color: #dfdfe1;
}

.slider-page .right-slider {
    width: 64%;
    margin: 0;
    padding: 15px 0px;
    height: 340px;
    float: right;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.slider-page .left-slider {
    width: 34%;
    margin: 0;
    padding: 15px 0px;
    height: 340px;
    float: left;
    background-color: #fff;
    border-radius: 10px;
    position: relative;
}

.slider-page .container-slider {
    margin: 0px 0px;
    padding: 0;
    position: relative;
    /*overflow: hidden;*/
}

.slider-page .nav-circle-btn {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -15px;
    text-align: center;
}

.slider {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 20px;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
}

#cc_slider {
    height: 400px;
}

#cc_slider { margin: 0px 0px;position: relative; }

#cc_slider .splide__pagination {bottom: -28px;}
#cc_slider li .splide__pagination__page {vertical-align:top;transform: scale(1.4);border-radius: 50%;background-color: #fff;border: 3px solid #bbbbbb;box-sizing: content-box;margin: 0px 8px;cursor: pointer;opacity: 0.9;}
#cc_slider li .is-active::after {content: ' \25CF';
    font-size: 11px;
    margin: 0 0 0 0;
    padding: 0;
    line-height: .5;
    color: #2ca9ae;
    vertical-align: top;
    text-align: center;
    transform: scale(1.4);
    font-family: tahoma;}

/*#cc_slider ul { position: relative; margin: 0; padding: 0; list-style: none;height: 360px; overflow: hidden;}*/
/*#cc_slider ul li { display:block;position: absolute;  width: 100%; text-align: center; margin: 0; padding: 0 ;vertical-align: top;transition: all 0.5s;}*/
/*#cc_slider ul li img {width: 100%;transition: all 0.5s;display: block}*/
/*#cc_slider ul li:nth-child(1) { left: 0;opacity: 1;}*/
/*#cc_slider ul li:nth-child(2) { left: -110%;opacity: 0;}*/
/*#cc_slider ul li:nth-child(3) { left: -110%;opacity: 0;}*/
/*#cc_slider ul li:nth-child(4) { left: -110%;opacity: 0;}*/
/*#cc_slider ul li:nth-child(5) { left: -110%;opacity: 0;}*/
/*#cc_slider ul li:nth-child(6) { left: -110%;opacity: 0;}*/
/*#cc_slider ul li:nth-child(7) { left: -110%;opacity: 0;}*/

div.go_prev, div.go_next { position: absolute; z-index: 999; top: 45%; display: block; padding: 0; width: 34px; height: 34px;overflow: hidden; background: #2a2a2a; color: #FFF; text-decoration: none; opacity: 0.7; cursor: pointer; font-weight: normal; font-size: 16px; }
div.go_prev:hover, div.go_next:hover { opacity: 0.9; -webkit-transition: all 0.2s ease; }
div.go_prev { border-radius: 0 3px 3px 0;background-image: url('img/arrow_left.png');background-repeat: no-repeat;background-position: center;background-size: 28px 28px;}
div.go_next { border-radius: 3px 0 0 3px; right: 0; background-image: url('img/arrow_right.png');background-repeat: no-repeat;background-position: center;background-size: 28px 28px;}


.row-media {
    border-radius: 5px;
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
    font-size: 10pt;
    margin: 7px 0px;
    padding: 2px 0px;
    word-spacing: -1px;
}

.row-media img {
    width: 24px;
    margin-left: 10px;
    vertical-align: top;
}

.row-media span {
    background-color: #e35b5b;
    margin-left: 10px;
    vertical-align: top;
    padding: 0px 10px;
    border-radius: 5px;
    color: #fff;
}

.phrases {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    position: relative;
    background-color: #fff;
    box-sizing: border-box;
    font-family: IRANSans;
    font-weight: 100;
    direction: rtl;
}

#phrase_slider { margin: 0px 0px;position: relative; overflow: hidden;}

#phrase_slider ul { position: relative; margin: 0; padding: 0; list-style: none;height: 300px; overflow: hidden;}
#phrase_slider ul li { display:block;position: absolute;  width: 100%; text-align: center; margin: 0; padding: 0 ;vertical-align: top;transition: all 0.5s;}
#phrase_slider ul li img {width: 100%;transition: all 0.5s;display: block}
#phrase_slider ul li:nth-child(1) { left: 0;opacity: 1;}
#phrase_slider ul li:nth-child(2) { left: -110%;opacity: 0;}
#phrase_slider ul li:nth-child(3) { left: -110%;opacity: 0;}
#phrase_slider ul li:nth-child(4) { left: -110%;opacity: 0;}
#phrase_slider ul li:nth-child(5) { left: -110%;opacity: 0;}
#phrase_slider ul li:nth-child(6) { left: -110%;opacity: 0;}
#phrase_slider ul li:nth-child(7) { left: -110%;opacity: 0;}

#phrase_slider ul li p {
    text-align: justify;
    padding: 0px 15px;
    word-spacing: -2px;
}

.nav-circle-btn .circle-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #bbbbbb;
    box-sizing: content-box;
    margin: 0px 5px;
    cursor: pointer;
}

.nav-circle-btn .circle-btn .active-circle {
    width: 14px;
    height: 14px;
    background-color: #2ca9ae;
    margin: 3px auto;
    border-radius: 7px;
}



.nav-circle-btn .circle-phrase-btn {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    border: 3px solid #bbbbbb;
    box-sizing: content-box;
    margin: 0px 5px;
    cursor: pointer;
}

.nav-circle-btn .circle-phrase-btn .active-phrase-circle {
    width: 14px;
    height: 14px;
    background-color: #2ca9ae;
    margin: 3px auto;
    border-radius: 7px;
}

.title-phrase-slider {
    font-weight: bold;
}


.icon-page {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    font-family: IRANSans;
    direction: rtl;
}

.icon-page .icon-sp-item {
    width: 15.5%;
    margin: 25px 0px;
    padding: 0;
    height: 190px;
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    background-color: #f1f1f1;
    border-radius: 10px;
    transition: all 0.5s;
}

.icon-page .icon-sp-item:nth-child(2),.icon-page .icon-sp-item:nth-child(3),.icon-page .icon-sp-item:nth-child(4),.icon-page .icon-sp-item:nth-child(5),.icon-page .icon-sp-item:nth-child(6)  {
    margin-right: 1%;
}

.icon-page .icon-sp-item:hover {
    background-color: #e2e2e2;
    transition: all 0.5s;
}

.icon-page .pic-icon {
    height: 142px;
    margin: 0px auto;
    padding: 0;
}

.icon-page .pic-icon img {
    width: 50%;
    margin: 20px auto 0px auto;
    padding: 0px 0px 0px 0px;
}

.icon-page .title-icon {
    padding: 0px 0px 20px 0px;
    margin: 0;
    font-size: 13pt;
    color: #555;
}

.icon-page .title-icon a:link,.icon-page .title-icon a:visited {
    text-decoration: none;
    color: #555;
}

.icon-page .title-icon a:hover {
    text-decoration: none;
    color: #000;
    transition:  all 0.5s;
}

.main-categories {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 0;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.main-categories .title-menu {
    width: 100%;
    height: 25px;
    padding: 7px 0px 7px 0px;
    margin: 0;
    font-family: IRANSans;
    font-weight: 500;
    font-size: 11pt;
    text-align: right;
    direction: rtl;
    text-indent: 10px;
    border-bottom: 1px solid #efefef;
    background-color: #f6f7f9;
    background-image: url('img/bgmenu1.png');
    background-repeat: no-repeat;
    background-position: left center;
}


.main-categories .title-menu span {
    background-color: #4e5f67;
    padding: 0px 10px;
    color: #fff;
    border-radius: 15px;
    vertical-align: top;
}

.main-categories .box-categories {
    width: 100%;
    margin: 0;
    padding: 0px 0px 10px 0px;
    direction: rtl;
    font-family: IRANSans;
}

.main-categories .box-categories ul {
    list-style: none;
    margin: 10px 10px 0px 8px;
    padding: 0;
    text-align: right;
    font-size: 10.5pt;
}

.main-categories .box-categories ul li {
    list-style: none;
    margin: 3px 0px 3px 0px;
    padding: 0;
    word-spacing: -1.5px;
    font-weight: 500;

}

.main-categories .box-categories ul li span {
    cursor: pointer;
}

.main-categories .box-categories ul li.active {
    background-color: #349468;
    padding:3px 0px;
    border-radius: 5px;
}

.main-categories .box-categories ul li.active::before {
    margin-right: 7px;
}

.main-categories .box-categories ul li.active a:link,.main-categories .box-categories ul li.active a:visited {
    color: #fff;
}

.main-categories .box-categories ul li::before {
    background-image: url('img/arrow1.png');
    background-repeat: no-repeat;
    background-position: right;
    width: 15px;
    height: 15px;
    content: "";
    display: block;
    float: right;
    margin-top: 3px;
    margin-left: 5px;
    cursor: pointer;
}

.main-categories .box-categories ul li.open-ul::before {
    background-image: url('img/arrow5.png') !important;
}

.main-categories .box-categories ul ul li {
    font-weight: 300;
}

.main-categories .box-categories ul li a:link,.main-categories .box-categories ul li a:visited {
    text-decoration: none;
    color: #444444;
}

.main-categories .box-categories ul li a:hover {
    color: #0f6674;
    transition: all 0.5s;
}

.main-categories .box-categories ul ul {
    background-color: #fafafa;
    margin: 3px 0px 0px 7px;
    padding: 2px 10px 6px 10px;
    border-radius: 10px;
}

.main-categories .box-categories ul ul li {
    /*background-image: url('img/arrow2.png');*/
    /*background-repeat: no-repeat;*/
    /*background-position: right;*/
    /*text-indent: 12px;*/
    border-bottom: 1px solid #f0f0f0;
    padding: 3px 0px;
    margin: 0px 0px 0px 0px;
}

.main-categories .box-categories ul ul li::before {
    background-image: url('img/arrow2.png');
    background-repeat: no-repeat;
    background-position: right;
    width: 15px;
    height: 15px;
    content: "";
    display: block;
    float: right;
    margin-top: 3px;
    margin-left: 0px;
    cursor: pointer;
}

.main-categories .box-categories ul ul li.child-exist::before {
    background-image: url('img/arrow1.png');
    background-size: 10px 10px;
}

.right-single {
    width: 72.5%;
    float: right;
    margin: 0;
    padding: 0;
}

.left-single {
    width: 26%;
    float: left;
    margin: 0;
    padding: 0;
}

.sidebar-widget {
    margin: 0;
    padding: 0;
    font-family: IRANSans;
}

.title-sidebar-widget {
    text-align: right;
    direction: rtl;
    word-spacing: -1px;
    margin: 10px 10px 2px 10px;
    padding: 3px 0;
    background-color: #2ca9ae;
    border-radius: 5px;
    color: #fff;
    text-indent: 12px;
    font-weight: 500;
    text-shadow: 0px 2px 3px #27969a;
}

.sidebar-widget .widget-content {
    padding: 0 0 10px 0;
}

.sidebar-widget .widget-content .link-widget {
    border-bottom: 1px solid #eaeaea;
    margin: 0 15px;
    padding: 4px 0px;
    text-align: right;
    font-size: 10pt;
    word-spacing: -1px;
    background-image: url('img/arrow2.png');
    background-repeat: no-repeat;
    background-position: right;
    text-indent: 12px;
    font-weight: 300;
}
.sidebar-widget .widget-content .link-widget a:link,.sidebar-widget .widget-content .link-widget a:visited {
    text-decoration: none;
    color: #282828;
}

.sidebar-widget .widget-content .link-widget:hover {
    background-image: url('img/arrow2_hover.png');
}

.sidebar-widget .widget-content .link-widget a:hover {
    color: #0f6674;
    transition: all 0.6s;
}

.section-last-sounds {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ededee;
}

.section-last-sounds .right-last-sound {
    width: 23%;
    margin: 0;
    padding: 50px 0px 50px 0px;
    float: right;
    font-family: IRANSans;
    direction: rtl;
    text-align: center;
}

.section-last-sounds .right-last-sound h3 {
    color:#0784b9;
    margin: 0;
    padding: 10px 0px 10px 0px;
    font-size: 16pt;
}

.section-last-sounds .right-last-sound a:link,.section-last-sounds .right-last-sound a:visited {
    text-decoration: none;
    color:#0784b9;
    transition: all 0.5s;
}

.section-last-sounds .right-last-sound a:hover {
    color: #1d2124;
    transition: all 0.5s;
}

.section-last-sounds .right-last-sound .thumbnail-last-icon {
    margin: 0;
    padding: 15px 0px 0px 0px;
}
.section-last-sounds .right-last-sound .thumbnail-last-icon img {
    width: 90%;
}


.section-last-sounds .left-last-sound {
    width: 75%;
    margin: 0;
    padding: 50px 0px;
    float: left;
}

.section-last-sounds .last-sound-inner {
    padding: 20px 20px 10px 20px;
    margin: 0;
    background-color: #e9e9e9;
}

.section-last-sounds .left-last-sound .row-last-sound {
    margin: 0;
    padding: 0px;
    direction: rtl;
    font-family: IRANSans;
    background-color: #f9f9f9;
    overflow: hidden;

}

.section-last-sounds .left-last-sound .row-last-sound:hover {
    background-color: #fff;
    transition: all 0.5s;
}

.section-last-sounds .left-last-sound .row-last-sound .title {
    margin: 0;
    padding: 5px 0px;
    float: right;
    color: #626262;
    direction: rtl;
    transition: all 0.5s;
}

.section-last-sounds .left-last-sound .row-last-sound .title h3 {
    padding: 0;
    margin: 0px 10px;
    font-weight: 300;
    font-size: 11.5pt;
}


.section-last-sounds .left-last-sound .row-last-sound .title a:link,.section-last-sounds .left-last-sound .row-last-sound .title a:visited {
    text-decoration: none;
    color: #626262;
    transition: all 0.5s;
}

.section-last-sounds .left-last-sound .row-last-sound .title a:hover {
    color: #2f7e97;
    transition: all 0.5s;
}

.section-last-sounds .left-last-sound .row-last-sound .link-sound {
    background-color: #5bc0de;
    margin: 0;
    padding: 5px 10px 5px 13px;
    float: left;
    /*background-image: url('img/download-icon-2.png');*/
    text-align: center;
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px;
    text-align: right;
    color: #fff;
    border-right: 4px solid #ededee;
    border-left: 4px solid #e9e9e9;
    box-sizing: border-box;
    transition: all 0.5s;
}

.section-last-sounds .left-last-sound .row-last-sound .link-sound:hover {
    background-color: #3396b3;
    transition: all 0.5s;
}

.section-last-sounds .left-last-sound .row-last-sound .link-sound a:link,.section-last-sounds .left-last-sound .row-last-sound .link-sound a:visited {
    text-decoration: none;
    color: #fff;
}

.section-last-sounds .left-last-sound .row-last-sound .icon-sound {
    background-color: #f9f9f9;
    margin: 3px 0px 0px 0px;
    padding: 5px 10px;
    float: left;
    width: 30px;
    height: 20px;
    background-image: url('img/download-icon-3.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px;
}

.section-last-sounds .sub-row-sound {
    margin: 0;
    padding: 3px 0px 10px 0px;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;
    font-size: 10pt;
    font-weight: 100;
}

.section-last-sounds .sub-row-sound .label-last-sound {
    margin: 0;
    padding: 0;
    float: right;
}

.section-last-sounds .sub-row-sound .title-last-sound-item {
    margin: 0px 10px 0px 0px;
    padding: 0;
    float: right;
    word-spacing: -1.5px;
    direction: rtl;
}

.section-last-sounds .sub-row-sound .download-last-item-sound {
    margin: 0;
    padding: 0;
    float: left;
}

.section-last-sounds .sub-row-sound .download-last-item-sound a:link,.section-last-sounds .sub-row-sound .download-last-item-sound a:visited {
    text-decoration: none;
    color: #000;
}

.section-last-posts {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
}

.section-last-posts .right-last-posts {
    width: 75%;
    margin: 0;
    padding: 50px 0px;
    float: right;
}

.section-last-posts .left-last-posts {
    width: 23%;
    margin: 0;
    padding: 50px 0px 50px 0px;
    float: left;
    font-family: IRANSans;
    direction: rtl;
    text-align: center;
}

.section-last-posts .left-last-posts h3 {
    color:#4c855f;
    margin: 0;
    padding: 10px 0px 10px 0px;
    font-size: 16pt;
}

.section-last-posts .left-last-posts a:link,.section-last-posts .left-last-posts a:visited {
    text-decoration: none;
    color:#4c855f;
    transition: all 0.5s;
}

.section-last-posts .left-last-posts a:hover {
    color: #1d2124;
    transition: all 0.5s;
}

.section-last-posts .left-last-posts .thumbnail-last-icon {
    margin: 0;
    padding: 15px 0px 0px 0px;
}
.section-last-posts .left-last-posts .thumbnail-last-icon img {
    width: 90%;
}


.section-last-posts .last-posts-inner {
    padding: 20px 20px 10px 20px;
    margin: 0;
}

.section-last-posts .last-posts-inner .row-last-post {
    margin: 20px 0px 0px 0px;
    padding: 0px;
    direction: rtl;
    font-family: IRANSans;
    background-color: #f9f9f9;
    overflow: hidden;
    box-shadow: inset 0px 0px 2px #d4dede;
    border-right: 1px solid #e5e8e8;
    border-left: 1px solid #e5e8e8;
}

.section-last-posts .last-posts-inner .row-last-post .title {
    margin: 5px 0px 0px 0px;
    padding: 0px 0px;
    float: right;
    color: #626262;
    background-color: #f9f9f9;
    direction: rtl;
    transition: all 0.5s;
    word-spacing: -1px;
}

.section-last-posts .last-posts-inner .row-last-post .title h3 {
    padding: 0;
    margin: 0px 10px 0px 10px;
    font-size: 11.5pt;
    font-weight: 300;
}

.section-last-posts .last-posts-inner .row-last-post .title a:link,.section-last-posts .last-posts-inner .row-last-post .title a:visited {
    text-decoration: none;
    color: #626262;
    transition: all 0.5s;
}

.section-last-posts .last-posts-inner .row-last-post .title a:hover {
    color: #31682f;
    transition: all 0.5s;
}

.section-last-posts .last-posts-inner .row-last-post .post-type {
    float: left;
    padding: 2px 7px;
    background-color: #70c88b;
    border-radius: 10px;
    color: #fff;
    font-size: 7pt;
    text-align: center;
    text-indent: 0;
    margin: 8px 0px 0px 10px;
    transition: all 0.5s;
}

.section-last-posts .last-posts-inner .row-last-post .post-type:hover {
    background-color: #489a61;
    transition: all 0.5s;
}


.section-last-posts .last-posts-inner .row-last-post .title:hover {
    color: #2f7e97;
    transition: all 0.5s;
}

.section-last-posts .last-posts-inner .row-last-post .link-post {
    background-color: #70c88b;
    margin: 0;
    padding: 5px 10px 5px 10px;
    float: left;
    /*background-image: url('img/download-icon-2.png');*/
    background-repeat: no-repeat;
    background-position: 10px center;
    background-size: 20px;
    text-align: right;
    color: #fff;
    border-right: 4px solid #fff;
    border-left: 4px solid #fff;
    box-sizing: border-box;
    transition: all 0.5s;
}

.section-last-posts .last-posts-inner .row-last-post .link-post:hover {
    background-color: #50a86b;
    transition: all 0.5s;
}

.section-last-posts .last-posts-inner .row-last-post .link-post a:link,.section-last-posts .last-posts-inner .row-last-post .link-post a:visited {
    text-decoration: none;
    color: #fff;
}

.section-last-posts .last-posts-inner .row-last-post .icon-post {
    background-color: #f9f9f9;
    margin: 3px 0px 0px 0px;
    padding: 5px 10px;
    float: left;
    width: 30px;
    height: 20px;
    background-image: url('img/writing2.png');
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
}

.section-last-quests {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #ededee;
}

.section-last-quests .right-last-quests {
    width: 23%;
    margin: 0;
    padding: 50px 0px 50px 0px;
    float: right;
    font-family: IRANSans;
    direction: rtl;
    text-align: center;
}

.section-last-quests .right-last-quests h3 {
    color:#0784b9;
    margin: 0;
    padding: 10px 0px 10px 0px;
    font-size: 16pt;
}

.section-last-quests .right-last-quests a:link,.section-last-quests .right-last-quests a:visited {
    text-decoration: none;
    color:#0784b9 ;
    transition: all 0.5s;
}

.section-last-quests .right-last-quests a:hover {
    color: #1d2124;
    transition: all 0.5s;
}

.section-last-quests .right-last-quests .thumbnail-last-icon {
    margin: 0;
    padding: 15px 0px 0px 0px;
}
.section-last-quests .right-last-quests .thumbnail-last-icon img {
    width: 90%;
}


.section-last-quests .left-last-quests {
    width: 75%;
    margin: 0;
    padding: 50px 0px;
    float: left;
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
}

.section-last-quests .row-quest {
    margin: 18px 0px 0px 0px;
    padding: 6px 0px;
    background-color: #fff;
    border-radius: 10px;
    background-image: url('img/quest-icon.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 99% 8px;
    overflow: hidden;
}

.section-last-quests .row-quest .title-quest {
    float: right;
    margin: 0;
    padding: 0;
    word-spacing: -1.5px;
    color: #626262 !important;
    transition: all 0.5s;
}

.section-last-quests .row-quest .title-quest h3 {
    margin: 0px 33px 0px 10px;
    padding: 0;
    font-size: 12pt;
    font-weight: 300;
}

.section-last-quests .row-quest .title-quest:hover {
    color: #000 !important;
    transition: all 0.5s;
}

.section-last-quests .row-quest .date-quest {
    float: left;
    margin: 5px 0px 0px 10px;
    padding: 0;
    font-size: 8pt;
    color: #333;
}

.section-last-quests .row-quest .view-quest {
    float: left;
    margin: 3px 0px 0px 10px;
    padding: 0px 7px;
    background-color: #5bc0de;
    color: #fff !important;
    border-radius: 15px;
    text-align: center;
    font-size: 9pt;
    transition: all 0.5s;
}

.section-last-quests .row-quest .view-quest:hover {
    background-color: #449cb6;
    transition: all 0.5s;
}

.section-last-quests .row-quest .view-quest a:link,.section-last-quests .row-quest .view-quest a:visited {
    text-decoration: none;
    color: #fff;
}


.section-footer-page {
    width: 100%;
    margin: 0;
    padding: 0px 0px 30px 0px;
    background-color: #fff;
    background-image: url('img/background-footer.jpg');
    background-repeat: repeat-x;
    background-position: bottom;
    background-size: 76px 300px;
    position: relative;
    direction: rtl;
    border-top: 1px solid #eaeaea;
}

.section-footer-page .content-footer {
    margin: 0;
    padding: 0;
    font-family: IRANSans;
    text-align: right;
}

.footer-column-1 {
    width: 28%;
    margin: 0;
    padding: 80px 0px 30px 0px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    font-family: IRANSans;
    direction: rtl;
}

.footer-column-1 .footer-logo {
    margin: 0;
    padding: 0;
    text-align: right;
}

.footer-column-1 .footer-logo img {
    width: 80%;
    margin: 0;
    padding: 0;
}

.footer-column-1 h1 {
    display: none;
}

.footer-column-1 h2 {
    padding: 0;
    margin: 0;
    font-weight: 300;
    font-size: 16pt;
    color: #6f756f;
    text-align: center;
}

.footer-column-1 h3 {
    padding: 5px 0px 0px 0px;
    margin: 0;
    font-weight: 300;
    font-size: 14pt;
    letter-spacing: 6px;
    text-align: center;
}


.footer-column-2 {
    width: 18%;
    margin: 0px 3% 0px 0px;
    padding: 80px 0px 30px 0px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    direction: rtl;
}

.footer-column-2 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-column-2 ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #6f756f;
    /*font-weight: 300;*/
    font-size: 11pt;
    word-spacing: -1.5px;
}

.footer-column-2 ul li a:link,.footer-column-2 ul li a:visited {
    text-decoration: none;
    color: #6f756f;
}

.footer-column-2 ul li a:hover {
    text-decoration: none;
    color: #0f6674;
}

.footer-column-3 {
    width: 18%;
    margin: 0;
    padding: 80px 0px 30px 0px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    direction: rtl;
}

.footer-column-3 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-column-3 ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #6f756f;
    /*font-weight: 300;*/
    font-size: 11pt;
    word-spacing: -1.5px;
}

.footer-column-3 ul li a:link,.footer-column-3 ul li a:visited {
    text-decoration: none;
    color: #6f756f;
}

.footer-column-3 ul li a:hover {
    text-decoration: none;
    color: #0f6674;
}

.footer-column-4 {
    width: 18%;
    margin: 0;
    padding: 80px 0px 30px 0px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    direction: rtl;
}

.footer-column-4 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-column-4 ul li {
    list-style-type: none;
    margin: 0;
    padding: 0;
    color: #6f756f;
    /*font-weight: 300;*/
    font-size: 11.5pt;
    word-spacing: -1.5px;
}

.footer-column-4 ul li a:link,.footer-column-4 ul li a:visited {
    text-decoration: none;
    color: #6f756f;
}

.footer-column-4 ul li a:hover {
    text-decoration: none;
    color: #0f6674;
}

.footer-column-5 {
    width: 12%;
    margin: 0;
    padding: 80px 0px 30px 0px;
    display: inline-block;
    vertical-align: top;
    text-align: right;
    direction: rtl;
}

.footer-column-5 ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.footer-column-5 ul li {
    list-style-type: none;
    margin: 0;
    padding: 3px 0px;
    color: #6f756f;
    /*font-weight: 300;*/
    font-size: 11.5pt;
    word-spacing: -1.5px;
}

.footer-column-5 ul li img {
    width: 18px;
    vertical-align: top;
    margin: 0px 0px 0px 6px;
}

.footer-column-5 ul li a:link,.footer-column-5 ul li a:visited {
    text-decoration: none;
    color: #6f756f;
}

.footer-column-5 ul li a:hover {
    text-decoration: none;
    color: #ab8748;
}

.salavat-footer {
    width: 50%;
    margin: 0px auto;
    padding: 0;
    text-align: center;
}

.salavat-footer img {
    width: 40%;
}

.books-section {
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0;
    direction: rtl;
    text-align: right;
}

.books-section .title-main {
    margin: 20px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #2ca9ae;
    font-family: IRANSans;
    color: #fff;
    text-align: right;
}

.books-section .title-main h2 {
    padding: 0;
    margin: 0;
    font-size: 12.5pt;
    text-indent: 20px;
    direction: rtl;
}

.books-section .icon-list,.posts-section .icon-list {
    width: 24px;
    height: 24px;
    background-image: url('img/list.png');
    background-repeat: no-repeat;
    background-size: 16px;
    float: left;
    cursor: pointer;
    margin-left: 7px;
    margin-top: 2px;
    background-position: center;
}

.books-section .icon-thumbnail, .posts-section .icon-thumbnail {
    width: 24px;
    height: 24px;
    background-image: url('img/thumb.png');
    background-repeat: no-repeat;
    background-size: 16px;
    float: left;
    cursor: pointer;
    margin-left: 4px;
    margin-top: 2px;
    background-position: center;
}

.books-section .active-icon,.posts-section .active-icon {
    background-color: #248a8e;
}

.books-section .per_page {
    float: left;
    font-size: 8pt;
    margin:3px 0px 0px 7px;
    word-spacing: -1px;
}

.books-section .per_page select {
    font-family: IRANSans;font-size: 8pt;text-align: center;margin-right: 8px;
}

.books-section .books-box {
    text-align: right;
    padding-bottom: 20px;
}

.books-box .book-item {
    width: 18.9%;
    height: 280px;
    padding: 0;
    margin: 10px 1% 10px 0px;
    display: inline-block;
    /*float: right;*/
    text-align: center;
    vertical-align: top;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    box-shadow: 0px 0px 5px #f5f5f5;
    background-color: #fff;
    position: relative;
}

.books-box .book-item:nth-child(1),.books-box .book-item:nth-child(5n+6) {
    margin: 10px 0px 10px 0px;
}

.books-section .book-item .pic-book {
    width: 170px;
    margin: 10px auto;
    padding: 0;
    height: 170px;
    overflow: hidden;
}

.books-section .book-item .pic-book img {
    width: 100%;
    height: 100%;
    opacity: 0.7;
    transition: all 0.7s;
}


.books-section .book-item .pic-book img:hover {
    opacity: 1;
    transition: all 0.7s;
}

.books-section .book-item .title-book {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: IRANSans;
    direction: rtl;
}


.books-section .book-item .title-book h2 {
    margin: 0px 10px;
    padding: 0;
    font-size: 10pt;
    font-weight: 500;
    word-spacing: -1.5px;
}

.books-section .book-item .title-book a:link,.books-section .book-item .title-book a:visited {
    text-decoration: none;
    color: #585858;
    transition: all 0.5s;
}

.books-section .book-item .title-book a:hover {
    color: #001d26;
    transition: color 0.5s;
}

.books-section .book-item .btn-show-book {
    padding: 0;
    margin: 10px 0px 0px 0px;
    position: absolute;
    width: 100%;
    bottom: -10px;
    left: 0;
}

.books-section .book-item .btn-show-book a {
    width: 30px;
    height: 30px;
    padding: 0px 0px;
    margin: 0px 0px 0px 0px;
    background-color: #fff;
    /*color: #fff;*/
    border-radius: 50%;
    border: 1px solid #eaeaea;
    font-family: IRANSans;
    font-size: 10pt;
    display: inline-block;
    transition: all 0.7s;
}

.books-section .book-item .btn-show-book a:hover {
    background-color: #b3e0d2;
    transition: all 0.5s;
}

.books-section .book-item .btn-show-book a img {
    width: 24px;
    vertical-align: top;
    margin-top: 2px;
    opacity: 0.7;
    transition: all 0.5s;
}

.books-section .book-item .btn-show-book a img:hover {
    opacity: 1;
    transition: all 0.7s;
}

.books-section .book-item .btn-show-book a:hover {
    /*background-color: #e23434;*/
    transition: all 0.7s;
}

.books-section .book-item .btn-show-book a:link,.books-section .book-item .btn-show-book a:visited {
    text-decoration: none;
    color: #fff;
}

.books-list,.custom-section {
    width: 100%;
    margin: 7px 0px 20px 0px;
    padding: 0;
    direction: rtl;
    font-family: IRANSans;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.custom-section {
    margin-top: 15px;
}

.books-list .row-item ,.custom-section .row-item {
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0px;
}

.books-list .row-item:nth-child(odd) ,.custom-section .row-item:nth-child(odd) {
    background-color: #fafafa;
}

.books-list .row-item .updated-text ,.custom-section .row-item .updated-text {
    font-size: 8.5pt;font-weight: 100;text-align: left;float: left;margin-left: 10px;
}

.books-list .row-item .updated-date ,.custom-section .row-item .updated-date {
    color: #0c5460;
    font-weight: 500;
}


.row-weekly-sound {
    background-color:#307f9e;
    padding: 0px 10px;
    border-radius: 5px;
    color: #fff;
}

.books-list .row-item .post_type_into_inbox ,.custom-section .row-item .post_type_into_inbox {
    background-color: #aeb375;
    border-radius: 3px;
    padding: 1px 7px;
    font-size: 8pt;
    margin-left: 10px;
    color: #fff;
    font-weight: 300;
    display: inline-block;
}

.custom-section .row-item h2 a, .custom-section .row-item h2 a {
    display: inline-block;
}

.books-list .row-item h2 ,.custom-section .row-item h2 {
    padding: 0px 10px;
    margin: 0;
    font-weight: 500;
    font-size: 11pt;
    text-align: right;
    float: right;
}

.books-list .row-item .title-book .nav-doc,.custom-section .row-item .title-book .nav-doc {
    float: left;
    margin-left: 5px;
}

.books-list .row-item img ,.custom-section .row-item img {
    width: 22px;
    vertical-align: top;
    opacity: 0.7;
    margin-left: 3px;
    margin-right: 0px;
}



.books-list .row-item .btn-show-book img {
    opacity: 0.7;
    transition: all 0.5s;
}
.books-list .row-item .btn-show-book img:hover {
    opacity: 1;
    transition: all 0.5s;
}


.books-list .row-item .nav-doc img ,.custom-section .row-item .nav-doc img {
    opacity: 0.7;
    transition: all 0.8s;
}

.books-list .row-item .nav-doc img:hover {
    opacity: 1;
    transition: all 0.8s;
}

.doc-to-left {float: left;margin-left: 10px;}
.title-to-right {float: right;}

.books-list a:link,.books-list .row-item a:visited,.custom-section .row-item a:link,.custom-section .row-item a:visited {
    text-decoration: none;
    color: #1b1e21;
}

.content-section-posts .search-not-found {
    direction: rtl;
    font-family: IRANSans;
    padding: 20px 0px;
    margin: 0px 20px;
    color: #222;
    font-weight: 100;
    text-align: right;
}

.content-section-posts {
    width: 100%;
    margin: 0;
    padding: 0;
}

mark{
    background: #ffd500;
    color: black;
    padding:0px 4px;
    border-radius: 3px;
}

.single-book-section {
    width: 100%;
    margin: 15px 0px 20px 0px;
    padding: 0;
    direction: rtl;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 0px 5px #eaeaea;
    border-radius: 5px;
    box-sizing: border-box;
}


.single-book-section .title-book {
    border-bottom: 1px solid #eaeaea;
    text-indent: 15px;
}

.single-book-section .title-book h2 {
    padding: 8px 0px;
    margin: 0;
    font-size: 13.5pt;
    text-align: right;
    font-family: IRANSans;
    color: #333;
}



.single-book-section .details-book {
    width: 100%;
    margin: 0;
    padding: 10px 0px 20px 0px;
}

.single-book-section .details-book .pic-book {
    width: 15%;
    float: right;
    margin: 10px 20px 0px 0px;
    padding: 15% 0px 0px 0px;
    position: relative;
}

.single-book-section .details-book .pic-book img {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    box-sizing: border-box;
    border: 4px solid #eaeaea;
    border-radius: 5px;
}


.single-book-section .details-book .pic-book .icon-speech {
    width: 36px;
    height: 36px;
    position: absolute;
    bottom: -8px;
    left: 40%;
    z-index: 1001;
    background-size: contain;
    background-image: url('img/speech_stroke.png');
    background-repeat: no-repeat;
}


.single-book-section .details-book .pic-media {
    width: 20%;
    float: right;
    margin: 10px 20px 0px 0px;
    padding: 20% 0px 0px 0px;
    position: relative;
}

.single-book-section .details-book .pic-media img {
    width: 100%;
    height: 100%;
    position: absolute;
    top:0;
    left: 0;
    box-sizing: border-box;
    border: 4px solid #eaeaea;
    border-radius: 5px;
}

.single-book-section .book-main-box .nav-single-book {
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: IRANSans;
    font-size: 0;
}

.single-book-section .book-main-box .nav-single-book .nav-item {
    display: inline-block;
    background-color: #fff;
    padding: 10px 20px 6px 20px;
    margin: 0;
    text-align: right;
    color: #555;
    font-weight: 500;
    font-size: 11pt;
    border-left: 1px solid #eaeaea;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.7s;
}

.single-book-section .book-main-box .nav-single-book .nav-item img {
    width: 24px;
    margin: 0px 0px 0px 10px;
    vertical-align: top;
}

.single-book-section .book-main-box .nav-single-book .nav-item:hover {
    background-color: #2ca9ae;
    border-bottom: 4px solid #27969a;
    color: #fff;
    transition: all 0.7s;
}

.single-book-section .book-main-box .nav-single-book .active-item {
    background-color: #2ca9ae;
    border-bottom: 4px solid #27969a;
    color: #fff;
    text-shadow: 0px 2px 3px #27969a;
    font-weight: 700;
}

.single-book-section .book-main-box .comments-area {
    padding: 0px 20px 20px 20px;
}

.single-book-section .details-book .details-content-media {
    width: 74%;
    float: right;
    margin: 8px 20px 0px 0px;
    padding: 0;
    text-align: right;
    font-family: IRANSans;
    font-size: 10pt;
    color: #333333;
}

.details-content-media {
    width: 100%;
    float: none;
}

.pictures-gallery-media {
    margin: 0;
    padding: 0 20px 20px 20px;
    text-align: right;
    box-sizing: border-box;
    font-family: IRANSans;
    text-align: right;
    direction: rtl;
}


.pictures-gallery-media .picture-item {
    width: 23.5%;
    margin: 2% 0 0 1%;
    padding: 0;
    position: relative;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
    transition: all 0.3s;
}

.pictures-gallery-media .picture-item .pic-box {
    width: 100%;
    height: 263px;
    background-color: #f6f6f6;
    overflow: hidden;
    transition: all 0.3s;
}

.pictures-gallery-media .picture-item:hover > .pic-box {
    background-color: #2ca9ae;
    transition: all 0.6s;
}

.pictures-gallery-media .picture-item:hover > .pic-box img {
    opacity: 1;
    transition: all 0.6s;
}

.pictures-gallery-media .picture-item:hover > h3 span {
    background-color: #2ca9ae;
    color: #fff;
    transition: all 0.6s;
}

.pictures-gallery-media .picture-item img {
    width: 90%;
    max-height: 90%;
    margin: 5% 5% 0 0;
    opacity: 0.8;
    transition: all 0.3s;
}

.pictures-gallery-media .picture-item h3 {
    width: 100%;
    font-size: 10pt;
    font-weight: 500;
    word-spacing: -2px;
    padding: 0;
    margin: 0;
    text-align: center;
    position: absolute;
    bottom: -12px;
    color: #333;
}

.pictures-gallery-media .picture-item h3 span {
    background-color: #f6f6f6;
    border-radius: 25px;
    padding: 0px 13px;
    transition: all 0.3s;
}

.videos-gallery-media,.podcasts-gallery-media {
    padding: 0 20px 20px 20px;
    direction: rtl;
    font-family: IRANSans;
}

.videos-gallery-media .video-row,.podcasts-gallery-media .podcast-row {
    text-align: right;
    padding: 5px 0;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
}

.videos-gallery-media .video-row {
    background-image: url('img/video.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px;
}

.podcasts-gallery-media .podcast-row {
    background-image: url('img/speech2.png');
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 20px;
}

.videos-gallery-media .video-row h3,.podcasts-gallery-media .podcast-row h3 {
    padding: 0;
    margin: 0 20px;
    font-weight: 500;
    font-size: 11pt;
    text-indent: 10px;
}

.videos-gallery-media .video-row a:link,.videos-gallery-media .video-row a:visited {
    text-decoration: none;
    color: #0f4d5d;
}

.podcasts-gallery-media .podcast-row a:link,.podcasts-gallery-media .podcast-row a:visited {
    text-decoration: none;
    color: #0f4d5d;
}

.videos-gallery-media .video-row a:hover,.podcasts-gallery-media .podcast-row a:hover {
    color: #048ea3;
}

.single-book-section .details-book .details-content {
    width: 79%;
    float: right;
    margin: 8px 20px 0px 0px;
    padding: 0;
    text-align: right;
    font-family: IRANSans;
    font-size: 10pt;
    color: #333333;
}

.single-book-section .details-book .details-content .title {
    background-image: url('img/book.png');
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: top right;
}

.single-book-section .details-book .details-content .title .label-book {
    margin-right: 27px;
}

.single-book-section .details-book .details-content .author {
    margin: 3px 0px 0px 0px;
    background-image: url('img/pen.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right;
    font-size: 9.5pt;
}

.single-book-section .details-book .details-content .author .label-author {
    margin-right: 25px;
}

.single-book-section .details-book .details-content .date-box {
    margin: 3px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    text-align: right;
    background-image: url('img/calender.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right;
    font-size: 9.5pt;
}

.single-book-section .details-book .details-content .date-box .date-book {
    display: inline-block;
    margin-left: 15px;
}

.single-book-section .details-book .details-content .date-box .date-book .label-publish {
    margin-right: 25px;

}

.single-book-section .details-book .details-content .categories,.single-book-section .details-book .details-content-media .categories {
    padding: 5px 0px 0px 0px;
    background-image: url('img/category2.png');
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: right 4px;
}

.single-book-section .details-book .details-content .categories .label-category,.single-book-section .details-book .details-content-media .categories .label-category {
    margin-right: 25px;
}

.single-book-section .details-book .details-content .categories .cat-item,.single-book-section .details-book .details-content-media .categories .cat-item {
    background-color: #eaeaea;
    padding: 0px 8px;
    font-size: 8pt;
    margin: 0px 5px 5px 0px;
    color: #333;
    border-radius: 3px;
    display: inline-block;
    word-spacing: -1.5px;
    transition: all 0.5s;
}

.single-book-section .details-book .details-content .categories .cat-item a:link,.single-book-section .details-book .details-content .categories .cat-item a:visited,.single-book-section .details-book .details-content-media .categories .cat-item a:link,.single-book-section .details-book .details-content-media .categories .cat-item a:visited {
    text-decoration: none;
    color: #333;
}

.single-book-section .details-book .details-content .categories .cat-item:hover,.single-book-section .details-book .details-content-media .categories .cat-item:hover {
    background-color: #d1d1d1;
    transition: all 0.5s;
}

.single-book-section .details-book .details-content .file_doc_pdf_android_box {
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 7px 10px;
    margin: 10px 0px 0px 0px;
    border: 1px solid #ececec;
}

.single-book-section .details-book .details-content .link-file {
    margin: 10px 0px;
    font-size: 9pt;
    display: inline-block;
}

.single-book-section .details-book .details-content .pdf-link img,.single-book-section .details-book .details-content .doc-link img,.single-book-section .details-book .details-content .android-link img {
    width: 20px;
    vertical-align: top;
    margin-right: 10px;
}

.single-book-section .details-book .details-content .pdf-link span,.single-book-section .details-book .details-content .doc-link span,.single-book-section .details-book .details-content .android-link span {
    vertical-align: top;
}

.single-book-section .details-book .details-content .link-file a {
    background-color: #eaeaea;
    border-radius: 3px;
    padding: 3px 7px;
    font-weight: 500;
    margin: 0px 5px 0px 0px;
    transition: all 0.7s;
}

.single-book-section .details-book .details-content .link-file a:hover {
    background-color: #d73d3d;
    transition: all 0.7s;
}

.single-book-section .details-book .details-content .link-file a:link,.single-book-section .details-book .details-content .link-file a:visited  {
    text-decoration: none;
    color: #001d26;
}

.single-book-section .details-book .details-content .link-file a:hover {
    color: #fff;

}

.single-book-section .nav-content {
    border-top: 1px solid #eaeaea;
}

.single-book-section .content-book,.single-book-section .real-content-area {
    margin: 0px 0px 15px 0px;
    padding: 15px 20px 0px 20px;
    direction: rtl;
    text-align: justify;
    font-weight: 300;
    font-family: IRANSans;
}

.single-book-section #content,.single-book-section #real-content-area {
    width: auto;
}

.single-book-section .content-book p,.single-book-section .real-content-area p {
    margin: 0;
    padding: 10px 0px 0px 0px;
}

.cc-title-fehrest {
    padding: 20px 0 0 0;
    font-size: 14pt;
    font-weight: bold;
}

.cc-fehrest-list ul {
    padding: 0;
    margin: 0 13px;
}

.cc-fehrest-list h2,.cc-fehrest-list h3,.cc-fehrest-list h4,.cc-fehrest-list h5,.cc-fehrest-list h {
    font-size: 12pt;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.cc-fehrest-list h2 {
    font-size: 14pt;
    font-weight: 600;
}

.cc-fehrest-list ul li a:link,.cc-fehrest-list ul li a:visited {
    color: #0f74a8;
    transition: color 0.6s;
}

.cc-fehrest-list ul li a:hover {
    color: #111;
    transition: color 0.6s;
}

.cc-box-real-content h2.cc-cs-title {
    color: #e74c3c;
}

.cc-box-real-content .cc-cs-title {
    color: #27ae60;
}

.cc-form-search-content-search {
    position: relative;
    width: 60%;
}

.cc-form-search-content-search .cc-btn-search-book {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 7px;
    left: 5px;
    cursor: pointer;
    background-image: url('img/search-icon.png');
}

.cc-search-book-input {
    border: 1px solid #e0dfe3;
    padding: 10px 0;
    font-family: IRANSans;
    width: 100%;
    direction: rtl;
    text-indent: 15px;
    background-color: #f2f2f2;
}

.cc-besmellah-book {
    font-family: IRANSans;
    font-weight: bold;
    font-size: 15pt;
    padding: 20px 0 0 0;
    text-align: center;
}

.highlight {
    background-color: rgba(0,0,0,0.2);
}

.cc-content-area-page {
    width: 95%;
    margin: 30px auto;
    background-color: #fff;
    border-radius: 7px;
    box-shadow: 0 0 15px rgba(0,0,0,0.1);
    font-family: IRANSansFa;
    direction: rtl;
    text-align: right;
}

.cc-content-area-page .cc-toolbar-content {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
}

.cc-content-area-page .cc-toolbar-content .cc-font-plus,.cc-content-area-page .cc-toolbar-content .cc-font-minus {
    display: inline-block;
    width: 32px;
    height: 32px;
    background-color: #0e9a9e;
    border-radius: 4px;
    cursor: pointer;
    color: #fff;
    padding: 0;
    margin: 7px 0 0 0;
    overflow: hidden;
    vertical-align: top;
    font-size: 18pt;
    font-weight: bold;
    line-height: 1.5;
}

.cc-content-area-page .cc-toolbar-content .cc-form-search-toolbar {
    position: relative;
    width: 30%;
    margin: 0 auto 0 3px;
    display: inline-block;
    vertical-align: top;
}

.cc-content-area-page .cc-toolbar-content .cc-btn-search-book {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 7px;
    left: 5px;
    cursor: pointer;
    background-image: url('img/search-icon.png');
}

.cc-search-input-toolbar {
    border: 1px solid #e0dfe3;
    padding: 10px 0;
    font-family: IRANSans;
    width: 100%;
    direction: rtl;
    text-indent: 15px;
    background-color: #fff;
    box-shadow: 0 0 12px rgba(0,0,0,0.1);
    border-radius: 7px;
}


.cc-content-area-page .cc-content-area-inner {
    padding: 0 30px;
}

.cc-btn-show-full-page {
    text-align: center;
    padding: 30px 0 0 0;
}

.cc-btn-show-full-page a:link,.cc-btn-show-full-page a:visited {
    background-color: #d73d3d;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;
    padding: 3px 12px;
    transition: all 0.5s;
}

.cc-btn-show-full-page a:hover {
    background-color: #000;
    transition: all 0.5s;
}

.cc-title-book-content h2 {
    font-family: IRANSans;
    font-weight: bold;
    font-size: 15pt;
    padding: 10px 0 0 0;
    text-align: center;
    margin: 0;
}

.real-content-area .cc-cs-area-content h2,.real-content-area .cc-cs-area-content h3,.real-content-area .cc-cs-area-content h4,.real-content-area .cc-cs-area-content h5,.real-content-area .cc-cs-area-content h6 {
    margin-bottom: 0;
    padding-bottom: 0;
    text-align: right;
    font-size: 13pt;
    font-weight: 500;
}

.real-content-area .cc-cs-area-content h2 {
    font-size: 15pt;
    font-weight: 600;
}

.real-content-area .cc-cs-area-content .square {
    width: 10px;
    height: 10px;
    background-color: #555;
    display: inline-block;
    margin-left: 10px;
}

.real-content-area .cc-cs-text p {
    margin-top: 0;
    padding-top: 0;
}

.single-book-section .related-book {
    width: 100%;
    margin: 0;
    padding: 7px 0px 0px 0px;
    direction: rtl;
    text-align: justify;
    font-weight: 100;
    font-family: IRANSans;
    border-top: 1px solid #eaeaea;
}

.single-book-section .related-book .title-related {
    width: 100%;
    margin: 0;
    padding: 3px 0px;
    background-color: #aaaaaa;
    text-align: right;
    direction: rtl;
    font-family: IRANSans;
    color: #fff;
    font-weight: 500;
    font-size: 10pt;
    text-indent: 35px;
    background-image: url('img/bgclick.png');
    background-repeat: no-repeat;
    background-position: 99%;
    background-size: 24px;
}

.single-book-section .sounds-book {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    text-align: right;
    direction: rtl;
    font-family: IRANSans;
}

.single-book-section .sounds-book #soundbox {
    padding: 10px 15px 0px 15px;
}

.single-book-section .sounds-book .active {
    background-color: #ffebeb   !important;
}

.single-book-section .sounds-book .active {
    background-position: 99% !important ;
}

.single-book-section .sounds-book .active h3 {
    font-weight: bold !important;
    /*text-indent: 10px !important;*/
}

.single-book-section .sounds-book .active .number-sound {
    margin-right: 0px;
}

.single-book-section .sounds-book .active .row_quality {
    margin-left: 0px !important;
}

.single-book-section .sounds-book .title-sound-menu {
    width: 100%;
    margin: 0;
    padding: 5px 0px;
    background-color: #aaaaaa;
    text-align: right;
    direction: rtl;
    font-family: IRANSans;
    color: #fff;
    text-indent: 10px;
    font-weight: 500;
    font-size: 11pt;
}

.btn-sound-url {
    float: left;
    background-color: #2ca9ae;
    color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
    font-size: 10pt;
    margin-left: 10px;
    color: #fff !important;
}

.single-book-section .sounds-book .title-sound-menu img, .single-book-section .sounds-book .myrow-sound img {
    width: 24px;
    margin: 0px 0px 0px 5px;
    vertical-align: top;
}

.attach-section .sounds-book .myrow-sound h3 {
    text-indent: 0 !important;
}

.related-attach-post {
    font-size: 9pt;
    font-weight: 100;

}

.single-book-section .sounds-book .myrow-sound {
    margin: 0px 0px;
    padding: 6px 11px 7px 11px;
    border-bottom: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    /*background-image: url('img/arrow2.png');*/
    background-repeat: no-repeat;
    background-position: right;
}

.single-book-section .sounds-book .myrow-sound .excerpt-box {
    margin: 10px 0px 5px 0px;
    padding: 10px 15px;
    border: 1px solid #e8cdcd;
    border-radius: 5px;
    background-color: #fff;
    font-size: 10pt;
    font-weight: 100;
    word-spacing: -1px;
}

.single-book-section .sounds-book .myrow-sound .excerpt-btn-nav {
    float: left;
    background-color: #e4606d;
    border-radius: 25px;
    padding: 0px 10px;
    font-size: 9pt;
    margin-right: 5px;
    margin-top: 2px;
    color: #fff;
    cursor: pointer;
    transition: all 0.5s;
}

.single-book-section .sounds-book .myrow-sound .excerpt-btn-nav:hover {
    background-color: #c4a81d;
}

.single-book-section .sounds-book .myrow-sound .active-btn {
    background-color: #9fbd1a !important;
    transition: all 0.5s;
}

.single-book-section .sounds-book .myrow-sound .number-sound {
    float: right;
    background-color: #e2ba87;
    font-size: 9pt;
    padding: 3px 7px 0px 7px;
    border-radius: 5px;
}

.single-book-section .sounds-book .myrow-sound:first-child {
    border-top: 1px solid #eaeaea;
}

.single-book-section .sounds-book a:link,.single-book-section .sounds-book a:visited {
    text-decoration: none;
    color: #001d26;
}


.single-book-section .sounds-book .myrow-sound h3 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 10pt;
    float: right;
    text-indent: 10px;
    word-spacing: -1px;
}

.single-book-section .sounds-book  .myrow-sound .row_quality {
    float: left;
    background-color: #e4606d;
    border-radius: 25px;
    padding: 0px 10px;
    font-size: 9pt;
    margin-right: 5px;
    margin-top: 2px;
    transition: all 0.7s;
}

.single-book-section .sounds-book  .myrow-sound .row_quality:hover {
    background-color: #c4a81d;
    transition: all 0.7s;
}


.single-book-section .sounds-book  .myrow-sound .row_quality a:link,.single-book-section .sounds-book  .myrow-sound .row_quality a:visited {
    text-decoration: none;
    color: #fff;
}

.single-book-section .box-audio-related {
    margin: 0px;
    padding: 0px 0px 10px 0px;
    direction: rtl;
    font-family: IRANSans;
    text-align: right;
}

.single-book-section .box-audio-related .box-audio-related-item {
    margin: 0px 15px 0px 15px;
    padding: 5px 0px;
    border-bottom: 1px solid #eaeaea;
    background-image: url('img/arrow3.png');
    background-repeat: no-repeat;
    background-position: right;
    background-size: 18px;
}

.single-book-section .box-audio-related .box-audio-related-item h4 {
    padding: 0;
    margin: 0px 24px 0px 0px;
    font-size: 10pt;
    font-weight: 500;
}

.single-book-section .box-audio-related .box-audio-related-item a:link,.single-book-section .box-audio-related .box-audio-related-item a:visited {
    text-decoration: none;
    color: #1b1e21;
}

.single-book-section .box-audio-related .box-audio-related-item a:hover {
    color: #e4606d;
    transition: all 0.5s;
}

.box-shadow {
    border: 1px solid #e3e3e3;
    box-shadow: 0px 0px 5px #e3e3e3;
    box-sizing: border-box;
}

.posts-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0;
    direction: rtl;
    font-family: IRANSans;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.posts-section .title-posts-page {
    background-color: #0f6674;
    color: #fff;
    font-family: IRANSans;
    direction: rtl;
    text-indent: 20px;
    text-align: right;
    padding: 5px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}

.posts-section .title-posts-page h2 {
    padding: 0;
    margin: 0;
    font-size: 12.5pt;
    text-indent: 20px;
    direction: rtl;
    float: right;

}

.title-posts-page .per_page {
    float: left;
    font-size: 8pt;
    margin:3px 0px 0px 7px;
    word-spacing: -1px;
}

.posts-section .post-item {
    border-bottom: 1px solid #eaeaea;
    text-align: right;
    padding: 5px 0px;
}

.posts-section .post-item:nth-child(2n){
    background-color: #f5f5f5;
}

.posts-section .post-item  .title-post img {
    width: 24px;
    vertical-align: top;
    opacity: 0.5;
    margin-left: 10px;
}

.posts-section .post-item h2 {
    margin: 0;
    padding: 0px 10px;
    font-size: 10pt;
    word-spacing: -1px;
    font-weight: 500;
}

.posts-section .post-item  .title-post a:link,.posts-section .post-item  .title-post a:visited {
    text-decoration: none;
    color: #0f6674;
    transition: all 0.6s;
}

.posts-section .post-item  .title-post a:hover {
    color: #1d2124;
    transition: all 0.6s;
}

.title-posts-page .per_page select {
    font-family: IRANSans;font-size: 8pt;text-align: center;margin-right: 8px;
}

.title-of-page {
    background-color: #229fb4;
    padding: 5px 0px;
    direction: rtl;
    text-align: right;
    text-indent: 20px;
    font-weight: bold;
    color: #fff;
    font-family: IRANSans;
    margin: 0px 0px 0px 0px;
}

.title-category-posts .per_page,.title-main .per_page,.title-of-page .per_page {
    float: left;
    font-size: 8pt;
    margin:3px 0px 0px 7px;
    word-spacing: -1px;
}

.title-category-posts .per_page select,.title-main .per_page select,.title-of-page .per_page select {
    font-family: IRANSans;font-size: 8pt;text-align: center;margin-right: 8px;
}

.background-white {
    background-color: #fff;
}

.nav-section-items {
    width: 100%;
    margin: 10px 0px 5px 0px;
    padding: 7px 0px 7px 0px;
    font-family: IRANSans;
    direction: rtl;
    /*background-color: #eaeaea;*/
    font-size: 10pt;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    text-align: right;
}

.nav-section-items .filter-item {
    display: inline-block;
    margin: 0px 5px 5px 0px;
    padding: 3px 10px;
    background-color: #24b0c2;
    border-radius: 5px;
    font-size: 10pt;
}

.nav-section-items .active-item {
    background-color: #09394d  !important;
}

.nav-section-items .filter-item a:link, .nav-section-items .filter-item a:visited {
    text-decoration: none;
    color: #fff;
}

.title-tag-post {
    width: 100%;
    margin: 5px 0px 0px 0px;
    padding: 5px 0px;
    text-align: right;
    direction: rtl;
    text-indent: 20px;
    background-color: #94ac8f;
    color: #fff;
    font-family: IRANSans;
}

.tags-list {
    margin: 10px 15px;
    padding: 0;
    direction: rtl;
}

.tags-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: right;
}

.tags-list ul li {
    list-style-type: none;
    border-radius: 2px;
    font-family: IRANSans;
    font-size: 10pt;
    /*float: right;*/
    display: inline-block;
    margin: 5px 2px 0px 0px;
    padding: 2px 3px 2px 3px;
    color: #bcb1a5;
    text-align: right;
}

.tags-list ul li::before {
    content: "# ";
    color: #048ea3;
}

.tags-list ul li a:link,.tags-list ul li a:visited {
    text-decoration: none;
    color: #5f574f;
    transition: all 0.5s;
}

.tags-list ul li a:hover {
    color: #e4606d;
    transition: all 0.5s;
}

.comments-form-box {
    width: 100%;
    margin: 15px 0px 0px 0px;
    padding: 0;
    direction: rtl;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-sizing: border-box;
    font-family: IRANSans;
}

.comments-form-box .title-send-comments-form {
    background-color: #bbbbbb;
    text-indent: 15px;
    text-align: right;
    font-weight: 100;
    padding: 3px 0px;
    color: #001d26;
}

.comments-form-box  .comments-form {
    padding-bottom: 15px;
    margin: 0px 15px;
}

.comments-form-box .comments-form .right-form {
    width: 49%;
    margin: 0;
    padding: 0;
    float: right;
}

.comments-form-box  .comments-form .left-form {
    width: 49%;
    margin: 0;
    padding: 0px 0px 15px 0px;
    float: left;
}

.comments-form-box .message-warning {
    background-color: #c45225;
    color: #fff;
    text-align: right;
    text-indent: 15px;
    padding: 5px 0px;
    margin: 15px;
}

.comments-form-box  .message-sending {
    background-color: #41a73a;
    color: #fff;
    text-align: right;
    text-indent: 15px;
    padding: 5px 0px;
    margin: 15px;
}

.comments-form-box  .comments-form .form-group {
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align: right;
}

.comments-form-box  .comments-form .form-group label {
    text-align: right;
    font-size: 8pt;
    font-weight: 100;
    color: #555;
    padding-right: 15px;
}

.comments-form-box  .comments-form .form-group input {
    width: 100%;
    padding: 8px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.comments-form-box  .comments-form .form-group textarea {
    width: 100%;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
    min-height: 188px;
    vertical-align: top;
}

.comments-form-box  .comments-form .form-group input.submit-btn {
    width: 100%;
    padding: 8px 0px;
    margin: 15px 0px 0px 0px;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #69893f;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
}

.comments-form-box  .comments-form .form-group .captchapic {
    float: left;
    margin: 0;
    padding: 5px 0px 0px 0px;
    width:40%;
    background-color: #d4d4d4;
    text-align: center;
}

.comments-form-box  .comments-form .form-group .captchapic img {
    height: 25px;
    margin: 0px auto;
    padding: 0;
    text-align: center;
}

.comments-form-box  .comments-form .form-group .captcha {
    width:58% !important;
    float: right
}

.comments-section {
    width: 100%;
    margin: 15px 0px 0px 0px;
    padding: 0;
    direction: rtl;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0px 0px 5px #e0e0e0;
    box-sizing: border-box;
    font-family: IRANSans;
}

.comments-section  .title-list-comments {
    background-color: #bbbbbb;
    text-indent: 15px;
    text-align: right;
    font-weight: 100;
    padding: 3px 0px;
    color: #00014b
}

.comments-section .comments-list-box{
    padding: 5px 0px;
}

.comments-section .comments-list-box .comment-box {
    margin: 15px;
    padding: 15px;
    border: 1px solid #eaeaea;
    position: relative;
}

.comments-section .comments-list-box .comment-box .details-comment {
    font-family: IRANSans;
    text-align: right;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment {
    width:85%;
    float: right;
    margin: 0;
    padding: 0;
}

.comments-section .comments-list-box .comment-box .details-comment .left-detail-comment {
    width:15%;
    float: right;
    margin: 0;
    padding: 0;
    text-align: right;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment img {
    width: 32px;
    vertical-align: top;
    float: right;
}

.comments-section .comments-list-box .comment-box .details-comment .left-detail-comment img {
    width: 20px;
    vertical-align: top;
    float: left;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment .name-comment {
    text-indent: 10px;
    font-weight: 300;
    font-size: 9.7pt;
}

.comments-section .comments-list-box .comment-box .details-comment .right-detail-comment .time-comment {
    text-indent: 10px;
    font-weight: 100;
    font-size: 8pt;
}

.comments-section .comments-list-box .comment-box .text-comment {
    text-align: justify;
    font-weight: 100;
    font-size: 10pt;
    word-spacing: -1px;
    padding-top: 10px;
}

.comments-section .comments-list-box .comment-box .text-comment p {
    padding: 0;
    margin: 0;
}

.comments-section .comments-list-box .reply-box {
    background-color: #fafafa;
}

.comments-section .comments-list-box .reply-box > .reply-box {
    background-color: #fff;
}

.comments-section .comments-list-box .reply-comment-btn {
    position: absolute;
    bottom: -10px;
    left: 20px;
    background-color: #ccc;
    font-size: 7.5pt;
    word-spacing: -2px;
    cursor: pointer;
    padding: 2px 7px;
}

.comments-section .comments-list-box .reply-close {
    position: absolute;
    bottom: -10px;
    right: 20px;
    background-color: #e84646;
    font-size: 7.5pt;
    word-spacing: -2px;
    cursor: pointer;
    padding: 2px 7px;
    color: #fff;
}

.contents-quests-list {
    position: relative;
}

.position-relative {
    font-family: IRANSans;
    position: relative;
}

.quests-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0;
    direction: rtl;
    font-family: IRANSans;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
    position: relative;
}

.quests-section .title-archive {
    font-family: IRANSans;
    text-align: right;
    direction: rtl;
    background-color: #0f6674;
    color: #fff;
    text-indent: 20px;
    padding: 7px 0px;
    margin: 0px 0px 0px 0px;
    font-weight: 700;
}

.quests-section .title-archive .per_page {
    float: left;
    font-size: 8pt;
    margin:3px 0px 0px 7px;
    word-spacing: -1px;
}

.quests-section .title-archive .per_page select {
    font-family: IRANSans;font-size: 8pt;text-align: center;margin-right: 8px;
}



.quest-panel .quest-item , .quests-section .quest-item {
    border-bottom: 1px solid #eaeaea;
    padding: 5px 0px;
    margin: 0px 15px;
}

.quests-section .quest-item .quest-qa-box {
    display: none;
}

.content-export-quest .quest-item .quest-qa-box {
    display: block;
}

.content-export-quest .quest-item .title-quest {
    border-bottom: 3px solid #eaeaea;
    padding: 0 0 5px 0;
}

.content-export-quest .quest-item .quest-qa-box .number {
}

.content-export-quest .quest-item .quest-qa-box .content-question {
    margin: 0px 15px;
    padding: 5px 0px;
    font-family: IRANSans;
    direction: rtl;
    font-weight: 100;
    font-size: 12pt;
    text-align: right;
}

.content-export-quest .quest-item .quest-qa-box .content-question .title-quest-label {
    background-color: #a2b64b;
    color: #fff;
    border-radius: 25px;
    padding: 2px 10px;
    margin: 10px 0px 0px 0px;
    font-weight: 300;
    float: right;
    font-size: 10.5pt;
    text-align: center;
}

.content-export-quest .quest-item .quest-qa-box .content-question p {
    padding: 5px 0px;
    margin: 0;
}

.content-export-quest .quest-item .quest-qa-box .content-answer {
    margin: 0px 15px;
    padding: 5px 0px 15px 0px;
    font-family: IRANSans;
    direction: rtl;
    font-weight: 300;
    font-size: 12pt;
    text-align: right;
}

.content-export-quest .quest-item .quest-qa-box .content-answer p, .content-export-quest .quest-item .quest-qa-box .content-question p , .content-export-quest .quest-item .quest-qa-box .content-answer span, .content-export-quest .quest-item .quest-qa-box .content-question span , .content-export-quest .quest-item .quest-qa-box .content-answer div, .content-export-quest .quest-item .quest-qa-box .content-question div{
    font-family: IRANSans !important;
}

.content-export-quest .quest-item .quest-qa-box .content-answer .title-answer-label {
    background-color: #a2b64b;
    color: #fff;
    border-radius: 25px;
    padding: 2px 10px;
    margin: 10px 0px 0px 0px;
    font-weight: 300;
    float: right;
    font-size: 10.5pt;
    text-align: center;
}

.quest-panel .quest-item .title-quest, .quest-item .title-quest {
    margin: 0;
    padding: 0;
}

.quest-panel .quest-item h2, .quests-section .quest-item h2 {
    padding: 0;
    margin: 0;
    font-weight: 500;
    font-size: 11pt;
    text-align: right;
}

.quests-section .quest-item a:link,.quests-section .quest-item a:visited,.quest-panel .quest-item a:link,.quest-panel .quest-item a:visited {
    text-decoration: none;
    color: #1b1e21;
}

.quest-panel .quest-item .number, .quests-section .quest-item .number {
    background-color: #eee;
    float: right;
    border-radius: 5px;
    color: #346f94;
    padding: 3px 10px 0px 10px;
    margin: 0px 0px 0px 10px;
    font-size: 8.5pt;
    box-shadow: inset 0px 0px 7px #ddd;
    border: 1px solid #ddd;
    font-weight: 500;
    transition: all 0.5s;
}

.quest-panel .quest-item .number:hover, .quests-section .quest-item .number:hover {
    background-color: #346f94;
    color: #eee;
    box-shadow: none;
    border-color: #fff;
    transition: all 0.7s;
}

.left-item-nav {
    float: left;
    margin: 0px 0px 5px 10px;
    padding: 3px 10px;
    background-color: #379e24;
    border-radius: 5px;
    font-size: 10pt;
}

.left-item-nav-inline {
    margin: 0px 5px 5px 0px;
    padding: 3px 10px;
    background-color: #379e24;
    border-radius: 5px;
    font-size: 10pt;
    display: inline-block;
}

.left-item-nav a:link,.left-item-nav a:visited,.left-item-nav-inline a:link,.left-item-nav-inline a:visited {
    text-decoration: none;
    color: #fff;
}

.pdf-quests-export,.pdf-quests-export-sp {
    cursor: pointer;
    color: #fff;
}

.left-btn-export-search-quest {
    margin: 0px 5px 5px 0px;
    padding: 0px 10px 2px 10px;
    background-color: #f12a47;
    border-radius: 5px;
    font-size: 9pt;
    color: #fff;
    position: absolute;
    left: 30px;
    bottom: -15px;
    cursor: pointer;
}

.left-top-btn-export-search-quest {
    margin: 0px 5px 5px 0px;
    padding: 0px 10px 2px 10px;
    background-color: #f12a47;
    border-radius: 5px;
    font-size: 9pt;
    color: #fff;
    position: absolute;
    left: 30px;
    top: 25px;
}

.find-quest-id-single-question {
    margin: 20px 0px 0px 0px;
    padding: 10px 20px 10px 12px;
    direction: rtl;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
    font-family: IRANSans;
    border-radius: 5px;
    display: flex;
    flex-direction: row;
}

.find-quest-id-single-question .label {
    padding: 2px 0px 0px 6px;
    color: #555;
    font-weight: 300;
    text-align: right;
    height: 30px;
    overflow: hidden;
    font-size: 10pt;
    word-spacing: -2px;
}

.find-quest-id-single-question .input-id {
    text-align: right;
    flex: 80%;
}

.find-quest-id-single-question .submit-input {
    margin: 1px 0px 0px 0px;
    text-align: left;
}

.find-quest-id-single-question .submit-input input {
    width: 95%;
    background-color: #328e84;
    border: none;
    color: #fff;
    font-family: IRANSans;
    padding: 2px 15px;
    cursor: pointer;
    font-size: 11pt;
    border-radius: 5px;
}



.find-quest-id-single-question .input-id input {
    width: 100%;
    padding: 4px 20px;
    margin: 0;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.margin-top-10px {
    margin-top: 10px !important;
}

.single-quest-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 15px 0px;
    direction: rtl;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.single-quest-section .title-quest {
    width: 100%;
    margin: 0;
    padding: 8px 0px;
    background-color: #328e84;
    color: #fff;
    text-indent: 15px;
    text-align: right;
    font-family: IRANSans;
}

.single-quest-section .title-quest h2 {
    margin: 0;
    padding: 0;
    font-weight: 500;
    font-size: 13.5pt;
}

.single-quest-section .content-question {
    margin: 0px 15px;
    padding: 5px 0px;
    font-family: IRANSans;
    direction: rtl;
    font-weight: 100;
    font-size: 12pt;
    text-align: right;
}

.single-quest-section .content-question .title-quest-label {
    background-color: #a2b64b;
    color: #fff;
    border-radius: 25px;
    padding: 2px 10px;
    margin: 10px 0px 0px 0px;
    font-weight: 300;
    float: right;
    font-size: 10.5pt;
    text-align: center;
}

.single-quest-section .content-question p {
    padding: 5px 0px;
    margin: 0;
}

.single-quest-section .content-answer {
    margin: 0px 15px;
    padding: 5px 0px 15px 0px;
    font-family: IRANSans;
    direction: rtl;
    font-weight: 300;
    font-size: 12pt;
    text-align: right;
}

.single-quest-section .content-answer .title-answer-label {
    background-color: #a2b64b;
    color: #fff;
    border-radius: 25px;
    padding: 2px 10px;
    margin: 10px 0px 0px 0px;
    font-weight: 300;
    float: right;
    font-size: 10.5pt;
    text-align: center;
}

.single-quest-section .details-quest {
    margin: 0px 15px 0px 15px;
    padding: 10px 0px 15px 0px;
    font-size: 8.5pt;
    font-weight: 300;
}

.single-quest-section .details-quest .detail-row {
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: IRANSans;
    font-weight: 300;
}


.single-quest-section .details-quest .detail-row .cat-quest-item {
    background-color: #eaeaea;
    padding: 0px 8px;
    font-size: 8pt;
    margin: 0px 5px 5px 0px;
    color: #333;
    border-radius: 3px;
    display: inline-block;
    word-spacing: -1.5px;
    transition: all 0.5s;
}

.single-quest-section .details-quest .detail-row .cat-quest-item:hover {
    background-color: #d1d1d1;
    transition: all 0.7s;
}

.single-quest-section .details-quest .detail-row .cat-quest-item a:link, .single-quest-section .details-quest .detail-row .cat-quest-item a:visited {
    text-decoration: none;
    color: #333;
}

.single-quest-section .details-quest .detail-row .export-to-print {
    background-color: #d24a4a;
    border-radius: 5px;
    padding: 0px 7px;
    margin: 5px 0 0 0;
    color: #fff;
    font-size: 8pt;
    cursor: pointer;
    float: right;

}

.single-quest-section .details-quest .detail-row .font-size-box {
    background-color: #adbab6;
    border-radius: 5px;
    padding: 0px 7px 0px 7px;
    margin: 5px 8px 0 0;
    color: #fff;
    font-size: 14pt;
    font-weight: bold;
    cursor: pointer;
    line-height: 0.8;
    float: right;
}

.single-quest-section .details-quest .detail-row .font-size-box .label-font-size {
    margin:5px 0 0 0;
    font-weight: 300;
    font-size: 8.5pt;
    color: #fff;
}

.single-quest-section .details-quest .detail-row .font-size-box .label-font-size:hover {
    color: #fff;
}

.single-quest-section .details-quest .detail-row .font-size-box span {
    margin: 3px 10px 0 8px;
    display: block;
    float: right;
    user-select: none; /* supported by Chrome and Opera */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
}

.single-quest-section .details-quest .detail-row .font-size-box span:hover {
    color: #000;
}

.single-quest-section .details-quest .detail-row .export-to-print span {
    font-size: 7pt;
    color: #fff;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
    border-radius: 3px;

}

.single-quest-section .details-quest .detail-row .cc-next-btn-quest,.single-quest-section .details-quest .detail-row .cc-prev-btn-quest {
    background-color: #2ca9ae;
    border-radius: 5px;
    padding: 0px 10px 0px 10px;
    margin: 5px 8px 0 0;
    color: #fff;
    font-size: 9pt;
    cursor: pointer;
    line-height: 1.5;
    float: right;
    transition: background-color 0.4s;
}

.single-quest-section .details-quest .detail-row .cc-next-btn-quest {
    background-image: url('img/arrow_right2.png');
    background-size: 11px 11px;
    background-repeat: no-repeat;
    background-position: 95% center;
    text-align: left;
    text-indent: 8px;
}

.single-quest-section .details-quest .detail-row .cc-prev-btn-quest {
    background-image: url('img/arrow_left2.png');
    background-size: 11px 11px;
    background-repeat: no-repeat;
    background-position: 5% center;
    text-align: right;
    direction: ltr;
    text-indent: 8px;
}

.single-quest-section .details-quest .detail-row .cc-next-btn-quest:hover,.single-quest-section .details-quest .detail-row .cc-prev-btn-quest:hover {
    background-color: #107579;
    transition: background-color 0.5s;
}

.single-quest-section .content-answer p {
    padding: 5px 0px;
    margin: 0;
}

.single-quest-section .related-quest {
    width: 100%;
    margin: 0;
    padding: 0;
}

.single-quest-section .related-quest .title-related-quest {
    background-color: #2ca9ae;
    color: #fff;
    font-family: IRANSans;
    border-radius: 4px;
    direction: rtl;
    text-indent: 15px;
    font-weight: bold;
    padding: 3px 0;
    margin: 10px 0 0 0;
}

.single-quest-section .related-quest .title-related {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #b49b40;
    color: #fff;
    text-indent: 15px;
    text-align: right;
    font-family: IRANSans;
}

.single-quest-section .related-quest .content-related-box {
    width: 100%;
    margin: 0;
    padding: 0;
    font-family: IRANSans;
}

.single-quest-section .related-quest .content-related-box .related-row {
    margin: 0px 15px;
    padding: 5px 0px;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
}

.single-quest-section .related-quest .content-related-box .related-row img {
    width: 20px;
    vertical-align: top;
    margin-left: 5px;
}

.single-quest-section .related-quest .content-related-box .related-row h3 {
    padding: 0;
    margin: 0;
    font-size: 10.5pt;
    font-weight: 500;
}

.single-quest-section .related-quest .content-related-box .related-row a:link,.single-quest-section .related-quest .content-related-box .related-row a:visited {
    text-decoration: none;
    color: #1b1e21;
    transition: color 0.5s;
}

.quests-section .related-quest .content-related-box .related-row {
    margin: 0px 15px;
    padding: 5px 0px;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
}

.quests-section .related-quest .title-related-quest {
    background-color: #2ca9ae;
    color: #fff;
    font-family: IRANSans;
    border-radius: 25px;
    direction: rtl;
    text-indent: 15px;
    font-weight: 500;
    padding: 3px 0;
    margin: 10px 0 0 0;
}


.quests-section .related-quest .content-related-box .related-row h3 {
    padding: 0;
    margin: 0;
    font-size: 10.5pt;
    font-weight: 500;
}

.quests-section .related-quest .content-related-box .related-row a:link,.quests-section .related-quest .content-related-box .related-row a:visited {
    text-decoration: none;
    color: #1b1e21;
    transition: color 0.5s;
}



.single-quest-section .related-quest .content-related-box .related-row a:hover {
    color: #e4606d;
    transition: color 0.5s;
}

.single-quest-section .nav-single-quest {
    margin: 0;
    padding: 0;
    text-align: right;
    font-family: IRANSans;
    border-bottom: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
    font-size: 0;
}

.single-quest-section .nav-single-quest .nav-item {
    display: inline-block;
    background-color: #fff;
    padding: 10px 20px 6px 20px;
    margin: 0;
    text-align: right;
    color: #555;
    font-weight: 500;
    font-size: 11pt;
    border-left: 1px solid #eaeaea;
    border-bottom: 4px solid #fff;
    box-sizing: border-box;
    cursor: pointer;
    transition: all 0.7s;
}

.single-quest-section .nav-single-quest .nav-item img {
    width: 24px;
    margin: 0px 0px 0px 10px;
    vertical-align: top;
}

.single-quest-section .nav-single-quest .nav-item:hover {
    background-color: #2ca9ae;
    border-bottom: 4px solid #27969a;
    color: #fff;
    transition: all 0.7s;
}

.single-quest-section .nav-single-quest .active-item {
    background-color: #2ca9ae;
    border-bottom: 4px solid #27969a;
    color: #fff;
    text-shadow: 0px 2px 3px #27969a;
    font-weight: 700;
}

.send-quest-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0;
    font-family: IRANSans;
    direction: rtl;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.send-quest-section .title-send-quest {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    background-color: #2c9980;
}

.send-quest-section .title-send-quest h2 {
    margin: 0;
    padding: 3px 0px;
    font-weight: 500;
    font-size: 14pt;
    text-align: right;
    text-indent: 20px;
    color: #fff;
}

.send-quest-section .title-search-quest {
    float: right;
    margin: 5px 0px 0px 0px;
    padding: 0;
    background-color: #40afaf;
}

.send-quest-section .title-search-quest:hover {
    background-color: #1faa32;
    transition: all 0.8s;
}

.send-quest-section .title-search-quest h3 {
    margin: 0;
    padding: 3px 15px;
    font-weight: 500;
    font-size: 11pt;
    text-align: center;
    color: #fff;
}

.send-quest-section .find-desc-quest {
    direction: rtl;
}

.send-quest-section .find-desc-quest p {
    text-align: right;
    font-weight: 100;
    font-size: 11pt;
}

.send-quest-section .title-search-quest a:link,.send-quest-section .title-search-quest a:visited {
    text-decoration: none;
    color: #fff;
}

.send-quest-section .form-send-quest {
    margin: 0px 20px;
    padding: 0px 0px 20px 0px;
}

.send-quest-section .form-send-quest  .form-group {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    text-align: right;
}

.send-quest-section .form-send-quest  .form-group label {
    text-align: right;
    font-size: 8pt;
    font-weight: 100;
    color: #555;
    padding-right: 15px;
}

.send-quest-section .form-send-quest  .form-group input {
    width: 100%;
    padding: 4px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.send-quest-section .form-send-quest  .form-group textarea {
    width: 100%;
    padding: 8px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
    min-height: 250px;
}

.send-quest-section .form-send-quest  .form-group select {
    width: 100%;
    padding: 4px 0px;
    margin: 0;
    text-indent: 5px;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.send-quest-section .form-send-quest  .form-group .submit-btn {
    width: 100%;
    padding: 8px 0px;
    margin: 15px 0px 0px 0px;
    border: 1px solid #ddd;
    background-color: #62a733;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
    font-weight: bold;
    font-size: 12pt;
}

.send-quest-section .form-send-quest  .right-quest-box {
    width: 48%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    float: right;
}

.send-quest-section .form-send-quest  .left-quest-box {
    width: 50%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    float: left;
}

.send-quest-section .form-send-quest  .right-quest-box p {
    font-family: IRANSans;
    padding: 15px 0px;
    margin: 0;
    font-weight: 100;
    font-size: 11pt;
    direction: rtl;
    text-align: right;
}

.send-quest-section .form-send-quest  .msg-row {
    width: 100%;
    margin: 7px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #d96464;
    color: #fff;
    text-align: right;
    text-indent: 10px;
    font-size: 10pt;
}
.send-quest-section .form-send-quest  .msg-row-ok {
    width: 100%;
    margin: 7px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #20bb30;
    color: #fff;
    text-align: right;
    font-size: 10pt;
}

.send-quest-section .form-send-quest  .msg-row-ok div {
    margin: 0px 15px;
}

.send-quest-section .form-send-quest  .msg-row-ok a:link,.send-quest-section .form-send-quest  .msg-row-ok a:visited {
    text-decoration: none;
    color: #000;
}

.send-quest-section .form-send-quest  .form-group .captchapic {
    float: left;
    margin: 0;
    padding: 5px 0px 0px 0px;
    width:20%;
    background-color: #d4d4d4;
    text-align: center;
}

.send-quest-section .form-send-quest  .form-group .captchapic img {
    height: 25px;
    margin: 0px auto;
    padding: 0;
    text-align: center;
}

.send-quest-section .form-send-quest  .form-group .captcha {
    width:78% !important;
    float: right
}

.box-pre-send-quest {
    direction: rtl;
    padding-bottom: 20px;
    /*min-height: 300px;*/
}

.box-pre-send-quest .box-select-category {
    padding: 15px 0px 10px 0px;
}

.box-pre-send-quest .text-select-category {
    padding: 15px 0px;
    color: #222;
}

.box-pre-send-quest .btn-select-category-quest {
    cursor: pointer;
    background-color: #15a565;
    border-radius: 5px;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    display: initial;
    font-weight: bold;
    font-size: 14pt;
}

.box-pre-send-quest .btn-send-quest {
    cursor: pointer;
    background-color: #e02534;
    border-radius: 5px;
    padding: 5px 15px;
    color: #fff;
    text-align: center;
    display: initial;
    font-weight: bold;
    font-size: 14pt;
}

.category-load-popup {
    direction: rtl;
}

.category-load-popup .btn-prepare-for-send-quest {
    margin: 10px 0px 5px 0px;
    padding: 5px 0px;
    background-color: #1d8909;
    color: #fff;
    text-indent: 15px;
    border-radius: 3px;
    font-family: IRANSans;
    text-align: center;
    direction: rtl;
    font-weight: bold;
    font-size: 13pt;
    cursor: pointer;
}


.pagination-box .pagination li {
    padding: 0px !important;
}

.pagination-box .pagination li a {
    padding: 5px 10px !important;
}

.pagination-box .pagination li a.active {
    padding: 5px 10px!important;
    background-color: #1d8e15;
    color: #fff !important;
}

.pagination {
    list-style: none;
    margin: 20px 0px 25px 0px;
    padding: 0;
}

.pagination li {
    list-style: none;
    display: inline-block;
    color: black;
    margin: 0px 2px 8px 2px;
    padding: 0;
    border-radius: 5px;
    font-family: Arial;
    border: 1px solid #ddd;
}

.pagination li.active {
    background-color: #4CAF50;
    padding: 8px 16px;
    color: white;
}

.pagination li.disabled {
    padding: 8px 16px;
}

.pagination li:hover:not(.active) {background-color: #ddd;}

.pagination a {
    padding: 8px 16px;
    text-decoration: none;
    display: block;
}
.pagination span.empty-btn {
    padding: 5px 10px;
    text-decoration: none;
    display: block;
}


.pagination a:link,.pagination a:visited {
    text-decoration: none;
    color: #001d26;
}

.title-quest-get {
    background-color: #079977;
    padding: 5px 0px;
    font-weight: bold;
    text-align: right;
    text-indent: 15px;
    margin: 10px 0px 0px 0px;
    color: #fff;
}

.loading {
    width: 256px;
    height: 256px;
    margin: 0px auto;
    text-align: center;
    background-image: url('img/loading.gif');
    background-repeat: no-repeat;
    background-position: center;
}

/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.7); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    background-color: #fefefe;
    margin: 10% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 50%; /* Could be more or less, depending on screen size */
}

.modal-media {
    position: relative;
    background-color: #fefefe;
    margin: 3% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    max-width: 40%;
}

.slideshow-container {
    text-align: center;
}

.slideshow_image {
    width: 100%;
    height: 100%;
    object-fit: cover;
    overflow: hidden;
    transition: all 0.6s;
}

.slideshow_image img {
    width: 100%;
}

.btn-arrow-slide-media {
    top: 200px;
    background-color: #fff;
    padding: 10px;
    cursor: pointer;
    font-family: IRANSans;
    font-weight: bold;
    position: absolute;
}

.next-btn-media {
    right: 0;
}

.prev-btn-media {
    left: 0;
}

.modal-export-quest {
    background-color: #fefefe;
    margin: 5% auto; /* 15% from the top and centered */
    padding: 20px;
    border: 1px solid #888;
    width: 90%; /* Could be more or less, depending on screen size */
}

.title-modal {
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    text-align: right;
}

.modal-export-quest .img-header-modal {
    width: 100px;
    float: right;
    padding: 0;
    margin: 0;
}

.modal-export-quest .img-header-modal img {
    width: 100%;
    margin: 0;
    padding: 0;
}

.modal-export-quest .input-header-modal {
    width: 85%;
    float: left;
    padding: 7px 0px 0px 0px;
    margin: 0;
    text-align: left;
}

.modal-export-quest .input-header-modal select {
    margin: 0px 10px 0px 0px;
    padding: 2px 10px;
    border-radius: 5px;
    border:1px solid #eaeaea;
    font-family: IRANSans;
}

.modal-export-quest .input-header-modal .pdf-quest-export,.modal-export-quest .input-header-modal .print-quest-export,.pdf-quest-export-sp,.print-quest-export-sp {
    font-family: IRANSans;
    background-color: #9fb537;
    padding: 2px 10px;
    margin: 0px 10px 0px 0px;
    border: none;
    color: #fff;
    cursor: pointer;
}

.modal-export-quest .title-export-quest {
    font-family: IRANSans;
    padding: 5px 0px;
    margin: 0;
    border-bottom: 1px solid #eaeaea;
    font-size: 13pt;
    text-align: right;
}

/* The Close Button */
.close,.close_sp {
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 5%;
    top: 8%;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background-color: #f13e3e;
    width: 28px;
    height: 28px;
    border-radius: 16px;
    line-height: 1.2;
    text-align: center;
    cursor: pointer;
}

.close_slider_media {
    line-height: 1 !important;
}

.modal-quests .close {
    line-height: 1.2;
    left: 4%;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
    cursor: pointer;
}

.posts-by-category-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0;
    box-sizing: border-box;
    /*border: 1px solid #e3e3e3;*/
    /*background-color: #fff;*/
    /*box-shadow: 0px 0px 5px #e3e3e3;*/
}

.tab-posts-divider,.tab-quests-divider {
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
    padding: 8px 0 0 0;
    font-size: 0;
}

.tab-posts-divider .nav-post-item-divider,.tab-quests-divider .nav-quest-item-divider  {
    background-color: #aeb375;
    border-radius: 3px;
    padding: 1px 7px;
    font-size: 10pt;
    color: #fff;
    display: inline-block;
    margin: 0px 10px 10px 0px;
    cursor: pointer;
    font-weight: 500;
    position: relative;
}

.tab-posts-divider .active-item-nav,.tab-quests-divider .active-item-nav {
    background-color: #747846 !important;
}

.empty-result {
    padding: 50px 0px;
}

.title-category-posts {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #349468;
    font-family: IRANSans;
    color: #fff;
    text-align: right;
    direction: rtl;
}

.title-category-posts h2 {
    padding: 0;
    margin: 0;
    font-size: 12.5pt;
    text-indent: 20px;
    direction: rtl;
}

.posts-by-category-nav .nav-section-posts {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    background-color: #346f94;
    font-family: IRANSans;
    position: relative;
}

.arrow-active-item {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 45%;
    bottom: -5px;
    background-color: #246893;
    transform: rotate(45deg);
    display: none;
}

.arrow-active-inner {
    position: absolute;
    width: 10px;
    height: 10px;
    right: 40%;
    bottom: -5px;
    background-color: #747846 ;
    transform: rotate(45deg);
    display: none;
}

.posts-by-category-nav .nav-section-posts .nav-item {
    float: right;
    background-color: #2c77a7;
    border-left: 2px solid #246893;
    padding: 4px 10px;
    margin: 0;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.posts-by-category-nav .nav-section-posts .active-item {
    background-color: #246893 !important;
    color: #f3ed31 !important;
}


.posts-by-category-section .nav-section-posts {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    background-color: #346f94;
    font-family: IRANSans;
}

.posts-by-category-section .nav-section-posts .nav-item {
    float: right;
    background-color: #2c77a7;
    border-left: 2px solid #246893;
    padding: 4px 10px;
    margin: 0;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.posts-by-category-section .nav-section-posts .active-item {
    background-color: #246893 !important;
    color: #f3ed31 !important;
}

.posts-by-category-section .show {
    display: block !important;
}

.posts-by-category-section .box-cat-content,.content-item-inner-posts,.content-item-inner-quests,.content-item-inner-media {
    display: none;
}

.media-list-box {
    margin: 0;
    padding: 0;
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
}

.media-list-box .media-item {
    width: 32%;
    margin: 0 1.5% 20px 0;
    padding: 0px 0px 10px 0px;
    background-color: #fff;
    vertical-align: top;
    display: inline-block;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    position: relative;
}

.media-list-box .media-row:nth-child(1){
    border-top: 1px solid #eaeaea;
}

.media-list-box .media-row {
    width: 100%;
    padding: 5px 0px 5px 0px;
    background-color: #fff;
    border-left: 1px solid #eaeaea;
    border-right: 1px solid #eaeaea;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
}

.media-list-box .media-row .title-media {
    text-align: right;
    margin: 0;
    padding: 0;
}

.media-list-box .media-row .title-media h2::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: 9px 0 0 8px;
    background-color: #d5d5d5;
    vertical-align: top;
}

.media-list-box .media-row .title-media h2 {
    padding: 0;
    margin: 0 10px;
    font-size: 11pt;

}

.media-list-box .media-row.title-media h2 a:link,.media-list-box .media-row.title-media h2 a:visited {
    text-decoration: none;
    color: #444;
}

.media-list-box .media-item .btn-show-media {
    width: 75px;
    position: absolute;
    bottom: -10px;
    left: 40%;
    background-color: #3ab1a7;
    border-radius: 25px;
    text-align: center;
    color: #fff;
    font-size: 10.5pt;
    transition: all 0.5s;
}

.media-list-box .media-item .btn-show-media:hover {
    background-color: #25938a;
    transition: all 0.7s;
}

.media-list-box .media-item:nth-child(3n+1){
    margin-right: 0;

}

.media-list-box .media-item .pic-media {
    width: 90%;
    margin: 15px 5% 5px 5%;
    height: 326px;
    padding: 0;
    overflow: hidden;
    position: relative;
}

.media-list-box .media-item .pic-media .type-media {
    position: absolute;
    top: 30%;
    left: 30%;
    width: 128px;
    height: 128px;
    background-image: url('img/play_icon.png');
    background-repeat: no-repeat;
    background-position: center;
    /*background-size: 64px 64px;*/
    opacity: 0.6;
    cursor: pointer;
}

.media-list-box .media-item .pic-media img {
    width: 100%;
    opacity: 0.7;
    transition: all 0.5s;
}

.media-list-box .media-item .pic-media img:hover {
    opacity: 1;
    transition: all 0.7s;
}

.media-list-box .media-item .title-media {
    height: 58px;
    overflow: hidden;
    text-align: center;
    margin: 0;
    padding: 0;
}

.media-list-box .media-item .title-media h2 {
    padding: 0;
    margin: 0 10px;
    font-size: 11pt;

}

.media-list-box .media-item .title-media h2 a:link,.media-list-box .media-item .title-media h2 a:visited {
    text-decoration: none;
    color: #444;
}

.register-user-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0;
    font-family: IRANSans;
    direction: rtl;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.register-user-section .title-register-user {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0;
    background-color: #2c9980;
}

.register-user-section .title-register-user h2 {
    margin: 0;
    padding: 7px 0px;
    font-weight: 500;
    font-size: 14pt;
    text-align: right;
    text-indent: 20px;
    color: #fff;
}

.register-user-section .form-register-user {
    margin: 0px 20px;
    padding: 0px 0px 20px 0px;
    text-align: right;
}

.register-user-section .form-register-user input {
    width: 100%;
    padding: 8px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #f5f5f5;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.register-user-section .form-register-user label {
    text-align: right;
    font-size: 8pt;
    font-weight: 100;
    color: #555;
    padding-right: 15px;
}

.register-user-section .form-register-user .submit-btn {
    width: 100%;
    padding: 8px 0px;
    margin: 15px 0px 0px 0px;
    border: 1px solid #ddd;
    background-color: #62a733;
    border-radius: 3px;
    box-sizing: border-box;
    color: #fff;
    font-family: IRANSans;
    cursor: pointer;
    font-weight: bold;
    font-size: 12pt;
}

.register-user-section .form-register-user .form-group .captchapic {
    float: left;
    margin: 0;
    padding: 5px 0px 0px 0px;
    width:20%;
    background-color: #d4d4d4;
    text-align: center;
}

.captchapic {
    position: relative;
}

.captchapic .refresh-captcha {
    position: absolute;
    right: 4px;
    top: 4px;
    display: block;
    width: 30px;
    height: 30px;
    background-color: #fff;
    border-radius: 5px;
    cursor: pointer;
    background-image: url('img/refresh.png');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 20px;
}

.register-user-section .form-register-user .form-group .captchapic img {
    height: 25px;
    margin: 0px auto;
    padding: 0;
    text-align: center;
}

.register-user-section .form-register-user  .form-group .captcha {
    width:78% !important;
    float: right
}

.register-user-section .form-register-user .msg-row {
    width: 100%;
    margin: 7px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #d96464;
    color: #fff;
    text-align: right;
    text-indent: 10px;
    font-size: 10pt;
}
.register-user-section .form-register-user .msg-row-ok {
    width: 100%;
    margin: 7px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #20bb30;
    color: #fff;
    text-align: right;
    font-size: 10pt;
}

.register-user-section .form-register-user .msg-row-ok div {
    margin: 0px 15px;
}

.register-user-section .form-register-user .msg-row-ok a:link,.register-user-section .form-register-user .msg-row-ok a:visited {
    text-decoration: none;
    color: #000;
}

.search-quest-section {
    width: 100%;
    margin: 20px 0px 20px 0px;
    padding: 0px 0px 20px 0px;
    direction: rtl;
    font-family: IRANSans;
    box-sizing: border-box;
    border: 1px solid #e3e3e3;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e3e3e3;
}

.search-quest-section .title-search-quest {
    background-color: #0f6674;
    color: #fff;
    font-family: IRANSans;
    direction: rtl;
    text-indent: 20px;
    text-align: right;
    padding: 8px 0px;
    margin: 0px 0px 0px 0px;
}

.search-quest-section .title-search-quest h2 {
    margin: 0;
    padding: 0;
    font-size: 12pt;
    word-spacing: -1px;
}

.search-quest-section .form-search-quest {

}

.search-quest-section .form-search-quest  .form-group {
    margin: 0px 15px 0px 15px;
    padding: 0;
    text-align: right;
}

.search-quest-section .form-search-quest  .form-group label {
    text-align: right;
    font-size: 8pt;
    font-weight: 100;
    color: #555;
    padding-right: 15px;
}

.search-quest-section .form-search-quest  .form-group input {
    width: 100%;
    padding: 8px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.search-quest-section .form-search-quest  .form-group select {
    width: 100%;
    padding: 8px 0px;
    margin: 0;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.search-quest-section .form-search-quest  .form-group .submit-btn {
    background-color: #368d14;
    border: none;
    color: #fff;
    font-size: 14pt;
    cursor: pointer;
}

.search-quest-section .form-search-quest .form-group input.checkbox_search {
    width: auto;
    vertical-align: middle;
}

.btn-advanced-search .submit-search {
    width: 97% !important;
    background-color: #368d14 !important;
    border: none;
    color: #fff !important;
    font-size: 12.5pt;
    cursor: pointer;
    padding: 8px 0px;
    margin: 10px auto !important;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: IRANSans;
    text-align: center;
    text-indent: 0 !important;
}

.message-error {
    margin: 15px 15px;
    padding: 5px 0px;
    background-color: #d53030;
    color: #fff;
    text-indent: 15px;
    border-radius: 3px;
    text-align: right;
    direction: rtl;
    font-family: IRANSans;
}

.message-success{
    margin: 15px 15px;
    padding: 5px 0px;
    background-color: #1d8909;
    color: #fff;
    text-indent: 15px;
    border-radius: 3px;
    font-family: IRANSans;
    text-align: right;
    direction: rtl;
}

.msg-send-quset-ok {
    margin-top: 15px;
    font-family: IRANSans;
    direction: rtl;
    text-align: right;
    padding: 0px;
    font-size: 14pt;
    border: 1px solid #d7d7d7;
    border-radius: 25px;
    box-shadow: 0px 0px 5px #ccc;
    padding: 30px;
}

.msg-send-quset-ok .msg{
    background-color: #1a8daa;
    color: #fff;
    word-spacing: -1.5px;
    padding: 15px;
    border-radius: 5px;
    font-size: 12pt;

}

.msg-send-quset-ok .code-quest{
    background-color: #f16012;
    color: #fff;
    font-size: 14pt;
    border-radius: 5px;
    margin: 15px 0px;
    padding: 15px;
    font-weight:bold;
}

.msg-send-quset-ok .code-quest .code {
    background-color: #000;
    border-radius: 5px;
    color: #fff;
    padding: 0px 10px;
}

.msg-send-quset-ok .link-quest{
    background-color: #408d0c;
    color: #fff;
    padding: 15px;
    border-radius: 5px;


}

.msg-send-quset-ok .link-quest a:link,.msg-send-quset-ok .link-quest a:visited {
    text-decoration: none;
    color: #fff;
}


.title-search-posts {
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    background-color: #349468;
    font-family: IRANSans;
    color: #fff;
    text-align: right;
    direction: rtl;
}

.title-search-posts h2 {
    float: right;
    padding: 0;
    margin: 0;
    font-size: 12.5pt;
    text-indent: 20px;
    direction: rtl;
}

.title-advanced-link-search {
    margin: 1px 0px 0px 15px;
    padding: 0px 0px;
    background-color: #1f6d49;
    font-family: IRANSans;
    color: #fff;
    text-align: center;
    direction: rtl;
    float: left;
    border-radius: 5px;
}

.title-advanced-link-search h3 {
    padding: 2px 10px;
    margin: 0;
    font-size: 10pt;
    direction: rtl;
}

.title-advanced-link-search h3 a:link,.title-advanced-link-search h3 a:visited {
    text-decoration: none;
    color: #fff;
}

.weekly-row {
    margin: 0;
    padding: 20px 20px;
}

.weekly-row .title-weekly {
    padding: 5px 0px;
    background-color: #a4b940;
    color: #fff;
    direction: rtl;
    text-align: right;
    font-family: IRANSans;
    font-size: 12pt;
    font-weight: 500;
    text-indent: 20px;
    border-radius: 5px;
}

.row-quest-header {
    border-bottom: 1px solid #eaeaea;
    padding: 6px 0px 7px 0px;
    background-color: #124a53;
    text-align: right;
}

.row-quest-header .number-header {
    padding-right:20px;
    font-size: 10.5pt;
    font-weight: bold;
    color: #fff;
    text-align:right;
    direction:rtl;
}

.row-quest-header .title-header {
    padding-right:35px;
    border-radius:3px;
    font-size: 10.5pt;
    color: #fff;
    text-align:right;
    direction:rtl;
    font-weight: bold;
}

.view-span-quest {
    float: left;
    font-size: 8pt;
    font-weight: 100;
    padding-top: 5px;
}

.category-load-popup .search-word-quest {
    width: 100%;
    padding: 8px 0px;
    margin: 10px 0px 0px 0px;
    text-indent: 15px;
    border: 1px solid #ddd;
    background-color: #fafafa;
    border-radius: 3px;
    box-sizing: border-box;
    color: #222;
    font-family: IRANSans;
}

.title-panel {
    margin: 15px  0 15px 0;
    padding: 6px 0px;
    background-color: #86ad2b;
    color: #fff;
    font-family: IRANSans;
    font-size: 12pt;
    text-align: right;
    font-weight: bold;
    text-indent: 20px;
    direction: rtl;
    border-radius: 3px;
}

.panel-content {
    margin: 0 0 20px 0;
    padding: 0;
    background-color: #fff;
    border-radius: 3px;
    border: 1px solid #eaeaea;
    box-sizing: border-box;
    box-shadow: 0px 0px 20px #ddd;
    direction: rtl;
    font-family: IRANSans;
}

.panel-content .nav-panel {
    padding: 0;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
    font-size: 0;
}


.panel-content .nav-panel .nav-item-panel {
    padding: 5px 10px;
    display: inline-block;
    border-left: 1px solid #eaeaea;
    color: #555;
    font-size: 11.5pt;
    cursor: pointer;
    transition: all 0.8s;
}

.panel-content .nav-panel .nav-item-panel:hover {
    background-color: #86ad2b;
    color: #fff;
    transition: all 0.8s;
}

.panel-content .nav-panel .active-item-panel {
    background-color: #86ad2b !important;
    color: #fff !important;
}

.panel-content .main-content-panel {
    margin: 10px 15px;
    padding: 4px 0px 10px 0px;
    border-radius: 5px;
    border: 1px solid #eaeaea;
}

.dashboard-panel,.message-panel,.info-panel,.quest-panel{
    display: none;
}

.panel-content .show,.show {
    display: block !important;
}


.message-panel {
    margin: 0;
}

.user-data-content {
    margin: 20px;
    text-align: right;
    direction: rtl;
    font-weight: 300;
    font-size: 10.5pt;
}

.message-panel .message-item {
    margin: 0px 15px;
    padding: 4px 0px;
    border-bottom: 1px solid #eaeaea;
    text-align: right;
}

.message-panel .message-item h2 {
    padding: 0;
    margin: 0;
    font-size: 11pt;
    font-weight: 500;
}

.message-panel .message-item  .number {
    float: right;
    margin-left: 10px;
    background-color: #f2f2f2;
    font-size: 9pt;
}

.forgot-password-link {
    margin: 0;
    padding: 5px 0px 0px 0px;
    font-size: 10.5pt;
}

.forgot-password-link a:link,.forgot-password-link a:visited {
    color: #0f4d5d;
}

.info-panel {
    margin: 0px 15px !important;
    width: auto !important;
}

.info-panel .form-group input {
    background-color: #f7f7f7;
}

.info-panel .form-group input.disabled {
    background-color: #eaeaea;
    color: #777;
}

.required {
    font-size: 7pt;
    color: #e32b3d;
    padding: 0px 2px;
    font-weight: 300;
}

*:focus,textarea:focus, input:focus{
    outline: none !important;
}

.english-file-box {
    position: relative;
    background-color: #f9f9f9;
    border-radius: 3px;
    padding: 8px 10px 12px 10px;
    margin: 10px 0px 0px 0px;
    border: 1px solid #ececec;
}

.english-file-box .title-english-head {
    position: absolute;
    right: 30px;
    top: -16px;
    text-align: center;
    background-color: #fff;
    padding: 0 10px;
    font-weight: 500;
    border-radius: 10px;
}

.english-file-box .english-row-file {
    display: inline-block;
    margin: 7px 4px 0 3px;
}

.english-file-box .english-row-file h3 {
    font-family: IRANSans;
    font-size: 9pt;
    padding: 3px 10px;
    margin: 0;
    font-weight: normal;
    background-color: #eaeaea;
    font-weight: 500;
}


a:link,a:visited {
    text-decoration: none;
    color: #222;
}

.katibeh {
    width: 100%;
    height: 70px;
    background-image: url('img/katibeh.jpg');
    background-repeat: repeat-x;
    background-size: contain;
    padding: 0;
    margin: 0;
    overflow: hidden;
}