/*** Created by finalstar on 12/13/2016. */
@charset "utf-8";
/* CSS Document */
/*--------------------------------------------- font ----------------------------*/
@font-face {
    font-family: 'textFont';
    font-style: normal;
    font-weight: normal;
    src: url('includes/font/Anjoman-FaNum-Regular.woff') format('truetype');
}
@font-face {
    font-family: 'titleFont';
    font-style: normal;
    font-weight: normal;
    src: url('includes/font/Anjoman-FaNum-SemiBold.woff') format('truetype');
}
@font-face {
    font-family: 'enTextFont';
    src: url('includes/font/H_Medium.ttf');
}
@font-face {
    font-family: 'enTitleFont';
    src: url('includes/font/HelveticaCEBold.ttf');
}

/*--------------------------------------------- reset ----------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body{ line-height: 1; }
table { border-collapse: collapse; border-spacing: 0; }
input,button,textarea{ padding: 0; font-family: textFont; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

html,body{ width: 100%; height: 100%; direction: rtl; }
*{ box-sizing: border-box; }

.mainBox{ width: 100%; padding: 0 25px; margin: auto; position: relative; }
.mainBox2{ width: 100%; max-width: 1250px; padding: 0 50px; margin: auto; position: relative; }
.mainBox3{ width: 100%; max-width: 950px; padding: 0 25px; margin: auto; position: relative; }
@media only screen and (max-width: 1050px){
    .mainBox2{ padding: 0 25px; }
}

.marginTop{ margin-top: 80px; }
.marginTop2{ margin-top: 40px; }
.marginTop3{ margin-top: 20px; }
.marginTop4{ margin-top: 10px; }

.paddingTop{ padding-top: 80px; }
.paddingTop2{ padding-top: 40px; }
.paddingTop3{ padding-top: 20px; }
.paddingTop4{ padding-top: 10px; }

.paddingBoth{ padding: 80px 0; }
.paddingBoth2{ padding: 40px 0; }
.paddingBoth3{ padding: 20px 0; }
.paddingBoth4{ padding: 10px 0; }

::-webkit-input-placeholder{ opacity: 1; font-family: textFont; text-align: right; color: #bcbec0; }
:-moz-placeholder{ opacity: 1; font-family: textFont; text-align: right; color: #bcbec0; }
::-moz-placeholder{ opacity: 1; font-family: textFont; text-align: right; color: #bcbec0; }
::placeholder{ opacity: 1; font-family: textFont; text-align: right; color: #bcbec0; }
input[type="tel"],input[type="email"],input[type="password"]{ direction: ltr; }
input[type="email"]{ font-family: enTitleFont; }
input,textarea{ font-size: 14px; }
:required::-webkit-input-placeholder, :required:-moz-placeholder, :required::-moz-placeholder, :required::placeholder{ color: #e34242 !important; }

::-moz-selection { background: #f6ae00; color: #FFFFFF; }
::selection { background: #f6ae00; color: #FFFFFF; }
input::-moz-selection { background: #f1f1f1; color: #252525; }
input::selection { background: #f1f1f1; color: #252525; }

iframe{ max-width: 100%; display: block; }

.afterClear:after{ content: ""; display: block; clear: both; }
.ltext{ direction: ltr; display: inline-block; }
.enFont{ font-family: enTextFont !important; direction: ltr!important; }
.boldFont{ font-family: titleFont !important; }
a{ text-decoration: none; transition: all .3s cubic-bezier(0,0,0.58,1); }
.textAlignUnset{ text-align: unset !important; }

.likeIcon.active{ opacity: .2; }

.noResult{ line-height: 28px; margin: 30px 0; color: #e34242; font-family: titleFont; font-size: 17px; text-align: center; }
.okResult{ line-height: 28px; margin: 30px 0; color: #0ca100; font-family: titleFont; font-size: 17px; text-align: center; }

.CTACodeLeft{ text-align: left; }
.CTACode{ line-height: 34px; padding: 0 15px; border: none; font-family: titleFont; font-size: 12px; color: #ffffff !important; background: #005940; display: inline-block; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
.CTACode:hover{ background: #03c58f; }

.pointNote{ line-height: 24px; padding: 10px 5px; margin-top: 20px; font-family: titleFont; font-size: 13px; color: #005940; border: 1px solid #005940; text-align: center; }

/* comma */
.infoComma span:after{ content: "، "; display: inline-block; }
.infoComma span:last-child:after{ display: none; }

/* like view page */
#contentPageLikeBtn{ line-height: 24px; padding: 10px 0; font-family: titleFont; font-size: 14px; color: #ffffff; background: #005940; display: flex; align-items: center; justify-content: center; opacity: .3; transition: all .3s linear; }
#contentPageLikeBtn.active{ opacity: 1; }
#contentPageLikeBtn.active:hover{ background: #03c58f; cursor: pointer; }
#contentPageLikeBtn img{ width: 20px; margin: 0 0 0 3px; filter: brightness(0) invert(1); }

/* company color */
.companyColor{ color: #000000; }

/* page title 1 */
.pageTitle1{ line-height: 52px; font-family: titleFont; font-size: 26px; color: #005940; }
.pageTitle1.white{ color: #FFFFFF; }
.pageTitle1.center{ text-align: center; }

/* page title 2 */
.pageTitle2{ line-height: 52px; font-family: titleFont; font-size: 19px; color: #005940; }
.pageTitle2.white{ color: #FFFFFF; }
.pageTitle2.center{ text-align: center; }

/* page subtitle 1 */
.pageSubTitle1{ line-height: 20px; font-family: textFont; font-size: 14px; color: #808285; }
.pageSubTitle1.center{ text-align: center; }

/* before border */
.beforeBorder{ padding-right: 35px; position: relative; }
.beforeBorder:before{ content: ""; width: 30px; height: 1px; margin: auto; background: #005940; position: absolute; top: 0; bottom: 0; right: 0; display: block; }

.beforeDotBorder{ padding-right: 45px; position: relative; }
.beforeDotBorder:before{ content: ""; width: 30px; height: 1px; margin: auto; background: #005940; position: absolute; top: 0; bottom: 0; right: 0; display: block; }
.beforeDotBorder.white:before{ background: #ffffff; }
.beforeDotBorder:after{ content: ""; width: 5px; height: 5px; padding: 2px; margin: auto; background: #005940; background-clip: content-box; border: 1px solid #005940; border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 30px; display: block; }
.beforeDotBorder.white:after{ background: #ffffff; border-color: #ffffff; }

/* header */
#headerSpace{ height: 118px; }
header{ width: 100%; padding: 30px 0 40px 0; background: #ffffff; position: fixed; top: 0; right: 0; z-index: 999; }
header .mainBox{ display: grid; grid-template-columns: 200px auto 120px; grid-gap: 10px 60px; align-items: center; }

#headerLogo a{ display: block; }
#headerLogo a img{ width: 100%; display: block; }

#navMenuOpen,#navMenuClose,.hasSubMenuIcon{ display: none; }

nav{ display: flex; align-items: center; }
nav>section{ margin-left: 15px; position: relative; }
nav>section:last-child{ margin-left: 0; }
nav a{ line-height: 34px; font-family: titleFont; font-size: 12px; color: #878787; display: block; }
nav a:hover,nav a.active{ color: #03c58f; }

.navSubMenu1{ width: 180px; padding: 0 5px; margin-top: 20px; background: #ffffff; position: absolute; top: 100%; right: 0; opacity: 0; visibility: hidden; transition: all .3s cubic-bezier(0,0,0.58,1); }
.navSubMenu1>section{ border-bottom: 1px solid #a9a8aa; position: relative; }
.navSubMenu1>section:last-child{ border-bottom: none; }
nav>section:hover .navSubMenu1{ margin-top: 0; opacity: 1; visibility: visible; }

.navSubMenu2{ width: 180px; padding: 0 5px; margin-right: 27px; background: #ffffff; position: absolute; top: 0; right: 100%; opacity: 0; visibility: hidden; transition: all .3s cubic-bezier(0,0,0.58,1); }
.navSubMenu2>section{ border-bottom: 1px solid #a9a8aa; }
.navSubMenu2>section:last-child{ border-bottom: none; }
.navSubMenu1>section:hover .navSubMenu2{ margin-right: 7px; opacity: 1; visibility: visible; }

#headerOtherLink{ line-height: 24px; font-family: titleFont; font-size: 12px; color: #878787; display: flex; align-items: center; justify-content: flex-end; }

#headerSearchBox{ position: relative; }
#headerSearchBtn{ color: #878787; display: grid; grid-template-columns: 20px auto; grid-gap: 0 3px; align-items: center; cursor: pointer; transition: all .3s linear; }
#headerSearchBtn:hover{ color: #03c58f; }
#headerSearchForm{ width: 240px; height: 38px; margin-top: 10px; position: absolute; top: 100%; left: 0; display: none; }
#headerSearchForm form{ width: 100%; height: 100%; display: grid; grid-template-columns: auto 60px; align-items: center; }
#headerSearchForm form input{ width: 100%; height: 100%; padding: 0 5px; font-family: textFont; font-size: 14px; color: #878787; border: 1px solid #a9a8aa; background: #FFFFFF; display: block; }
#headerSearchForm form button{ width: 100%; height: 100%; font-family: titleFont; font-size: 14px; color: #FFFFFF; border: 1px solid #a9a8aa; background: #a9a8aa; display: block; cursor: pointer; transition: all .3s linear; }
#headerSearchForm form button:hover{ background: #03c58f; }

#headerOtherLink a{ margin-right: 15px; color: #878787; display: grid; grid-template-columns: 20px auto; grid-gap: 0 3px; align-items: center; }
#headerOtherLink a:hover{ color: #03c58f; }
#headerOtherLink a img{ width: 100%; display: block; }
@media only screen and (max-width: 1050px){
    header .mainBox{ grid-template-columns: 180px auto; grid-gap: 10px 10px; }
    #navMenuOpen{ width: 20px; margin-left: 15px; display: block; cursor: pointer; }

    nav{ width: 100%; height: 100%; padding: 60px 80px; background: #ffffff; position: fixed; top: 0; left: 100%; display: grid; grid-gap: 5px 0; align-content: flex-start; z-index: 99999999999; overflow: auto; transition: all .3s linear;}
    nav.open{ left: 0; }
    #navMenuClose{ width: 30px; height: 30px; padding: 5px; border: 1px solid #d9d9d9; border-radius: 50%; position: absolute; top: 20px; left: 40px; display: block; cursor: pointer; }
    nav>section{ padding: 0 10px; margin-left: 0; border: 1px solid #d9d9d9; }
    nav a{ font-size: 13px; }
    .hasSubMenuGrid{ display: grid; grid-template-columns: auto 40px; grid-gap: 0 10px; }
    .hasSubMenuIcon{ width: 100%; padding: 0 16px 0 6px; display: grid; align-items: center; cursor: pointer; }
    .hasSubMenuIcon img{ width: 100%; display: block; }
    .hasSubMenuIcon img:nth-child(2){ display: none; }
    .hasSubMenuIcon.open img:nth-child(1){ display: none; }
    .hasSubMenuIcon.open img:nth-child(2){ display: block; }
    .navSubMenu1{ width: 100%; padding: 0 25px 0 0; margin-top: 0; position: static; top: 100%; right: 0; display: none; opacity: 1; visibility: visible; transition: none; }
    .navSubMenu1>section{ border-bottom: none; }
    .navSubMenu1>section:before{ content: ""; width: 8px; height: 8px; background: #d9d9d9; position: absolute; top: 13px; right: -15px; display: block; }
    .navSubMenu2{ width: 100%; padding: 0 25px 0 0; margin-right: 0 !important; position: static; display: none; opacity: 1; visibility: visible; transition: none; }
    .navSubMenu2>section{ border-bottom: none; position: relative; }
    .navSubMenu2>section:before{ content: ""; width: 8px; height: 8px; background: #d9d9d9; border-radius: 50%; position: absolute; top: 13px; right: -15px; display: block; }
}
@media only screen and (max-width: 400px){
    header{ padding: 10px 0; border-bottom: 1px solid #d9d9d9; }
    header .mainBox{ grid-template-columns: 250px; justify-content: center; }
    #headerOtherLink{ justify-content: center; }
}

/* fixed link */
#fixedOtherLink{ transform-origin: 100% 0; transform: rotate(-90deg); white-space: nowrap; position: fixed; top: 137px; right: calc(100% - 25px); z-index: 7; }
#fixedOtherLink a{ line-height: 25px; margin-left: 15px; font-family: titleFont; font-size: 12px; color: #878787; }

#fixedSocial{ width: 30px; position: fixed; bottom: 20px; left: 25px; z-index: 7; }
#fixedSocial a{ margin-bottom: 2px; border: 1px solid #000000; border-radius: 50%; display: block; opacity: .5; }
#fixedSocial a:last-child{ margin-bottom: 0; }
#fixedSocial a:hover{ opacity: 1; }
#fixedSocial a img{ width: 100%; display: block; }

#fixedCalendarBtn{ line-height: 25px; height: 25px; margin: auto; font-family: titleFont; font-size: 12px; color: #878787; transform-origin: 100% 0; transform: rotate(-90deg); position: fixed; top: 137px; right: 50px; display: grid; grid-template-columns: 25px auto; grid-gap: 0 5px; align-items: center; z-index: 7; }
#fixedCalendarBtn img{ width: 100%; display: block; }
@media only screen and (max-width: 1050px){
    #fixedOtherLink,#fixedSocial,#fixedCalendarBtn{ opacity: 0; visibility: hidden; z-index: 999999999999; }
    #fixedOtherLink.show,#fixedSocial.show,#fixedCalendarBtn.show{ opacity: 1; visibility: visible; transition: all .3s linear; }
}

/* fixedBanner */
#fixedBanner{ width: 100%; height: 100%; background: #000000; position: fixed; top: 0; right: 0; display: flex; align-items: center; justify-content: center; z-index: 9999; }
#fixedBanner img{ max-width: 100%; max-height: 100%; display: block; }

/* index slider */
.indexSlideBox{ position: relative; }
.indexSlideImg{ width: 100%; display: block; }
.indexSlideImg img{ width: 100%; min-height: 280px; object-fit: cover; display: block; }
.bigSlideInfo{ max-width: 50%; padding: 30px 25px; margin: auto; background: #005940; position: absolute; bottom: 0; left: 0; z-index: 2; }
.bigSlideInfo h3{ line-height: 40px; font-family: titleFont; font-size: 19px; color: #FFFFFF; position: relative; opacity: 0; transform: translateY(40px); transition: all 1s cubic-bezier(0,0,0.58,1); }
.bigSlideInfo h3 a{ color: #FFFFFF; display: block; }
.bigSlideInfo h3 a:hover{ color: #03c58f; }

.indexSlideArrow{ width: 35px; height: 35px; padding-top: 12px; margin: auto; background: #ffffff; border-radius: 50%; position: absolute; bottom: 20px; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); z-index: 5; }
#indexSlideRight{ padding-right: 2px; right: 20px; }
#indexSlideRight:after{ content: ""; width: 3px; height: 3px; padding: 2px; margin: auto; border: solid #005940; border-width: 0 3px 3px 0; transform: rotate(-45deg); display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
#indexSlideLeft{ padding-left: 2px; right: 60px; }
#indexSlideLeft:after{ content: ""; width: 3px; height: 3px; padding: 2px; margin: auto; border: solid #005940; border-width: 0 3px 3px 0; transform: rotate(135deg); display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.indexSlideArrow:hover{ background: #878787; }
.indexSlideArrow:hover:after{ border-color: #ffffff !important; }

/* company Service */
#companyService{ background: #e6e7e8; }
#companyServiceGrid{ display: grid; grid-template-columns: repeat(7,1fr); grid-gap: 30px 30px; text-align: center; }
.companyServiceImg{ width: 60px; margin: auto; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.companyServiceTitle{ line-height: 24px; margin-top: 10px; font-family: titleFont; font-size: 15px; color: #005940; }
.companyServiceTxt{ line-height: 20px; margin-top: 10px; font-family: textFont; font-size: 12px; color: #878787; }
.companyServiceInfo:hover{ opacity: .5; }
.companyServiceInfo:hover .companyServiceImg{ transform: scale(1.2); }
@media only screen and (max-width: 950px){
    #companyServiceGrid{ grid-template-columns: repeat(3,1fr); }
}
@media only screen and (max-width: 700px){
    #companyServiceGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 390px){
    #companyServiceGrid{ grid-template-columns: 100%; }
}

/* index asar filter */
#indexAsarTitleGrid{ display: grid; grid-template-columns: auto 320px; grid-gap: 0px 10px; align-items: center; }
#indexAsarFilterBtnBox{ line-height: 24px; font-family: titleFont; font-size: 13px; color: #878787; display: grid; grid-template-columns: 90px auto; align-items: center; justify-content: flex-end; }
#indexAsarFilterBtn{ display: flex; align-items: center; }
#indexAsarFilterBtn section span{ transition: all .3s cubic-bezier(0,0,0.58,1); cursor: pointer; }
#indexAsarFilterBtn section span:hover{ color: #03c58f; }
#indexAsarFilterBtn section.active span{ color: #005940; opacity: .5; }
#indexAsarFilterBtn section:after{ content: "|"; margin: 0 5px; color: #878787; display: inline-block; }
#indexAsarFilterBtn section:last-child:after{ display: none; }
@media only screen and (max-width: 650px){
    #indexAsarTitleGrid{ grid-template-columns: 100% }
    #indexAsarFilterBtnBox{ justify-content: flex-start; }
}

/* asar list */
.asarListGrid{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 60px; }
.asarListBox{ position: relative; }
.asarListImg{ width: 100%; height: 200px; display: block; }
.asarListImg figure{ width: 100%; height: 100%; }
.asarListImg img{ width: 100%; height: 100%; object-fit: cover; display: block; }
.asarListTag{ line-height: 24px; padding: 0 15px; font-family: titleFont; font-size: 10px; color: #ffffff; background: rgba(0,89,64,.8); border-radius: 12px; position: absolute; top: 10px; left: 10px; display: block; z-index: 1; }
.asarListTag:hover{ background: #878787; }
.asarListInfo{ margin-top: 10px; display: grid; grid-template-columns: auto 100px; }
.asarListName{ line-height: 24px; font-family: titleFont; font-size: 13px; color: #005940; display: grid; grid-template-columns: 30px auto; grid-gap: 0 5px; align-items: center; transition: all .3s cubic-bezier(0,0,0.58,1); }
.asarListName:hover{ color: #03c58f; }
.asarListName img{ width: 100%; height: 30px; border-radius: 50%; object-fit: cover; display: block; }
.asarListBtn{ line-height: 20px; font-family: textFont; font-size: 13px; display: flex; align-items: center; direction: ltr; }
.asarListBtn img{ width: 20px; margin: 0 4px 0 10px; display: block; }
.asarListBtn img:first-child{ margin-left: 0; }
@media only screen and (max-width: 1050px){
    .asarListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 700px){
    .asarListGrid{ grid-template-columns: 100%; }
}

/* anjoman support */
#anjomanSupport{ background: #e6e7e8; }
#anjomanSupportSlide a{ display: block; }
#anjomanSupportSlide a img{ width: 100%; display: block; }

/* footer */
footer{ line-height: 24px; font-family: textFont; font-size: 13px; color: #ffffff; background: #005940; position: relative; overflow: hidden; }
footer:before{ content: ""; width: 220px; height: 220px; background-image: url("images/footerBg.png"); background-size: auto 100% !important; background-position: 100% 0 !important; background-repeat: no-repeat !important; position: absolute; bottom: -10px; right: 0; opacity: 1; display: block; }
footer.mainBox2{ z-index: 2; }
footer a{ color: #ffffff; display: inline-block; }
.contactInlineLink a:before{ content: "-"; margin: 0 5px; color: #FFFFFF; display: inline-block; }
.contactInlineLink a:last-child:before{ display: none; }
footer a:hover{ color: #03c58f; }
footer img{ width: 100%; display: block; }
#footerGrid{ display: grid; grid-template-columns: 250px auto 200px; grid-gap: 30px 150px; }
.footerHead{ line-height: 26px; margin-bottom: 20px; font-family: titleFont; font-size: 15px; color: #ffffff; }
#footerLogo{ filter: brightness(0) invert(1); }
#footerOtherLogo2{ display: none; }
#newsletterForm{ display: grid; grid-template-columns: auto 70px; }
#newsletterForm input{ height: 30px; padding: 0 5px; border: none; background: #ffffff; }
#newsletterForm button{ height: 30px; border: none; background: #03c58f; font-family: titleFont; font-size: 12px; color: #ffffff; text-align: center; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#newsletterForm button:hover{ background: #005940; }
#footerSocialBox{ font-size: 0; }
#footerSocialBox a{ width: 30px; margin-left: 5px; border: 1px solid #ffffff; border-radius: 50%; display: inline-block }
#footerSocialBox a:last-child{ margin-left: 0; }
#footerSocialBox a img{ width: 100%; filter: brightness(0) invert(1); display: block; transition: all .3s linear; }
#footerSocialBox a:hover{ background: #ffffff; }
#footerSocialBox a:hover img{ filter: none; }
@media only screen and (max-width: 1200px){
    #footerGrid{ grid-gap: 30px 50px; }
}
@media only screen and (max-width: 940px){
    #footerGrid{ grid-template-columns: 100%; justify-content: space-between; }
    #footerGrid>section:nth-child(1){ display: grid; grid-template-columns: 250px 200px; justify-content: space-between; }
    #footerLogo{ width: 100%; max-width: 250px; }
    #newslettersBox{ max-width: 500px; grid-column: 2 span; }
    #footerOtherLogo{ display: none; }
    #footerOtherLogo2{ max-width: 200px; display: block; }
}
@media only screen and (max-width: 600px){
    #footerGrid>section:nth-child(1){ grid-template-columns: 100%; grid-gap: 40px 0; }
    #newslettersBox{ grid-column: 1 span; }
}

/* footer strip */
#footerStrip{ line-height: 24px; font-family: enTitleFont; font-size: 12px; color: #008361; direction: ltr; text-align: center; }
#footerStrip a{ color: #008361; }
#footerStrip a:hover{ color: #ffffff; }

/* navigation & page Title */
#pageNavigation{ line-height: 20px; font-family: titleFont; font-size: 11px; color: #005940; text-align: left; }
#pageNavigation.white{ color: #ffffff; }
#pageNavigation a{ color: #005940; display: inline-block; }
#pageNavigation a:after{ content: "/"; margin: 0 2px; color: #005940; display: inline-block; }
#pageNavigation a:hover{ color: #03c58f; }

/* news list */
#newsListGrid{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 60px; }
.newsListInfo{ position: relative; }
.newsListImg{ display: block; overflow: hidden; }
.newsListImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.newsListImg:hover img{ transform: scale(1.2); }
.newsListTag{ line-height: 24px; padding: 0 15px; font-family: titleFont; font-size: 10px; color: #ffffff; background: rgba(0,89,64,.8); border-radius: 12px; position: absolute; top: 10px; left: 10px; display: block; z-index: 1; }
.newsListTag:hover{ background: #878787; }
.newsListDate{ line-height: 20px; margin-top: 10px; font-family: textFont; font-size: 13px; color: #878787; }
.newsListTitle{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.newsListTitle:hover{ color: #03c58f; }
@media only screen and (max-width: 1050px){
    #newsListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 700px){
    #newsListGrid{ grid-template-columns: 100%; }
}

/* paging */
#pagingBox{ display: grid; grid-template-columns: 25px 30px 2px 30px 25px; grid-gap: 0 7px; align-items: center; }
#pagingBox a{ display: block; }
#pagingBox a img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
#pagingBox section:first-child a:hover img{ transform: scale(1.2) translateX(10px); }
#pagingBox section:last-child a:hover img{ transform: scale(1.2) translateX(-10px); }
#pagingCurrentNum{ line-height: 30px; font-family: textFont; font-size: 15px; border: 1px solid #005940; color: #005940; border-radius: 50%; text-align: center; }
#pagingBorder{ width: 100%; height: 17px; background: #005940; }
#pagingAllNum{ line-height: 30px; font-family: textFont; font-size: 15px; color: #ffffff; background: #005940; border-radius: 50%; text-align: center; }

/* page show grid */
.pageShowGrid{ display: grid; grid-template-columns: auto 300px; grid-gap: 30px 60px; }
.pageShowGrid2{ display: grid; grid-template-columns: 300px auto; grid-gap: 30px 60px; }
@media only screen and (max-width: 950px){
    .pageShowGrid{ grid-template-columns: 100%; }
    .pageShowGrid2{ grid-template-columns: 100%; }
}

/* share view page */
#shareViewPage{ line-height: 25px; font-family: titleFont; font-size: 13px; display: grid; grid-template-columns: 113px auto; align-items: center; justify-content: flex-end; }
#shareViewPageLink{ display: flex; align-items: center; }
#shareViewPageLink a{ width: 25px; margin-left: 3px; background: #000000; border-radius: 50%; display: block; }
#shareViewPageLink a:last-child{ margin-left: 0; }
#shareViewPageLink a:hover{ background: #03c58f; }
#shareViewPageLink a img{ width: 100%; margin: 0 !important; filter: brightness(0) invert(1); display: block; }

/* left column news */
.leftColNewsInfo{ margin-top: 15px; display: grid; grid-template-columns: 100px auto; grid-gap: 10px 5px; align-items: center; }
.leftColNewsInfo:first-child{ margin-top: 0; }
.leftColNewsImg{ display: block; overflow: hidden; }
.leftColNewsImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.leftColNewsImg:hover img{ transform: scale(1.2); }
.leftColNewsCat{ line-height: 20px; font-family: titleFont; font-size: 10px; color: #005940; }
.leftColNewsTitle{ line-height: 22px; margin-top: 5px; font-family: titleFont; font-size: 13px; color: #005940; }
.leftColNewsTitle:hover{ color: #03c58f; }
@media only screen and (max-width: 550px){
    .leftColNewsInfo{ grid-template-columns: 100%; }
    .leftColNewsCat{ line-height: 24px; font-size: 12px; }
    .leftColNewsTitle{ line-height: 30px; font-size: 17px; }
}

/* moshavere */
#moshavereForm{ display: grid; grid-gap: 10px 10px; }
.moshavereFormGrid{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 10px; align-items: center; }
#moshavereForm input{ height: 34px; padding: 0 5px; font-family: textFont; color: #878787; border: 1px solid #bcbec0; }
#moshavereForm textarea{ height: 250px; padding: 5px 5px; font-family: textFont; color: #878787; border: 1px solid #bcbec0; resize: none; }
#moshavereForm button{ width: 110px; line-height: 34px; border: none; font-family: titleFont; font-size: 12px; color: #ffffff !important; background: #005940; justify-self: flex-end; text-align: center; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#moshavereForm button:hover{ background: #03c58f; }
@media only screen and (max-width: 600px){
    .moshavereFormGrid{ grid-template-columns: 100%; }
}

/* asar list */
#asarListTitleGrid{ display: grid; grid-template-columns: auto 320px; align-items: center; }
#asarListFilterBtnBox{ line-height: 34px; font-family: titleFont; font-size: 12px; color: #ffffff; position: relative; display: grid; grid-template-columns: auto 200px; grid-gap: 0 5px; align-items: center; justify-content: flex-end; z-index: 9; }
#asarListFilterBtnBox>section:first-child{ color: #005940; }
@media only screen and (max-width: 750px){
    #asarListTitleGrid{ grid-template-columns: 100%; }
    #asarListFilterBtnBox{ justify-content: flex-start; }
}

/* asar profile */
#asarProfileIcon{ width: 150px; height: 150px; margin: auto; border-radius: 50%; object-fit: cover; display: block; }
#asarProfileListGrid{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px 60px; }
#asarProfileName{ line-height: 24px; font-family: titleFont; font-size: 15px; color: #005940; text-align: center; }
#asarProfileInfo span:first-child{ font-family: titleFont; color: #005940; }

#amadeBeKarAlertBox{ line-height: 30px; padding: 5px 10px; font-family: titleFont; font-size: 17px; color: #ffffff; background: #005940; text-align: center; }

#socialLink{ display: flex; align-items: center; }
#socialLink a{ width: 25px; margin-left: 3px; border: 1px solid #000000; border-radius: 50%; opacity: .5; display: block; }
#socialLink a:last-child{ margin-left: 0; }
#socialLink a:hover{ opacity: 1; }
#socialLink a img{ width: 100%; margin: 0 !important; display: block; }
@media only screen and (max-width: 700px){
    #asarProfileListGrid{ grid-template-columns: 100%; }
}

/* asar */
#asarTitleGrid{ display: grid; grid-template-columns: auto 300px; align-items: center; }
#asarUserNameGrid{ display: grid; grid-template-columns: 30px auto; grid-gap: 0 5px; align-items: center; }
#asarUserNameGrid img{ width: 100%; height: 30px; border-radius: 50%; object-fit: cover; display: block; }
#asarName{ line-height: 24px; font-family: titleFont; font-size: 13px; color: #878787; text-align: left; }
@media only screen and (max-width: 800px){
    #asarTitleGrid{ grid-template-columns: 100%; }
    #asarName{ text-align: right; }
}
.asarInfoBorderTop{ border-top: 1px solid #878787; }

.tagLinkBox{ text-align: right; }
.tagLinkBox i{ padding: 5px 5px; margin: 2px; background: #dcddde; display: inline-block; }

/* comment form */
#commentForm{ padding: 20px 20px; background: #f2f2f2; display: grid; grid-gap: 10px 10px; }
.commentFormTitle{ line-height: 24px; font-family: titleFont; font-size: 14px; color: #005940; }
#commentFormInput{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px 10px; align-items: center; }
#commentFormInput input{ width: 100%; height: 34px; padding: 0 5px; border: none; display: block; resize: none; }
#commentForm textarea{ width: 100%; height: 220px; padding: 5px 5px; border: none; display: block; resize: none; }
#commentForm button{ width: 110px; line-height: 34px; border: none; font-family: titleFont; font-size: 12px; color: #ffffff !important; background: #005940; text-align: center; cursor: pointer; justify-self: flex-end; transition: all .3s cubic-bezier(0,0,0.58,1); }
#commentForm button:hover{ background: #03c58f; }

.commentInfoBox{ padding: 20px 20px; background: #f2f2f2; display: grid; grid-gap: 10px 10px; }
.commentInfoName{ line-height: 24px; font-family: titleFont; font-size: 15px; color: #005940; display: grid; grid-template-columns: 30px auto; grid-gap: 0 5px; }
.commentInfoName img{ width: 100%; margin: 0 !important; display: block; }
@media only screen and (max-width: 700px){
    #commentFormInput{ grid-template-columns: 100%; }
}

/* heiat Modire */
#heiatModire{ background: #e6e7e8; }
#heiatModireSlide{ position: relative; }
.heiatModireImg{ width: 130px; padding: 5px; margin: auto; border: 1px solid #005940; border-radius: 50%; }
.heiatModireImg img{ width: 100%; border-radius: 50%; display: block; }
.heiatModireName{ line-height: 24px; margin-top: 10px; font-family: titleFont; font-size: 15px; color: #005940; text-align: center; }
.heiatModireSemat{ line-height: 20px; margin-top: 0px; font-family: titleFont; font-size: 11px; color: #878787; text-align: center; }

#heiatModireSlide .owl-nav{ width: calc(100% + 60px); height: 30px; margin: auto; position: absolute; top: 0; bottom: 0; right: -30px; display: grid; grid-template-columns: repeat(2,30px); justify-content: space-between; align-items: center; z-index: -1; }
#heiatModireSlide .owl-nav button{ border: none; background: none; display: block; }
#heiatModireSlide .owl-nav button.disabled{ opacity: .2; }
#heiatModireSlide .owl-nav button img{ width: 100%; margin: 0 !important; display: block; }

/* heiat modire ghabli */
#beforHeiatModireSlide{ position: relative; }
.beforHeiatModireTitle{ padding: 0 27px 0 5px; position: relative; cursor: pointer; }
.beforHeiatModireTitle:before{ content: ""; width: 15px; height: 15px; margin: auto; border: 3px solid #005940; border-radius: 50%; position: absolute; top: 0; bottom: 0; right: 0; display: block; z-index: -1; }
.beforHeiatModireTitle:after{ content: ""; width: calc(100% - 21px); height: 1px; margin: auto; background: #005940; position: absolute; top: 0; bottom: 0; left: 0; display: block; z-index: -1; }
.beforHeiatModireDore{ line-height: 28px; font-family: titleFont; font-size: 14px; color: #878787; transition: all .3s cubic-bezier(0,0,0.58,1); }
.beforHeiatModireDate{ line-height: 28px; font-family: titleFont; font-size: 11px; color: #878787; }
.beforHeiatModireTitle:hover .beforHeiatModireDore,.beforHeiatModireTitle.active .beforHeiatModireDore{ color: #03c58f; }
.beforHeiatModireInfo{ padding: 0 8px 0 0; display: none; }
.beforHeiatModireInfo ul{ padding-top: 20px; padding-right: 20px; border-right: 1px solid #878787; }

#beforHeiatModireSlide .owl-nav{ width: calc(100% + 60px); height: 30px; margin: auto; position: absolute; top: 0; bottom: 0; right: -30px; display: grid; grid-template-columns: repeat(2,30px); justify-content: space-between; align-items: center; z-index: -1; }
#beforHeiatModireSlide .owl-nav button{ border: none; background: none; display: block; }
#beforHeiatModireSlide .owl-nav button.disabled{ opacity: .2; }
#beforHeiatModireSlide .owl-nav button img{ width: 100%; margin: 0 !important; display: block; }

/* namayeshgah list */
#namayeshgahListGrid{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 60px; }
.namayeshgahListImg{ display: block; overflow: hidden; cursor: pointer }
.namayeshgahListImg img{ width: 100%; display: block; }
.namayeshgahListImg:hover{ opacity: .7; }
.namayeshgahListTitle{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
.namayeshgahListTitle:hover{ color: #03c58f; }
@media only screen and (max-width: 1050px){
    #namayeshgahListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 700px){
    #namayeshgahListGrid{ grid-template-columns: 100%; }
}

/* album Img Show */
#albumSmallImgGrid{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 20px; }
.albumSmallImg{ display: block; overflow: hidden; cursor: pointer }
.albumSmallImg img{ width: 100%; display: block; }
.albumSmallImg:hover{ opacity: .7; }
.albumSmallTitle{ line-height: 24px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #878787; display: block; }
.albumSmallTitle:hover{ color: #03c58f; }
.albumSmallBody{ line-height: 24px; margin-top: 10px; font-family: textFont; font-size: 13px; color: #878787; }
@media only screen and (max-width: 850px){
    #albumSmallImgGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 600px){
    #albumSmallImgGrid{ grid-template-columns: 100%; }
}

#albumImgShow{ width: 100vw; height: calc(100vh - 117px); padding: 25px 25px; position: fixed; bottom: 0; right: 0; background: rgba(0,0,0,.8); z-index: 99; display: none; }
#albumImgShowInfo{ width: calc(100% - 70px); height: 100%; margin: auto; display: grid; grid-template-columns: 200px auto; grid-gap: 0 10px; align-items: center; justify-content: center; }
#albumImgShowInfo img{ max-width: 100%; max-height: 100%; margin: auto; display: block; }
#albumImgShowClose{ width: 15px; position: absolute; top: 20px; right: 20px; display: block; cursor: pointer; z-index: 9; }
.albumSmallImgBoxTitle{ line-height: 24px; font-family: titleFont; font-size: 17px; color: #ffffff; }
.albumSmallImgBoxTxt{ line-height: 24px; margin-top: 10px; font-family: textFont; font-size: 14px; color: #ffffff; }
#nextAlbumImg{ width: 35px; padding: 7px; margin: auto; position: absolute; top: 0; bottom: 0; right: 20px; filter: brightness(0) invert(1); display: block; z-index: 9; cursor: pointer; transition: all .3s linear; }
#preAlbumImg{ width: 35px; padding: 7px; margin: auto; position: absolute; top: 0; bottom: 0; left: 20px; filter: brightness(0) invert(1); display: block; z-index: 9; cursor: pointer; transition: all .3s linear; }
#nextAlbumImg:hover,#preAlbumImg:hover{ background: #ffffff; filter: none; }
@media only screen and (max-width: 550px){
    #albumImgShowInfo{ grid-template-columns: 100%; }
    .albumSmallImgBoxInfo{ display: none; }
}

/* archive pic */
#archiveListGrid{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 60px; }
.archiveListImg{ display: block; overflow: hidden; }
.archiveListImg img{ width: 100%; display: block; }
.archiveListTitle{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
.archiveListTitle:hover{ color: #03c58f; }
@media only screen and (max-width: 1050px){
    #archiveListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 700px){
    #archiveListGrid{ grid-template-columns: 100%; }
}

/* album Img Show */
#movieGalleryBox{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 30px 20px; }
#movieGalleryBox video{ width: 100%; height: 300px; }
.movieGalleryTitle{ line-height: 24px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #878787; display: block; }
@media only screen and (max-width: 1200px){
    #movieGalleryBox{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 900px){
    #movieGalleryBox{ grid-template-columns: 100%; }
}

/* eftekhari list */
#eftekhariListGrid{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 60px; }
.eftekhariListImg{ display: block; overflow: hidden; }
.eftekhariListImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.eftekhariListName{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
@media only screen and (max-width: 950px){
    #eftekhariListGrid{ grid-template-columns: repeat(3,1fr); }
}
@media only screen and (max-width: 750px){
    #eftekhariListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 500px){
    #eftekhariListGrid{ grid-template-columns: 100%; }
}

/* eftekhari */
#eftekhariImg{ width: 100%; display: block; }
#eftekhariOtherList{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px 20px; align-items: center; }
#eftekhariOtherList a{ display: block; overflow: hidden; }
#eftekhariOtherList a img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
#eftekhariOtherList a:hover img{ transform: scale(1.2); }

/* estekhdam */
#estekhdamForm{ display: grid; grid-gap: 10px 10px; }
.estekhdamFormGrid{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 10px 10px; align-items: center; }
#estekhdamForm input{ height: 34px; padding: 0 5px; font-family: textFont; color: #878787; border: 1px solid #bcbec0; }
#estekhdamForm .nice-select{ line-height: 34px; font-size: 14px; background: none; border: 1px solid #bcbec0; }
#estekhdamForm .nice-select::after{ border-bottom: 2px solid #bcbec0; border-right: 2px solid #bcbec0; }
#estekhdamForm textarea{ height: 250px; padding: 5px 5px; font-family: textFont; color: #878787; border: 1px solid #bcbec0; resize: none; }
#estekhdamForm button{ width: 110px; line-height: 34px; border: none; font-family: titleFont; font-size: 12px; color: #ffffff !important; background: #005940; justify-self: flex-end; text-align: center; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#estekhdamForm button:hover{ background: #03c58f; }
@media only screen and (max-width: 600px){
    .estekhdamFormGrid{ grid-template-columns: 100%; }
}

/* estekhdam list */
#estekhdamListGrid{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 60px; }
.estekhdamListImg{ display: block; overflow: hidden; }
.estekhdamListImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.estekhdamListName{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
@media only screen and (max-width: 950px){
    #eftekhariListGrid{ grid-template-columns: repeat(3,1fr); }
}
@media only screen and (max-width: 750px){
    #eftekhariListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 500px){
    #eftekhariListGrid{ grid-template-columns: 100%; }
}

/* estekhdam */
#estekhdamImg{ width: 100%; display: block; }

/* aza list */
#azaListGrid{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 60px; }
.azaListImg{ display: block; overflow: hidden; }
.azaListImg figure{ width: 100%; height: 100%; }
.azaListImg img{ width: 100%; height: 100%; object-fit: cover; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.azaListName{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
.azaListImg:hover img{ opacity: .5; }
.azaListName:hover{ color: #03c58f; }

#azaListSearchForm{ max-width: 850px; display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 10px 10px; align-items: center; }
#azaListSearchForm input{ width: 100%; height: 36px; padding: 0 5px; background: none; border: 1px solid #e5e5e5; }
#azaListSearchForm .nice-select{ width: 100%; line-height: 34px; background: none; border: 1px solid #e5e5e5; font-family: textFont; }
#azaListSearchForm .nice-select .list{ background: #FFFFFF; border: 1px solid #e5e5e5; }
#azaListSearchForm .nice-select::after{ color: #e5e5e5; }
#azaListSearchForm button{ height: 36px; border: none; background: #03c58f; font-family: titleFont; font-size: 12px; color: #ffffff; text-align: center; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#azaListSearchForm button:hover{ background: #005940; }
@media only screen and (max-width: 950px){
    #azaListGrid{ grid-template-columns: repeat(3,1fr); }
}
@media only screen and (max-width: 750px){
    #azaListGrid{ grid-template-columns: repeat(2,1fr); }
    
    #azaListSearchForm{ grid-template-columns: 100%; }
}
@media only screen and (max-width: 500px){
    #azaListGrid{ grid-template-columns: 100%; }
}

/* markaz list */
#markazListTitleGrid{ display: grid; grid-template-columns: 320px auto; align-items: center; }
#markazListFilterBtnBox{ line-height: 24px; font-family: titleFont; font-size: 12px; display: grid; grid-template-columns: 90px auto; align-items: center; justify-content: flex-end; }
#markazListFilterBtnBox>section:first-child{ color: #005940; }
#markazListFilterBtn{ display: flex; align-items: center; }
#markazListFilterBtn a{ margin-left: 20px; color: #878787; border-radius: 12px; display: block; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#markazListFilterBtn a:last-child{ margin-left: 0; }
#markazListFilterBtn a:hover{ color: #03c58f; }
#markazListFilterBtn a.active{ padding: 0 10px; background: #005940; color: #ffffff; }

.markazListGrid{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 60px; }
.markazListImg{ display: block; overflow: hidden; }
.markazListImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); transition: all .3s cubic-bezier(0,0,0.58,1); }
.markazListImg:hover img{ transform: scale(1.2); }
.markazListName{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
.markazListName:hover{ color: #03c58f; }
@media only screen and (max-width: 1050px){
    .markazListGrid{ grid-template-columns: repeat(3,1fr); }
}
@media only screen and (max-width: 900px){
    .markazListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 750px){
    #markazListTitleGrid{ grid-template-columns: 100%; }
    #markazListFilterBtnBox{ justify-content: flex-start; }
}
@media only screen and (max-width: 700px){
    .markazListGrid{ grid-template-columns: 100%; }
}

/* markaz */
#markazImg{ width: 100%; display: block; }

/* rezome list */
#rezomeListTitleGrid{ display: grid; grid-template-columns: auto 110px; align-items: center; }
#rezomeListFilterBtnBox{ line-height: 24px; font-family: titleFont; font-size: 12px; color: #005940; display: grid; grid-template-columns: auto 25px; grid-gap: 0 5px; align-items: center; justify-content: flex-end; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#rezomeListFilterBtnBox:hover{ color: #03c58f; }
#rezomeListFilterBtn{ display: flex; align-items: center; }
#rezomeListFilterBtn section{ margin-left: 20px; border-radius: 12px; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
#rezomeListFilterBtn section:last-child{ margin-left: 0; }
#rezomeListFilterBtn section:hover{ color: #03c58f; }
#rezomeListFilterBtn section.active{ padding: 0 10px; background: #005940; color: #ffffff; }

.rezomeListGrid{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 60px; }
.rezomeListImg{ display: block; overflow: hidden; }
.rezomeListImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); transition: all .3s cubic-bezier(0,0,0.58,1); }
.rezomeListImg:hover img{ transform: scale(1.2); }
.rezomeListName{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }
.rezomeListName:hover{ color: #03c58f; }

/* rezome */
#rezomeInfoBox{ margin-top: 20px; }
#rezomeInfoBox>section>span:first-child{ color: #005940; font-family: titleFont; }

#rezomeImg{ width: 100%; display: block; }

/* entesharat */
.entesharatLastBookBg{ background: #005940; }

.entesharatLastBookBorderTop{ border-top: 1px solid #005940; }

.entesharatTitleGrid{ padding-left: 60px; display: grid; grid-template-columns: auto 55px; grid-gap: 0 10px; align-items: center; }
.entesharatMoreBookBtn{ line-height: 24px; font-family: titleFont; font-size: 13px; color: #005940; position: relative; }
.entesharatLastBookBg .entesharatMoreBookBtn{ color: #ffffff; }
.entesharatMoreBookBtn:after{ content: ""; width: 2px; height: 17px; margin: auto; background: #005940; position: absolute; top: 0; bottom: 0; left: 0; display: block; }
.entesharatLastBookBg .entesharatMoreBookBtn:after{ background: #ffffff; }
.entesharatMoreBookBtn:hover{ color: #03c58f; }

.entesharatLastBookBox{ position: relative; }
.entesharatLastBookBox .owl-carousel{ position: static; }
.entesharatLastBookBox .owl-nav{ width: 50px; line-height: 52px; font-family: titleFont; font-size: 35px; color: #005940; position: absolute; top: 0; left: 0; display: grid; grid-template-columns: repeat(2,1fr); text-align: center; }
.entesharatLastBookBg .entesharatLastBookBox .owl-nav{ color: #ffffff; }
.entesharatLastBookBox .owl-nav button{ transition: all .3s cubic-bezier(0,0,0.58,1); }
.entesharatLastBookBox .owl-nav button:hover{ color: #03c58f !important; }
@media only screen and (max-width: 550px){
    .entesharatTitleGrid{ padding-left: 0; grid-template-columns: 100%; }
    .entesharatMoreBookBtn{ padding: 0 80px; border: 1px solid #005940; justify-self: flex-start; }
    .entesharatLastBookBg .entesharatMoreBookBtn{ border-color: #ffffff; }
    .entesharatMoreBookBtn:after{ display: none; }
    .entesharatLastBookBox .owl-nav{ display: none; }
}

/* book list */
.bookListGrid{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 30px 60px; }

.bookListInfo{ position: relative; }
.bookListImg{ display: block; overflow: hidden; }
.bookListImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.bookListImg:hover img{ transform: scale(1.2); }
.bookListDate{ line-height: 20px; margin-top: 10px; font-family: textFont; font-size: 13px; color: #878787; }
.bookListTitle{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }

.entesharatLastBookBg .bookListTitle{ color: #ffffff; }

#bookShenaseInfo{ border: solid #878787; border-width: 1px 0 1px 0; position: relative; }
#bookShenaseTitle{ line-height: 24px; padding-left: 10px; font-family: titleFont; font-size: 15px; color: #005940; background: #ffffff; position: absolute; top: -12px; right: 0; }
#bookShenaseGrid{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 10px 10px; }
#bookShenaseGrid>section>span:first-child{ font-family: titleFont; color: #005940; }
#bookTakhfifTxt>span:first-child{ font-family: titleFont; color: #005940; }
@media only screen and (max-width: 1050px){
    .bookListGrid{ grid-template-columns: repeat(3,1fr); }
}
@media only screen and (max-width: 900px){
    .bookListGrid{ grid-template-columns: repeat(2,1fr); }
}
@media only screen and (max-width: 700px){
    .bookListGrid{ grid-template-columns: 100%; }
}

/* book */
#bookViewImg img{ width: 100%; display: block; }
#bookViewLastBox{ order: 3; }
#bookViewInfoBox{ grid-row: 3 span; }
#bookViewTitleGrid{ display: grid; grid-template-columns: auto 250px; grid-gap: 0 10px; }
@media only screen and (max-width: 950px){
    #bookViewInfoBox{ grid-row: 1 span; }
}

/* right column book */
.rightColBookInfo{ margin-top: 15px; display: grid; grid-template-columns: 100px auto; grid-gap: 10px 5px; align-items: center; }
.rightColBookInfo:first-child{ margin-top: 0; }
.rightColBookImg{ display: block; overflow: hidden; }
.rightColBookImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.rightColBookImg:hover img{ transform: scale(1.2); }
.rightColBookTitle{ line-height: 22px; margin-top: 5px; font-family: titleFont; font-size: 13px; color: #005940; }
.rightColBookTitle:hover{ color: #03c58f; }

/* tarefe */
.slideDownInfo{ margin-top: 30px; }
.slideDownInfo:first-child{ margin-top: 0; }
.slideDownTitle{ line-height: 24px; padding: 5px 10px; font-family: titleFont; font-size: 13px; color: #ffffff; background: #005940; display: grid; grid-template-columns: auto 30px; grid-gap: 0 10px; align-items: flex-start; cursor: pointer; transition: all .3s cubic-bezier(0,0,0.58,1); }
.slideDownTitle:hover,.slideDownTitle.active{ color: #03c58f; }
.slideDownTitle img{ padding: 5px; margin: 0 !important; filter: brightness(0) invert(1); }
.slideDownTitle img:nth-of-type(2){ display: none; }
.slideDownTitle.active img:nth-of-type(1){ display: none; }
.slideDownTitle.active img:nth-of-type(2){ display: block; }
.slideDownText{ margin-top: 30px; display: none; }
.slideDownText table{ width: 100%; background: #dcddde; border-collapse: collapse; }
.slideDownText table td{ padding: 0 5px; border: 1px solid #ffffff; }
.slideDownText table td:nth-child(2){ width: 150px; text-align: left; }

#oldTarefeList{ border-top: 1px solid #878787; }
@media only screen and (max-width: 600px){
    .slideDownText table,.slideDownText tbody,.slideDownText tr,.slideDownText td{ display: block; text-align: center; }
    .slideDownText table td:nth-child(2){ width: 100%; background: #ecedee; text-align: center; }
}

/* event table */
.eventInfoGrid{ margin-top: 10px; display: grid; grid-template-columns: 170px auto; grid-gap: 5px 10px; }
.eventInfoGrid:first-child{ margin-top: 0; }
.eventInfoDate{ background: #005940; color: #ffffff; display: grid; grid-template-columns: 1fr 70px 1fr; }
.eventInfoDate>span{ line-height: 30px; padding: 0; border-left: 1px solid #ffffff; font-family: titleFont; font-size: 15px; display: block; text-align: center; }
.eventInfoDate>span:last-child{ border-left: none; }
.eventInfoTitle{ line-height: 30px; font-family: titleFont; font-size: 17px; }
.eventInfoTitle:hover{ color: #03c58f; }
@media only screen and (max-width: 700px){
    .eventInfoGrid{ grid-template-columns: 100%; }
    .eventInfoDate{ grid-template-columns: 1fr 100px 1fr; }
}

/* moze */
.mozeEventInfo{ position: relative; }
.mozeEventImg{ display: block; overflow: hidden; }
.mozeEventImg img{ width: 100%; display: block; transition: all .3s cubic-bezier(0,0,0.58,1); }
.mozeEventImg:hover img{ transform: scale(1.2); }
.mozeEventTitle{ line-height: 26px; margin-top: 10px; font-family: titleFont; font-size: 17px; color: #005940; display: block; }

#mozeAddress{ border-top: 1px solid #878787; align-items: center; }
#mozeAddress iframe{ width: 100%; height: 250px; display: block; }
#mozeAddressInfo{ line-height: 24px; font-family: textFont; font-size: 13px; color: #005940; }
#mozeAddressInfo span:first-child{ font-family: titleFont; color: #005940; }
#mozeAddressInfo a{ color: #878787; }
#mozeAddressInfo a:hover{ color: #03c58f; }

/* end view text */
.readText{ line-height: 30px; font-family: textFont; font-size: 15px; color: #878787; text-align: justify; text-justify: auto; }
.readText.white{ color: #ffffff; }
.readText h2,.readText h3,.readText h4,.readText h5,.readText h6{ line-height: 24px; margin: 30px auto 10px auto; font-family: titleFont; font-size: 17px; color: #005940; }
.readText.white h2,.readText.white h3,.readText.white h4,.readText.white h5,.readText.white h6{ color: #ffffff; }
.readText h2:first-child,.readText h3:first-child,.readText h4:first-child,.readText h5:first-child,.readText h6:first-child{ margin-top: 0; }

.readText strong,.readText b{ font-weight: bold; }
.readText ol,.readText ul{ padding-right: 15px; }
.readText img{ max-width: 100%; margin: 20px auto; display: block; }
.readText video{ width: 100%; margin: 20px auto; }
.readText img:first-child{ margin: 0 auto 30px auto; }
.readText a{ color: #005940; display: inline-block; }
.readText a:hover{ color: #03c58f; }
.readText.white a{ color: #e34242; }
.readText.white a:hover{ color: #ffffff; }