@font-face { font-family: 'IRANSans-web'; font-style: normal; font-display: auto; font-display: swap; src: url('../fonts/IRANSansWeb.woff2') format('woff2'), url('../fonts/IRANSansWeb.woff') format('woff'); }
@font-face { font-family: 'IRANSans-web'; font-style: normal; font-display: auto; font-display: swap; font-weight: bold;  src: url('../fonts/IRANSansWeb_Bold.woff2') format('woff2'), url('../fonts/IRANSansWeb_Bold.woff') format('woff'); }
@font-face {
    font-family: 'Font Awesome 5 Pro';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("../front/fonts/awesome/fa-regular-400.eot");
    src: url("../front/fonts/awesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("../front/fonts/awesome/fa-regular-400.woff2") format("woff2"), url("../front/fonts/awesome/fa-regular-400.woff") format("woff"), url("../front/fonts/awesome/fa-regular-400.ttf") format("truetype"), url("../front/fonts/awesome/fa-regular-400.svg#fontawesome") format("svg");
}
*{margin:0;padding:0; box-sizing:border-box; -webkit-tap-highlight-color:rgba(0, 0, 0, 0.1);}
ol, ul{list-style:none}
a{color:#01579B;text-decoration:none}
a:hover {color: #D14900;text-decoration: none }            
a img{border:none}
img{max-width:100%;font-size:13px;color:#757575}
.center{margin:0 auto;padding:0 10px;max-width:1200px;position:relative;text-align:right}
.c{clear:both;}
.green{color:#5e942b}
.dark-red{color:#D45252}
.red{color:red}
.blue{color:blue}
.line-through{text-decoration:line-through}
.line-end{height:30px;max-height:100%;position:absolute;left:-1px;width:30px;bottom:0;background-image:-webkit-gradient(linear,left top,right top,color-stop(0, #fff),color-stop(1, rgba(255, 255, 255, 0)));background-image:-webkit-linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%);background-image:linear-gradient(to left, rgba(255, 255, 255, 0) 0, rgb(255, 255, 255) 100%)}

button{font: 0.94rem IRANSans-web;}
.txt{font:14px IRANSans-web;padding:4px 4px 5px 4px;border:1px solid #c2c2c2;border-radius:5px; color:#212121;}
.btn{background:#5e942b;border-radius:5px;color:#FFF;padding:5px 10px;border:1px solid #5e942b;font:14px IRANSans-web;text-align:center; }

/* from old style */
.page-title{padding:5px 0}
.page-title h1{font-size:25px;display:inline;color:#212121}
.pt-des{color:#424242; line-height: 200%;margin:10px 0 10px 0;font-size:0.875rem;}
.lt-text{text-decoration:line-through}
.bt{color:#900}
a.bt:hover{color:#900;text-decoration:underline}
.gt{color:gray}
.gt2{color:#666}
.grt{color:#5e942b}

/* for panel menu */
.cnt-right{width:185px;float:right;margin:0; }
.cnt-right .cr-menu{border-radius:10px;overflow:hidden;margin-bottom:10px}
.cnt-left{margin:15px 200px 0 0; }

/* Column */
.main-columns { display: flex; width: 100%; background: #fbfcfe;}
.page-column-side {-webkit-flex: 0 0 200px;flex: 0 0 200px;margin: 25px 0 13px 30px;width:200px}
.page-column-main {-webkit-flex: 1 1 auto;flex-basis: 75%;min-width: 0;margin:25px 0 13px 0;}
@media only screen and (max-width:1024px) {
    .page-column-side {-webkit-flex-basis:180px;flex-basis:180px;width:180px}
}

/* Blocks */
.books-block{border-radius:10px;overflow:hidden;margin-bottom:20px;box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);background-color:#FFF;padding-bottom:3px}
.block-white{background:#FFF; border-radius: 10px;margin-bottom:20px; box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);overflow: hidden}
.padding10{padding:10px;}
.books-block.how-to-read-book p{line-height:220%; }

/* Used on book pages */
.book-block-tags{padding:10px 20px 15px 20px;color:#666; line-height:220%}
.book-block-tags a{color:#616161;font-size:14px}
.book-block-tags a:hover{color:#C60}

/* Tags */
.taged-book { width: 46%; font-size: 15px; padding: 20px 0 20px 0; margin-bottom: 10px; margin: 0 2%; overflow: hidden; display: inline-block; vertical-align: top;}
.category-books .taged-book:nth-last-of-type(-n+2) { border:none; }
.taged-book img { width: 30%; min-width: 90px; float: right; margin-left: 2%; border-radius: 5px }
.taged-book h2{font-size:18px;margin-bottom:10px;color:#212121;line-height:220%}
.taged-book h2:hover{color:#C60}
.taged-book .tag-text{color:#212121;font-size:14px;line-height:200%;margin-top:10px}
.taged-book li{line-height:200%;font-size:14px;color:#424242}
.taged-book .tag-button {text-align:left;margin-top:5px; }
@media only screen and (max-width:564px) {
    .taged-book { width: 94%; margin: 0 2% }
    .taged-book img { max-height: 180px; width: auto }
    .category-books .taged-book { border-bottom: 1px solid #F0F3F5 }
    .category-books .taged-book:first-child{padding-top:5px}
}

/* new buttons */
.custom-button { border-radius: 5px; padding: 0 20px; min-height: 46px; font: 16px IRANSans-web; line-height: normal; vertical-align: middle; text-align: center;   border: 0; box-shadow: 1px 1px 1px 0 rgba(0,0,0,0.15); margin: 7px; box-sizing: border-box; -webkit-appearance: none; }
.custom-button.small{padding:0 15px; font-size:14px; min-height:34px; line-height:normal;min-width:140px}
.custom-button>span{vertical-align:middle;}

a.custom-button{display:inline-block; line-height:46px;}
a.custom-button.small{line-height:34px}

.custom-button.pointer{cursor:pointer;}
.custom-button:disabled{background-color:#EEE !important; color:#9E9E9E !important; box-shadow:none; border:1px solid #E0E0E0;}
.custom-button:disabled:hover{background-color:#eee !important;}

.custom-button>.ic-audio-book-play{background: url(../images/audio-book-playc4ca.png?1) no-repeat center; background-size:20px; background-repeat:no-repeat;width:28px;margin-left:5px; display:inline-block;height:33px;}
.custom-button>.ic-operating-systems{background: url(../images/ic-white-64-android.png) right 10px center/26px no-repeat, url(../images/ic-white-64-apple.png) right 40px center/26px no-repeat, url(../images/ic-white-64-windows.png) right 72px center/21px no-repeat;width:100px;margin-left:5px; display:inline-block;height:46px;}
.custom-button>.ic-share{background: url(../images/ic-share-gray.png) no-repeat center; background-size:20px; background-repeat:no-repeat;width:28px;margin-left:5px; display:inline-block;height:34px;}
.custom-button>.ic-download{background: url(../images/ic-file-download-grayc4ca.png?1) no-repeat center; background-size:20px; background-repeat:no-repeat;width:28px;margin-left:5px; display:inline-block;height:34px;}
.custom-button>.ic-get-app{background: url(../images/ic-get-app-whitec4ca.png?1) no-repeat center; background-size:24px; background-repeat:no-repeat;width:28px;margin-left:5px; display:inline-block;height:34px;}
.custom-button>.ic-ketabrah-logo{background: url(../images/ic_launcher_48.png) no-repeat center; background-size:24px; background-repeat:no-repeat;width:28px;margin-left:5px; display:inline-block;height:34px;}

.custom-button.green {background-color:#5e942b;color:#FFF}
.custom-button.green:hover{background-color:#5e942b}
.custom-button.blue{background-color:#1976D2;color:#FFF}
.custom-button.blue:hover{background-color:#1E88E5}
.custom-button.orange{background-color:#E64A19;color:#FFF}
.custom-button.orange:hover{background-color:#F74F1B}
.custom-button.gray{background-color:#F5F5F5;color:#616161}
.custom-button.gray:hover{background-color:#EEEEEE}
.custom-button.white{background-color:#fff;color:#424242;}
.custom-button.white:hover{background-color:#fafafa;}
a.custom-button.gray{color:#2b72bb}

.custom-button.green-border,.custom-button.blue-border,.custom-button.orange-border,.custom-button.gray-border{box-shadow:none;background-color:#fff;}
.custom-button.green-border:hover,.custom-button.blue-border:hover,.custom-button.orange-border:hover,.custom-button.gray-border:hover{background-color:#EEEEEE;}
.custom-button.green-border { border: 1px solid #5e942b;color:#5e942b;font-weight:bold;}
.custom-button.blue-border{border:1px solid #1976D2; color:#1976D2}
.custom-button.orange-border{border:1px solid #E64A19; color:#E64A19}
.custom-button.gray-border{border:1px solid #BDBDBD; color:#424242;}

.custom-button.text-only{background-color:transparent;color:#424242;box-shadow:none;padding:0;min-height:0;}
.custom-button.text-only.text-blue{color:#1976D2}
.custom-button.bold-text {font-weight:bold;}

/* app download buttons */
.button-download-goole-play,
.button-download-app-store,
.button-download-apk,
.button-download-windows{border-radius:10px;background-color:#000; background-repeat:no-repeat;background-size:32px; background-position:center right 10px; display:inline-block;height:50px; min-width:190px;color:#FFF; font-size:15px;font-weight: bold; padding:0 48px 0 10px; line-height:50px;margin:3px}
.button-download-goole-play.small,
.button-download-app-store.small,
.button-download-apk.small,
.button-download-windows.small{background-size:26px;height:40px; color:#FFF; font-size:14px; padding:0 44px 0 10px; line-height:40px;min-width:175px}
.button-download-goole-play:hover, .button-download-app-store:hover {color:#fff;background-color:#333 }
.button-download-apk:hover{color:#FFF;background-color:#75B828;}
.button-download-windows:hover{color:#FFF;background-color:#00A8EB;}
.button-download-goole-play{background-image:url(../images/ic-google-play.png);}
.button-download-app-store{background-image:url(../images/ic-white-64-apple.png);}
.button-download-apk{background-color:#7BC22B;background-image:url(../images/ic-white-64-android.png);}
.button-download-windows{background-color:#00ADEF;background-image:url(../images/ic-white-64-windows.png);}

/* Breadcrumb */
.category-books .breadcrumb{margin:0 10px 10px 10px;}
.breadcrumb {margin-bottom:15px;display:inline-block; }
.breadcrumb .item-list-element-divider{font:15px Arial; color:#424242; display:inline-block; vertical-align:middle; margin-left:7px;}
.breadcrumb li{display:inline-block; padding:3px 0;}
.breadcrumb li a{font-size:14px;color:#212121; margin-left:7px;}
.breadcrumb li a:hover{color:#C60}
.ar-or{color:#E47911; font:bold 14px arial;}

@media only screen and (max-width:768px) {
    .breadcrumb-container { position: relative;  }
    .breadcrumb-ol {overflow-x: auto;-ms-overflow-style: none; scrollbar-width: none; }
    .breadcrumb-ol::-webkit-scrollbar { display: none }
    .breadcrumb li:last-child{margin-left: 15px}
    .breadcrumb-container > .line-end { top: 0;bottom: 0; left:-1px; height: auto;}
    .breadcrumb-container .breadcrumb { white-space: nowrap;}
}

/*- Paging -*/
.paging { text-align: center; direction: ltr;margin:15px 20px ;padding-top:20px;border-top:1px solid #F0F3F5}
.paging a{font-size:1.125rem;font-weight:bold;color:#5e942b;padding:5px 16px;background:#FFF;border-radius:5px; display:inline-block;margin:4px 2px;}
.paging > span{font-size:1.125rem;font-weight:bold;padding:5px 16px;background-color:#F2F2F2;border-radius:5px;display:inline-block;}
.paging .before-page ,.paging .next-page {font-weight:normal;width:180px;} 
.paging .before-page span {background:#fff url(../images/navigate-before.png) no-repeat center;}
.paging .next-page span {background:#fff url(../images/navigate-next.png) no-repeat center;}
.paging .before-page span ,.paging .next-page span {background-size:24px;width:24px;height:24px;display:inline-block;vertical-align:middle;} 
@media only screen and (max-width:768px) {
    .paging .before-page ,.paging .next-page {text-align:center;width:100%;border:1px solid #f5f5f5;margin:15px 0} 
}


/* Navigation */
.cr-menu ul{list-style:none; background:#fff;font-family:IRANSans-web}
.crm-li{background:#fff;}
.crm-item{position:relative}
.crm-item a{display:block;padding:8px 7px 8px 0;font-size: 14px;color:#212121}
.crm-item:hover{background:#F5F5F5}
.crm-item-act, .crm-item-expanded{background:#F5F5F5}
.crm-item-act a{color:#C60}
.c-exp, .cc-exp, .c-clp, .cc-clp{background:url(../images/cat-exp-clpeccb.png?3) no-repeat center 5px;background-size:28px;position:absolute;top:0;left:0;width:35px;height:100%;cursor:pointer; outline:0;}
.c-exp:hover{background-position:center -40px}
.c-clp{background-position:center -92px}
.c-clp:hover{background-position:center -136px}
.cc-exp{background-position:center -3px}
.cc-exp:hover{background-position:center -48px}
.cc-clp{background-position:center -100px}
.cc-clp:hover{background-position:center -144px}
.cl-child{display:none; padding:10px 15px 10px 0;}
.cl-child li{margin-top:2px}
.cl-child a{display:block;padding:3px 5px 3px 0;font-size:14px;color:#212121}
.cl-item:hover a, .cl-item-act a{color:#C60;}
.cl-item{position:relative}

/* ------------- Footer  */
.footer{background:#fff;border-top:2px solid #5e942b; padding-bottom:5px;}
.footer-links{text-align:center;margin:20px 10px}
.footer-link{font-size: 15px;color:#212121;margin:5px 0 5px 15px;display:inline-block}
.footer-apps-buttons{text-align:center; font-size:0;max-width:750px; margin:0 auto; padding:10px 0 10px 0;}
.footer-more-details{display:flex; flex-direction:row-reverse;margin:20px 10px;}
.footer-more-details-item{padding:10px;flex-direction:column;justify-content: center;align-content:center;display:flex;margin:0 10px}
.footer-more-details-item p{text-align:justify}
.footer-more-details-item.namad { padding:0;}
@media only screen and (max-width:768px){
    .footer-more-details-item.namad{width:100px;display:inline-block;margin:15px 0;}
    .footer-more-details { display: block;text-align:center; }
    .footer-apps-buttons{max-width:450px}
}

/* Books page */
/* Pages content block */
.page-content-block {width:100%;margin:25px 0 30px 0;background:#FFF;border-radius:10px;box-shadow:0 2px 4px rgba(0, 0, 0, 0.1);padding:1px 20px 10px 20px;font-size:1rem; color:#212121;position:relative}
.page-content-block h1{color:#212121;font-size: 1.625rem;line-height:200%;display:block;margin-bottom:15px}

#TableOfContentsBook{overflow:hidden;position:relative;padding-top:20px;}
#TableOfContentsBookExpandShadow {background-image:linear-gradient(to bottom,rgba(255,255,255,0) 0,rgb(255,255,255) 100%);position:absolute;left:0;bottom:0;border:0;width:100%;height:40px;}

.book-description-content, .author-biography-content, .category-page-description, .book-with-details {padding:0 20px 0 20px;font-size:16px;line-height:235%;position:relative; color:#212121;}
.book-description-content h2, .author-biography-content h2, .category-page-description h2, .book-with-details h2 {font-size:1.25rem !important;color:#212121 !important;line-height:200%;margin:10px 0;}
h2.section-title {font-size:1.125rem;color:#212121;line-height:200%;margin:10px 0;display:inline-block;position:relative;}
.book-description-content p, .author-biography-content p, .category-page-description p, .book-with-details p{margin:1.2em 0}

.books-block .summary{margin-bottom:15px; padding:15px 5px;line-height:235%;color:#212121; font-size:15px; text-align:center; font-style:italic;   border-top: 1px solid #f5f5f5;border-bottom: 1px solid #f5f5f5}
.books-block .summary > div{display:inline-block;}

/* For book pages */
#btnExpandBookDescription{height:45px; outline:0;border:0; display:inline-block;width:100%;background-color:#fff;cursor:pointer;font:16px/230% IRANSans-web;color:#212121; text-align:right; -webkit-tap-highlight-color:rgba(0, 0, 0, 0.03);   transition:background-color 0.2s;}
#btnExpandBookDescription span.drop-down, #btnExpandBookDescription span.drop-up{background:right center/24px no-repeat;display:inline-block;width:20px; height:25px; vertical-align:middle;margin-left:5px}
#btnExpandBookDescription span.drop-down {background-image:url(../images/ic-arrow-drop-down-black.png); }
#btnExpandBookDescription span.drop-up{background-image:url(../images/ic-arrow-drop-up-black.png);margin-top:2px}

.book { padding: 20px;  position:relative}
.book .book-page-title {margin-bottom:10px;font-size: 20px;}
.book h1{color:#212121;font-size: 1.625rem;line-height:200%; }

.rating-options {display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;padding-bottom:5px;border-bottom:1px solid rgba(0,0,0,0.05);}
.rating-options a{color:#424242}


@media only screen and (max-width:600px) {
    .book h1, .page-content-block h1 { font-size: 1.25rem;}
    .books-block .summary > div:nth-child(1){display:block;}
    .books-block .summary > div:nth-child(4){display:block}
}

/* Book image zoom*/
div.jquery-image-zoom{line-height:0;font-size:0;z-index:30;margin:-5px;border-radius:10px;box-shadow:0 1px 10px rgba(0, 0, 0, 0.4)}
div.jquery-image-zoom a{background:url(../images/jquery.imageZoom3.png) no-repeat;background-size:24px;display:block;width:25px;height:25px;position:absolute;left:-9px;top:-9px;/* IE-users are prolly used to close-link in right-hand corner */ *left:auto;*right:-17px;text-decoration:none;text-indent:-100000px;outline:0;z-index:11}
div.jquery-image-zoom a:hover{background-position:left -25px}
div.jquery-image-zoom img, div.jquery-image-zoom embed, div.jquery-image-zoom object, div.jquery-image-zoom div{width:100%;height:100%;margin:0;border-radius:10px}

/* Audio book table of content list */
.ab-toc-item{background:#fff;padding:10px 3px 10px 3px;line-height:0;border-bottom:1px solid #f2f2f2;clear:both; font-size: 1rem }
.ab-toc-item-title{position:relative;width:80%;line-height:210%;display:inline-block;float:right;text-align:right;white-space:nowrap;overflow:hidden;}
.ab-toc-item-duration{width:20%;line-height:220%;display:inline-block;max-width:80px;float:left;text-align:left;padding-left:2px;box-sizing:border-box;}
.ab-toc-item-mp3-player{display:flex;flex-direction:row; justify-content:space-between;align-items:center;border-bottom:1px solid #f2f2f2;padding:15px 3px 15px 3px;}

/* Error  */
.error-box{padding:60px;display:inline-block;width:100%;text-align:center}
.error-box-bg{background:url(../images/error-128px.png) center center no-repeat;background-size:contain;height:100px;width:100px;margin:0 auto}
.error-box-message {   text-align: center; font: 18px IRANSans-web; margin: 20px 0; color: #212121; white-space: nowrap; }

/* Quick links navigation */
.ql-nav { position: relative; margin-top:20px; overflow-x: hidden; height: 53px;   }
.category-books .ql-nav { margin: 15px 10px }
.ql-nav ul { display: block; margin-top: 5px; }
.ql-nav li { display: inline-block; margin-left: 10px; line-height: 240%; border-radius: 10px; overflow: hidden; background-color: #F0F3F5; }
.ql-nav li a { display: inline-block; }
.ql-nav li a:hover h2 { color: #C60 }
.ql-nav ul li h2 { color: #212121;   }
.ql-nav li h2 { font-size: 1rem; font-weight: normal; padding: 1px 13px 0 13px }
.ql-nav-content { white-space: nowrap; position: absolute; right: 2px; z-index: 1; transition-property: right, left; transition-duration: 1s; }
.ql-category-item { display: none !important }
.ql-nav-scroll-to-right { background: rgba(255, 255, 255, 0.85) url(../images/ic-arrow-right.png) no-repeat center center; right: 0; box-shadow: -2px 0 3px 0 rgba(50, 50, 50, 0.25); display: none; border-radius: 0 10px 10px 0 }
.ql-nav-scroll-to-left { background: rgba(255, 255, 255, 0.85) url(../images/ic-arrow-left.png) no-repeat center center; left: 0; box-shadow: 2px 0 3px 0 rgba(50, 50, 50, 0.25); border-radius: 10px 0 0 10px }
.ql-nav-scroll-to-right, .ql-nav-scroll-to-left { width: 28px; height: 100%; background-size: 13px; position: absolute; top: 0; z-index: 2; cursor: pointer; transition: background-color 0.2s linear; }
.ql-nav-scroll-to-right:hover, .ql-nav-scroll-to-left:hover { background-color: #ECEFF1 }
#divBooksGridViewAndBanners .ql-nav {margin:0 0 0px 0 !important;padding:0 2px !important}

@media only screen and (max-width:768px) {
    .ql-category-item { display: inline-block !important }
    /*Home page*/
    #divBooksGridViewAndBanners .ql-nav { display: block; margin-bottom: 15px; }
}
#divBooksGridViewAndBanners .ql-nav li { background-color:#fff;}

 .dividing-line{height:1px;background-color:#E5E5E5;width:100%;margin:20px 0 5px 0}

/* Authors pages */
.author-biography {padding:20px;}
.author-biography h1{color:#212121;font-size: 1.625rem;line-height:200%; }
.author-biography > p {color:#616161; }
.author-biography .columns{display:flex; margin-top: 25px; align-items: center;}
.author-profile{font-size:0;margin-left:20px;flex-shrink:0; flex-basis: 170px;}
.author-profile img{border-radius:50%; box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3); width: 170px; height: 170px;}
.author-biography .summary{line-height:230%; flex-grow:1}

@media only screen and (max-width:768px) {
    .author-biography h1{ font-size: 1.25rem;}
    .author-biography .columns{display:flex;flex-direction:column-reverse;align-items:center;}
    .author-profile{text-align:center;max-width:320px;margin-left:0;}
    .author-profile img {width: 200px; height: 200px;}
    .author-biography .summary{margin-top:25px}
}

/* categories page  */
.category-books { background: #FFF; border-radius: 10px; padding: 10px 0;   text-align: right; color: #212121; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .1);}
.category-books h1{color:#444;font: bold 20px IRANSans-web;display:block;margin:10px 10px}
.page-title-description{color:#777;font:normal 13px IRANSans-web;margin:3px 10px 10px 10px}

/* ketabrah app message */
.ketabrah-app-message{display:block;position:fixed;width:100%;z-index:19;bottom:0;background-color:#FFF}
.ketabrah-app-message-content { width: 100%;   background: #5e942b; font-size: 14px; color: #fff; padding: 5px; display: inline-block; text-align: center; }
.ketabrah-app-message span{padding-top:3px;display:inline-block}
.ketabrah-app-message-btn { background: #ffffff url(../images/android-ios-windows.png) no-repeat right; background-size: 70px; color: #414141 !important; padding: 5px 85px 5px 15px; border-radius: 3px; font-size: 15px; display: inline-block; margin-right: 15px; opacity: 1; transition: opacity 0.5s;font-weight: bold }
.ketabrah-app-message-close{width:18px;height:18px;background:url(../images/ketabrah-app-close.png) no-repeat;background-size:contain;margin-top:7px;margin-right:20px;float:left}
.ketabrah-app-message-buttons{display:inline-block}
.ketabrah-app-install-buttons{max-height:0;transition:max-height 0.9s;text-align:center; font-size:0;max-width:600px;margin:0 auto}
@media only screen and (max-width:560px) {
    .ketabrah-app-message-buttons { display: block; margin-top: 10px }
    .ketabrah-app-message-close { float: none; display: inline-block; margin-bottom: -7px }
}

.download{background:url(../images/android-direct-download.png) no-repeat center top}
.android{background:url(../images/google-play.png) no-repeat center top}
.ios{background:url(../images/itunes-app-storec81e.png?2) no-repeat center top}
.windows{background:url(../images/windows-download.png) no-repeat center top}
.download,.android,.ios,.windows{display:inline-block;vertical-align:bottom;margin:10px 0.5% 10px 0.5%;width:24%;height:53px;background-size:contain}
@media only screen and (max-width:480px){
.download,.android,.ios,.windows{width:48%}
.ketabrah-app-install-buttons{max-width:350px}
}

/* Book page:How to read books */
.how-to-read-books{padding:20px;}
.how-to-read-books>.title{margin-bottom:10px;}
.how-to-read-books>.title h3{color:#212121; font-size:18px; margin:10px 0; display:inline-block;width:100%;  }
.how-to-read-books>.right{width:120px;overflow:hidden;float:right;}
.how-to-read-books>.left{width:100%;float:left;margin-right:-120px; padding:10px 135px 0 0;  }
.how-to-read-books > .left p{font-size:15px;line-height:220%;}
.how-to-read-books img{width:120px; border:1px solid #F5F5F5;border-radius:5px}
.how-to-read-books > .left > .download-links{margin:15px 0;}
.how-to-read-books .send-link-by-sms{margin:10px 0}

@media only screen and (max-width:480px){
.how-to-read-books>.right{width:100px;}
.how-to-read-books>.left{width:100%;float:left;margin-right:-100px; padding:10px 110px 0 0;  }
.how-to-read-books img{width:100px;}
}
.send-link-by-sms{max-width: 635px; margin: 0 auto 10px auto;   padding:0 10px;}
.send-link-description{ margin: 0 0 14px 0;display: inline-block;color: #212121;}
.txt-phone-number{ display: inline-block;width: 300px;font: 13px IRANSans-web;border-radius: 5px;border: 1px solid #E0E0E0;padding: 5px;background: #F5F5F5;color: #444; vertical-align:middle;}
@media only screen and (max-width:750px) {
    .send-link-by-sms {display: none;}
}

/* Book reader pages */
.book-reader-column{width:70%;margin:0 auto}
.book-reader-column-screenshot{width:30%;float:left;margin-right:30px;height:400px}

.context-selector-tabs{-webkit-tap-highlight-color:rgba(0,0,0,0);border-bottom:1px solid #2962FF;height:48px;margin-bottom:50px;margin-top:20px}
.context-selector-tab-container{height:48px;margin:0;font-size:1rem}
.context-selector-tab{border-bottom:1px solid transparent;display:inline-block;height:48px;line-height:48px;padding:0 10px;white-space:nowrap}
.context-selector-tabs a, .context-selector-tabs{color:#666}
.context-selector-tabs a:hover{color:#2962FF}
.context-selector-tabs .context-selector-selected{border-bottom:3px solid #2962FF;color:#2962FF;font-weight:bold}

@media only screen and (max-width:360px){
.context-selector-tabs a, .context-selector-tabs{font-size:12px}
.context-selector-tab{padding:0 7px}
}

/* External link */
.external-link{background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAA/UlEQVQYV12QwWrCQBCG9yLFi2d76EVQDx576sHgbhTMA3jTPksh2STVUlBPfQkfqO8gqOzGmEKn808xiAvLkJlv//zzK2P9bvJBZKz7HecV6iF627dC675N6olvxT1SkxVD2dkESfGk41N/nJWdaEMPz1/UMImPp2sR+VGgAam7Y5JiJooMoyqTFhSmZQ/Dl09qovJv59GWlRiGMmwIGMTHbq2UugUgwPiGDXgWUL+XfTS1da88IMDXh/CMBVWYX2ho/aPOL4MpQ4BvbciCnIYsM1q6tjQZVncHiyI6iUfbcwhYlNkGPGNBgTg6MEoCX0lWBBvwXF/u/c/87g96DLwN1VorFQAAAABJRU5ErkJggg==) no-repeat center left;background-size:10px;width:10px;height:10px; padding-left:13px; }

.list-sort-container{text-align:left;margin:20px 0 0 10px}
.ddl-custom{position:relative;display:inline-block;margin:10px 0 10px 10px;}
.ddlc-current-option { display: flex; align-items: center; justify-content: space-between;   flex-direction: row-reverse; color: #333 !important; border-radius: 10px; background-color: #F0F3F5; cursor: pointer;-webkit-tap-highlight-color: rgba(0,0,0,0.1); }
.ddlc-current-option .arrow {background: url(../images/drop-down-sort-box-arroweccb.png?3) no-repeat center; background-size: 24px; height: 24px; width: 24px;}
.ddlc-current-option .title{padding: 7px 10px 7px 1px;font-size: 16px;}
.ddlc-options { position: absolute; min-width: 135px; background-color: #fff; right: 0; top: 43px; border-radius: 10px; overflow: hidden; z-index: 3; display: none; text-align: right; box-shadow: 0 0 0 1px #CFD8DC; }
.ddlc-options a{display:block;color:#212121;font-size:14px;padding:8px 10px}
.ddlc-options a:hover{background-color:#F0F3F5}

.library-list {display: flex;width: 100%;flex-wrap: wrap;}
@media only screen and (max-width:480px){
.library-list{display: grid;width: 100%;}
}
@media only screen and (max-width:768px) {
.center{padding:0 5px}
.page-title h1{font-size:21px}
/* .page-column-side{display:none} */
.page-column-main{margin-bottom:15px;}
.crm-item a{padding:10px 11px 10px 0;font-size:16px;}
.cl-child a{padding:4px 20px 4px 0}
.footer-link{margin:5px 0 5px 15px}
.page-title-description{font-size:10px;line-height:200%}
/*.book-cover-img-zoom{display:none}*/
/* for user account */
.cnt-right .cr-menu{display:none}
.cnt-left{width:100%;margin:0}

.Preface-right{float:right;width:30%}
.Preface-left{width:70%}
.author-tab{width:40%}
.author-tabs-content table{width:100%;margin:15px 0}
.book-reader-column{width:100%}
.external-link{background-size:13px;width:13px;height:13px; padding-left:16px; }
.ddlc-current-option .arrow {background-size: 20px; height: 20px; width: 20px; }
.ddlc-current-option .title { padding: 5px 10px 5px 1px; font-size: 13px; }
.ddlc-options { min-width: 125px; }
.ddlc-options a { font-size: 13px; padding: 8px 10px }
}

/* Icons on book covers */
.book-cover-gift{position:absolute;bottom:0;left:0;width:32px;height:32px;background:url(../images/gift-for-book-covers.png) no-repeat;background-size:32px;z-index:1;}
@media only screen and (max-width:480px){
    .book-cover-gift{width:24px;height:24px;background-size:24px;}
}

/* Images preload */
#preload-01{background:url(../images/itunes-app-store.png) no-repeat -9999px -9999px}
#preload-02{background:url(../images/google-play.png) no-repeat -9999px -9999px}
#preload-03{background:url(../images/android-direct-download.png) no-repeat -9999px -9999px}
#preload-04{background:url(../images/windows-download.png) no-repeat -9999px -9999px}
#preload-05{background:url(../images/ic-thumb-up-green.png) no-repeat -9999px -9999px}
#preload-06{background:url(../images/ic-thumb-down-red.png) no-repeat -9999px -9999px}

/* book list for account pages */
.book-list-with-options{background-color:#FFF;overflow-y:auto;}
.blwo-book{text-align:right; margin-bottom:40px;}
.blwo-book h2{font-size:16px;color:#212121;margin-bottom:10px;display:inline-block;}
.blwo-book h2:hover{color:#c60}
.blwo-cover{float:right;width:100px;margin-left:10px;min-height:143px;position:relative;font-size:0;overflow:hidden;border-radius:5px;}
.blwo-cover a{display:inline-block}
.blwo-cover img{min-height:100px;border-radius:5px;}
.blwo-details{overflow:hidden;min-height:120px}
.blwo-authors{margin-bottom:10px;color:#444;}
.blwo-cover .blwo-sample-book { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; background-color: rgba(0,0,0,0.7); color: #fff;font-weight: bold; font-size: 15px; padding: 3px 0;}

.popup-mask{position:fixed;top:0;left:0;z-index:15;width:100%;height:100%; visibility:hidden;transition:all ease-in-out 0.2s;background-color:#000; opacity:0;}
.full-screen-popup{position:fixed; top:0; right:0; bottom:0; left:0; background:#FFF; height:100%;z-index:20;-webkit-animation: fadeIn 0.2s;animation: fadeIn 0.2s; opacity:0;}
.full-screen-popup-header{background:#fff;font-size:0; z-index:2;position:fixed;top:0;left:0;width:100%; height:55px; border-bottom:1px solid #5e942b;}
.full-screen-popup-header-title{min-height:52px; overflow:hidden; white-space:nowrap;text-align:right;   line-height:50px;font-size:15px; font-weight:bold;position:relative; padding-top:2px; padding-right:15px;}
.full-screen-popup-header-title .line-end{height:50px; background-image:linear-gradient(to left, rgba(255, 255, 255, 0) 0, #fff 100%);bottom:auto}
.full-screen-popup-header-close{float:left; background: url(../images/full-screen-popup-close.png) no-repeat center; background-origin:border-box; min-height:54px; width:60px; border:0; background-size:24px;outline:0;}
.full-screen-popup-header-close:hover{background-color:#eee}
.full-screen-popup-container {overflow-y:auto; position:absolute;top:0; right:0; bottom:0; left:0; margin-top:52px;height:auto;display: block;}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
      to { opacity: 1; }
}
@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@media only screen and (min-width:768px) {
    .full-screen-popup {width: 400px; height: 80%; top: 60px; left: 50%; bottom: auto; right: auto; margin-left: -250px; border-radius:10px; overflow:hidden; box-shadow:2px 2px 13px 1px rgba(0, 0, 0, 0.5);}
    .full-screen-popup-header {position: absolute; top: 0; left: auto; right: auto;}
}

.full-screen-popup-content {}
.popup-content-title{text-align:center; font-weight:bold; margin:0 0 15px 0;font-size:14px; color:#424242; display:inline-block;}

/* full screen popup: install apps */
.full-screen-popup-content .install-apps { text-align: center; font-size: 0; padding: 10px 0;}
.full-screen-popup-content .install-apps > div {margin:15px;display:block;width:auto;max-width:none;}

.popup-share {font-size:0;margin:0 auto; width:280px;}
.popup-share > .short-link{width:100%; text-align:right;   background:#f5f5f5; padding:10px; margin:10px 0; border:1px solid #EEEEEE;}
.popup-share > .short-link p{font-size:13px;color:#212121; display:inline-block;margin:0 0 0 10px}
.popup-share > .short-link input{cursor:pointer;}
.popup-share > .short-link input, .popup-share > .share-sms-email input[type=text]{display:inline-block;   text-align:left;border:1px solid #ddd; padding:3px 5px; border-radius:2px;width:150px}
.popup-share > .share-sms-email {  margin-bottom:10px; background:#f5f5f5; padding:10px; border:1px solid #EEEEEE;}
.popup-share > .share-sms-email p{font-size:13px;margin-bottom:10px;}
.popup-share > .share-sms-email input[type=text] {font:13px IRANSans-web;  text-align:right}
.popup-share > .share-sms-email button{background:#5e942b; color:#fff;font:13px IRANSans-web; padding:2px 9px; margin-right:5px; border-radius:2px; border:1px solid #5e942b;}
.popup-share > .share-sms-email button:hover{background:#5e942b;}
.popup-share > .right{float:right; width:135px}
.popup-share > .left{float:left; width:135px}
.popup-share  .section{ padding-bottom:10px; text-align:center;}
.popup-share  .section a{display:inline-block; background:#f5f5f5; border:1px solid #EEEEEE; padding:13px 10px 10px 10px; width:135px; }
.popup-share  .section img{width:40px;height:40px;}
.popup-share  .section p{font-size:11px; color:#039BE5;margin-top:7px}

.full-screen-popup-loading {position:absolute; float:left; top:50%; left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%); }
.spinner { height: 40px; width: 40px; margin: 0 auto 0 auto; position: relative; -webkit-animation: rotation 1s infinite linear; -moz-animation: rotation 1s infinite linear; animation: rotation 1s infinite linear; border-left: 5px solid #EEEEEE; border-right: 5px solid #EEEEEE; border-bottom: 5px solid #EEEEEE; border-top: 5px solid rgba(112, 148, 78,0.8); border-radius: 100%; }
.small-spinner{height: 24px; width: 24px;border-left:2px solid #EEEEEE; border-right: 2px solid #EEEEEE; border-bottom: 2px solid #EEEEEE; border-top: 2px solid #5e942b; border-radius: 100%;}

@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0); }
    to { -webkit-transform: rotate(359deg); }
}
@-moz-keyframes rotation {
    from { -moz-transform: rotate(0); }
    to { -moz-transform: rotate(359deg); }
}
@-o-keyframes rotation {
    from { -o-transform: rotate(0); }
    to { -o-transform: rotate(359deg); }
}
@keyframes rotation {
    from { transform: rotate(0); }
    to { transform: rotate(359deg); }
}

/* Book overview */
.book-overview {display:inline-block;font-size:0;margin:15px 0 10px 0; border-radius:5px; color:#424242; overflow:hidden;background:#FAFAFA; box-shadow:inset 0 1px 0 rgba(255, 255, 255, .2), 0 0 1px rgba(0, 0, 0, .2);}
.book-overview:hover{color:#424242;}
.book-overview .cover{float:right; width:80px; min-height:50px;position:relative;}
.book-overview .cover img{max-width:100%;}
.book-overview .details{overflow:hidden; min-height:50px; padding:10px}
.book-overview .title{font-weight:bold; margin-bottom:8px;font-size:13px }
.book-overview .author{margin-bottom:8px;}

.book-reviews{margin-top:35px; display:flex;border-bottom:1px solid rgba(0,0,0,0.05);justify-content:space-between;padding-bottom:15px}
.book-reviews-top-right {width:50%;display:flex;}
.book-reviews-top-left {width:50%;padding-right:15px;}

.book-reviews-book-cover{width:150px;position:relative;margin-left:15px}
.book-reviews-book-cover a{position:relative; display:inline-block;font-size:0;}
.book-reviews-book-cover img{max-width:100%; border-radius:5px;min-height:150px}
.book-reviews-book-details{min-width:175px}
.book-reviews-book-details li{line-height:200%;color:#616161;font-size:0.875rem;}

textarea{width:100%;font: 14px IRANSans-web;line-height:28px;color:#333; border-radius:3px; border:1px solid #D9D9D9;padding:7px;  }
textarea:disabled {background:#ECEFF1;border:1px solid #CFD8DC}

/* Short rating */
.short-rating-stars{line-height:100%;font-size:0.875rem;}
.short-rating-stars .star-rating{background:url(../images/ic-comment-on-golden-32.png) no-repeat center left;background-size:16px;color:#212121;padding-left:19px;float:left;font-weight:bold;}
.short-rating-stars .count{float:left;margin-left:5px;color:#666;font-size:0.75rem;}

/* Small rating */
.small-rating-stars{ background: url(../images/star-round-border-gray.png) repeat-x center right;background-size:14px;height:14px; width:70px; display:inline-block;}
.small-rating-stars-value{ background: url(../images/star-round-gray.png) repeat-x center right;background-size:14px;height:14px;width: 0;float:right}
.small-rating-stars-value.golden{background-image:url(../images/star-round-gold.png)}
.small-rating-reviews-num {display:inline-block;font-size:0.75rem;margin-right:7px;color:#212121;min-width:35px}
.book .small-rating-stars{background-size:18px;height:18px; width:90px;}
.book .small-rating-stars-value{background-size:18px;height:18px;}


/* Big rating */
.big-rating-stars{ background: url(../images/ic-comment-132.png) repeat-x center right;background-size:28px;height:28px; width:140px; margin:0 auto; cursor:pointer;}
.big-rating-stars-value{ background: url(../images/ic-comment-on-132c4ca.png?1) repeat-x center right;background-size:28px;height:28px;width: 0;float:right}
.big-rating-stars-disable{background-image:url(../images/ic-comment-disable-132.png);margin-top:5px}


/* Book score details */
.book-score-details {display: flex; justify-content: center; align-items: center;direction:ltr;}
.score-container { text-align: center; flex-grow: 0; flex-shrink: 0; margin-right: 15px }
.score-container .score { font-size: 35px; line-height: 100%; color: #424242; font-weight: bold; }
.score-container-star-rating { margin: 5px auto; text-align: center; }
.reviews-stats {   line-height: 15px; font-size: 14px;font-weight:bold; }
.score-container-star-rating .small-rating-stars { margin: 0 auto; }
.reviewers-small { background: url(../images/ic-person.png) no-repeat center right; background-size: 16px; width: 20px; height: 15px; display: inline-block; position: relative; top: 3px; }
.reviewers-small .reviews-num { display: inline-block; height: 15px; position: relative; top: 0; font-size: 15px;color: #424242; }

/* Book score chart */
.book-score-chart {flex:1;font-size: 0;}
.brc-stars {display: flex; font-size: 0; border-bottom: 1px solid #FFF; }
.brc-title {width: 24px; }
.brc-title-icon-star {background-size: 12px; padding-left: 20px; padding-top: 2px; text-align: right; width: 24px; display: inline-block; box-sizing: border-box; font-size: 13px; font-weight: bold; height: 16px; line-height: 100%; box-sizing: border-box; color: #424242; }
.brc-chart {overflow: hidden; margin: 3px 0 0 10px; width: 100%; background-color: #F0F3F5; height: 10px; font-size: 0; border-radius: 10px; }
.brc-chart-bg { background-color: #5e942b; height: 10px; float: left; border-radius: 10px }

@media only screen and  (max-width:850px) {
.book-reviews {flex-direction:column}
.book-reviews-top-right {width:100%}
.book-reviews-top-left {width:100%;max-width:100%;padding-right:0;}
.book-score-details {margin:30px auto;}
}

.submit-reply-form{padding:15px 40px 15px 0;font-size:0;line-height:0;}
.name-of-reply-submitter{float:right; min-height:38px;width:38px; font-size:0;line-height:0; position:relative;margin-top:4px}
.name-of-reply-submitter img{width:100%}
.textarea-contaner{font-size:0 !important;line-height:0 !important; overflow:hidden;padding-right:8px}
.submit-reply-form #TextAreaCommentText{display:inline-block;}

/* Comment form */
.comments{overflow:auto;}
.see-all-comments{text-align:center; display:block; padding:15px 0 10px 0;font-size:15px; font-weight:bold; margin:0 20%; }
.see-all-comments span {background-color:#F2F2F2;border-radius:10px;padding:0 5px;font-weight:normal}
.submit-comment-form{text-align:center; margin-top:15px}
.name-of-comment-submitter{text-align:center;}
.name-of-comment-submitter img{width:50px;border-radius:50px; border:1px solid rgba(0, 0, 0, 0.07);}
.name-of-comment-submitter div{min-height:34px;font-size:1.3em;color:#616161}
.comment-stars{margin:0 auto 15px auto}
.comments textarea{}
.comment-signin-message {font-size:15px;margin-top:5px; color:#212121;  }
.comment-signin-message a{font-size:15px;}
.submit-comment-message{display:none; padding:10px 0; color:#B71C1C; font-size:14px;line-height:200%;  }
.submit-first-comment{padding:20px 0; text-align:center;  font-size:15px;color:#424242;background-color:#FAFAFA;border-radius:5px;}

/* Comment item */
#CommentItems .comment-item:first-child{border-top:0;}
.comment-item{border-top:1px solid rgba(0,0,0,0.05);margin:0;display: inline-block; width:100%;padding-top:10px;}
.comment-profile-picture{float: right;width:44px;min-height:48px;text-align: right;padding-top:4px}
.comment-profile-picture img{width:38px;height:38px}
.comment-contents{ overflow: hidden;min-height:48px}
.comment-contents-header{overflow: hidden;}
.comment-contents-header-right{float: right; min-height:40px;}
.comment-contents-header-user-name{ width: 100%;font-size: 14px;color:#757575;font-weight: bold;}
.comment-contents-header-stars{float:right;min-height:20px;margin-left:10px;padding-top:4px}
.comment-contents-header-date{float:right;font-size: 13px;color:#9E9E9E; margin-top:4px}
.comment-contents-header-left{overflow: hidden;min-height: 40px;}
.comment-text{ font-size: 0.94rem;margin-top: 10px;color: #212121;line-height:210%;  }
.comment-text button{font-style:italic; color: #5e942b; background-color: #fff; font:bold 0.94rem 'IRANSans-web';line-height:180%; padding-left: 7px;border:0; outline: 0;-webkit-appearance:none;}
.comment-footer{padding-bottom:5px}
.comment-footer a{font-size:14px !important;background:url(../images/ic-reply.png) no-repeat center right;background-size:18px;padding: 5px 20px 5px 5px; display:inline-block;  }
.comment-footer a:hover{color:#C60;}

.comment-vote{height:40px;float:left;}
.comment-vote span{line-height:40px}
.comment-up-vote{ float: right;background:url(../images/ic-thumb-up.png) no-repeat center right;padding:0 20px 0 0;margin-left:5px ;text-align: left;}
.comment-down-vote{ float: left;background:url(../images/ic-thumb-down.png) no-repeat center left;padding: 0 0 0 22px;margin-right:5px ;text-align: right;}
.comment-up-vote,.comment-down-vote{cursor:pointer;background-size:16px; min-width:10px; cursor:pointer;}
.comment-item:hover .comment-up-vote {background-image:url(../images/ic-thumb-up-green.png); opacity:0.8;}
.comment-item:hover .comment-down-vote {background-image:url(../images/ic-thumb-down-red.png); opacity:0.8;}
.comment-item:hover .comment-up-vote:hover {opacity:1;}
.comment-item:hover .comment-down-vote:hover {opacity:1;}
.comment-up-vote:hover{opacity:1;}
.comment-down-vote:hover{opacity:1;}
.comment-up-vote-active {background-image:url(../images/ic-thumb-up-green.png)}
.comment-down-vote-active {background-image:url(../images/ic-thumb-down-red.png)}

.book-cover::before, .book-reviews-book-cover a:before, .book-with-details .cover:before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 2px 0 rgba(0,0,0,.2);border-radius:10px}


.bold-black{font-weight:bold;color:#5e942b}
.book-main-info{display:-webkit-box;display:flex;}
.book-main-info-cover .book-cover{display:inline-block;position:relative;}
/* .book-main-info-cover img{border-radius:10px;width: 180px;height:257px;font-size:0.812rem;} */
.book-main-info-cover img{border-radius:10px;font-size:0.812rem;}
.book-main-info-cover {position: relative;display: inline-block;-webkit-flex-grow:0;flex-grow:0;-webkit-flex-shrink:0;flex-shrink:0;margin-left:25px;min-height:257px;width:25%;font-size:0;}
.authors-buttons {display:-webkit-box;display:inline-block;position: relative;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-grow:1;flex-grow:1;}
.book-main-info-authors li{line-height:210%;font-size:15px;color:#424242;padding-right: 7px;}
.book-main-info-buttons {-webkit-flex-shrink:0;flex-shrink:0;margin-top: 15px;}
/* .book-main-info-buttons .get-book-options{margin:0;} */

@media only screen and (max-width:768px) {
    .book-main-info-cover {min-height:185px;}
    .book-main-info-cover img{}
    .book-main-info-cover{width:50% !important;}
}

@media only screen and (max-width:1024px) {
    /*.book-main-info-buttons{width:auto;}*/
    .book-main-info-cover {}
    .authors-buttons{flex-direction:column;}
    .authors-buttons .get-book-options{margin-top:15px;}
}


/* book grid with background */
.books-grid{font-size:0; }
.books-grid .row {display:-webkit-box;display: flex;-webkit-flex-grow: 1;flex-grow: 1; padding: 5px 15px 20px 15px;}
.books-grid .cell {overflow: hidden;-webkit-flex: 1 1 0;flex: 1 1 0; margin: 0 10px;max-width: 172px}

/* Cover */
.books-grid .cover{display:inline-block; overflow:hidden;line-height:0;position:relative; border-radius:5px;max-width:100%;position:relative;}
.books-grid .cover img{min-height:150px;line-height:normal}
@media only screen and (min-width:768px) {
    .books-grid .cell .cover:after { background: none; box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2); position: absolute; top: 0; bottom: 0; right: 0; left: 0; z-index: 2; content: ' '; transition: all 0.3s; }
    .books-grid .cell:hover .cover:after { background: rgba(0, 0, 0, 0.15); }
    .books-grid .cover img{min-height: 171px}
}

/* Title */
.books-grid h3{font-weight:normal;}
.books-grid .title{position: relative;color:#fff; display:block;line-height:1.9em; font-size:15px; min-height:1.9em;max-height:3.8em; white-space:nowrap;text-overflow: ellipsis; overflow:hidden; margin: 7px 2px 3px 0;}
.books-grid .title:hover{color:#fff;}
.books-grid.white .title{color:#212121;}
.books-grid.white .title:hover{color:#C60 !important;}

/* Authors */
.books-grid .authors{position: relative;color:#eee; width:60%; float:right;font-size: 12px;}
.books-grid .authors a { color: #F5F5F5; font-size: 0.875rem; line-height:2em; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-right:2px;}
.books-grid .authors a:hover{color:#F5F5F5;}
.books-grid.white .authors a{color:#424242;}
.books-grid.white .authors a:hover{color:#C60  !important}
.authors.gray-title a, .authors.gray-title a:hover { color: #212121; }

/* Price */
.books-grid .price {line-height: 2em; text-align: left; font-size: 0.875rem; display: inline-block; float: left; overflow: hidden; width: 40%; }

.books-grid.dark .price {color:#fff !important}
.books-grid.dark .rating-bg {background:url(../images/star-rate-white.html) no-repeat center 0;background-size:10px;}
.books-grid.dark .rating-score {color:#fff;}
.books-grid.dark .price-without-discount {color:#fff;}
.books-grid.dark .price-without-discount:after {background-color:#fff;}

.books-grid.white .price {color:#424242;}
.books-grid.white .price-without-discount {color:#757575;}

.books-grid.light .price {color:#212121;}
.books-grid.light .price-without-discount {color:#424242;}
.books-grid.light .price-without-discount:after {background-color:#424242;}

.books-grid .price.discounted{color:#D50000}

.books-grid .percent-40{width:40%;}
.books-grid .percent-60{width:60%;}
.books-grid .percent-100 { width: 100%; }

@media only screen and (max-width:768px) {
    .books-grid {font-size:0;display:-webkit-box; display: flex; overflow-x: auto;}
    .books-grid .row {-webkit-flex-shrink:0;flex-shrink:0;}
    .books-grid .cell { width: 120px; -webkit-flex-basis:120px;flex-basis:120px;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-grow:0;flex-grow:0;font-size:0;}
    .books-grid .cell .cover:after{box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.15)}
    .books-grid .title{ font-size: 14px}
    .books-grid .authors a { font-size: 12px; }
    .books-grid .price { font-size: 12px; }
}

@media only screen and (min-width:769px) and (max-width:1024px) {
    .books-grid :nth-child(n+5){display:none;margin:0;}
}

@media only screen and (min-width:1025px) {
    .books-grid .cell:nth-child(n+6){display:none;}
}

/* Grid container */
.grid-container{position:relative;margin:25px 0 25px 0; border-radius:10px; overflow:hidden;}
.grid-container.white{background: #FFF;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1);}
.grid-container.dark{box-shadow:inset 0 0 2px rgba(0, 0, 0, 0.1)}
.grid-container.light{box-shadow: inset 0 0 2px rgba(0,0,0,0.15)}
.grid-container.light .header-right h2{color:#212121;}
.grid-container.light .header-right span{color:#212121;}
.grid-container.light .header-left span{ color: #212121; font-weight:bold;}
.grid-container .background-image,
.grid-container .background-pattern{position: absolute;left: 0; top: 0; width: 100%; height: 100%;}
.grid-container .background-image { z-index: 2;background-repeat:no-repeat; background-size:auto 100%; background-position:100% center; transition:opacity 50ms linear; opacity:1;}
.grid-container .background-pattern {z-index: 1;background-repeat:repeat;}
.grid-container .header{min-height:60px;display:flex;flex-direction:row-reverse; justify-content:space-between; align-content:center;padding:20px 25px 15px 25px; margin-bottom:5px; transition:background 0.2s; z-index:3;position:relative;}
.grid-container .header:hover{background:rgba(0,0,0,0.03)}
.grid-container.white .header:hover{background:rgba(0,0,0,0.04);}
.grid-container .header-left, .grid-container .header-right{text-align:right;  min-width:100px; display: flex; justify-content: center; align-content:center; flex-direction: column;}
.grid-container .header-left span {text-align: left;color: #fff; font-size:16px; font-weight: bold;}
.grid-container .header-right h2{color:#fff; font-size:1.125rem;}
.grid-container .header-right span{color:#eee;margin-top:7px;}
.grid-container.white .header-left span{color: #212121; font-weight:bold}
.grid-container.white .header-right h2{color:#212121;}
.grid-container.white .header-right span{color:#424242;}
.grid-container .black-title{color:#212121 !important;}
.grid-container .books {z-index:2;position:relative;}
@media only screen and (max-width:768px) {
    .grid-container .header-left span { font-size:14px;}
    .grid-container .header-right h2{font-size:1rem;}
}

.banner {box-shadow:0 1px 4px 0 rgba(0,0,0,.2);display:-webkit-box;display:flex;flex-direction:row;-webkit-align-content:center;align-content:center;-webkit-justify-content:flex-end;justify-content:flex-end;margin:25px 0;border-radius:10px;min-height:100px;background-size:contain !important;background-origin:border-box !important;}
.banner .content {display:-webkit-box;display:flex;flex-direction:column;-webkit-align-items:flex-end;align-items:flex-end;-webkit-justify-content:flex-end;justify-content:center;padding:15px 25px;width:60%}
.banner .title {color:#fff;text-align:right; line-height:190%;font-size:0.875rem;font-weight:bold}
.banner .more {text-align:center;}
.banner .more span {padding:2px 10px;text-align:center;color:#fff;border-radius:10px;margin-top:10px;display:inline-block;font-size:0.875rem;white-space:nowrap;background-color:rgba(0,0,0,0.3)}
.banner.white .title {color:#212121;}
.banner.white .more span {color:#212121;border-color:#212121;background-color:rgba(255,255,255,0.5);}
@media only screen and (min-width:767px) {
    .banner {min-height:110px;}
}
           
.medium-banner { display: -webkit-box; display: flex; -webkit-justify-content: center;justify-content: center; -webkit-align-items: flex-end; align-items: flex-end;flex-direction:column; direction: ltr; padding: 15px 25px; margin: 25px 0 25px 0; box-shadow: 0 1px 4px 0 rgba(0,0,0,.2); border-radius: 10px; min-height: 110px; background-size: contain !important; background-origin: border-box !important; }
.medium-banner .title { text-align: right;  font-size: 1rem; font-weight: bold; color: #fff; line-height: 200% }
.medium-banner.white .title { color: #212121; }
.medium-banner .more {text-align:center;}
.medium-banner .more span{font-size:0.94rem;padding:4px 15px;text-align:center;color:#F5F5F5;background-color:rgba(0,0,0,0.2); border-radius:10px; margin-top:7px; display:inline-block}
.medium-banner.white .more span{color:#212121; border-color:#212121;background-color:rgba(255,255,255,0.25);}

.block-white .banner, .block-white .medium-banner {border-radius:0;}

.book-suggest-block { background: #FFF; margin: 25px 0; border-radius: 10px; overflow: hidden; padding: 25px; box-shadow: 0 1px 3px 0 rgba(0,0,0,.1) }
.book-suggest-block .title{color:#212121; display:inline-block; margin-top:5px;}
.book-suggest-block .title:hover{color:#C60}
.book-suggest-block h3{display:inline-block;  font-size:16px}
.book-suggest-block .desc{ padding-top:10px;line-height:220%;color:#212121;}
.book-suggest-block .image,.book-suggest-block .custom-image{float:left;margin:10px 5px 0 0; display:inline-block;max-width:20%;min-width:140px;font-size:0;overflow:hidden;line-height:0;position:relative; border-radius:5px;}
.book-suggest-block .custom-image{border-radius:0;}
.book-suggest-block .image:after{background:none; box-shadow:inset 0 0 1px rgba(0, 0, 0, 0.3); position:absolute;top:0;bottom:0; right:0; left:0;z-index:2; content:' ';transition:all 0.3s;}
.book-suggest-block .image:hover:after{background:rgba(0, 0, 0, 0.15)}
.book-suggest-block .more{ margin:10px 0; display:inline-block;}
.book-suggest-block .more span{border:1px solid #212121;padding:2px 10px;text-align:center;color:#212121; border-radius:5px; display:inline-block; transition:all 0.2s linear;}
.book-suggest-block .more span:hover{border:1px solid #C60;color:#C60}
@media only screen and (min-width:767px) {
    .book-suggest-block .title{display:inline-block;}
    .book-suggest-block h3{font-size:18px;}
    .book-suggest-block .desc{font-size:16px;}
    .book-suggest-block .image{width:130px; max-width:none;min-width:0;}
}

.book-price-tag {padding:0 10px 0 5px;font-size:0;color:#555;border-radius:5px;margin:7px 0 3px 10px;display:inline-block;line-height:0; }
.book-price-tag span{font-size:14px;line-height:210%;}
.book-price-tag .original-price{-webkit-text-fill-color:#900;}
.book-price-tag .current-price{color:forestgreen;padding-right:4px; -webkit-text-fill-color:forestgreen;}
.book-price-tag .gift-value{color:forestgreen; margin-right:10px; background:url(../images/gift.png) no-repeat center right; background-size:16px; padding-right:22px; padding-top:3px;-webkit-text-fill-color:forestgreen}

.main-information { background-color:#FFF;border-radius:10px;padding:20px 20px;box-shadow: 0 1px 3px 0 rgba(0,0,0,.1)}
.main-information h1 {padding-bottom:20px; font-size:1.625rem;color:#212121; line-height:200%;}
.main-information h2 {font-size:13px;color:#888;}
.main-information .page-description {font-size:1.1em;line-height:2em;margin-bottom:15px}
/*.main-information .breadcrumb {padding:0 0 0 5px;margin-bottom:11px;}*/
.main-information .breadcrumb li a{font-size:15px;color:#424242}
.main-information .breadcrumb li a:hover{color:#C60}

.category-page-description {padding:0;position:relative;overflow:hidden;}
.category-page-description .more-description {-webkit-appearance:none; height:100px;position:absolute;bottom:0;right:0;left:0;width:100%;background-color:transparent; background-image: linear-gradient(to top, #fff 30%, rgba(255,255,255,0.2));display:flex;justify-content:center;align-items:flex-end;border:0;}
.category-page-description .more-description .arrow-down {background:#fff url(../images/arrow-down-gray-72.png) no-repeat center right 5px;background-size:26px;color:#515151;font-size:0.94rem;margin-bottom:10px;border:1px solid #F0F3F5;border-radius:10px;padding:5px 33px 5px 10px;display:inline-block;}
.category-page-description-image{text-align:center;}
.category-page-description-image img{width:100%;border-radius:10px;}
.category-page-description h2{}

@media only screen and (max-width:768px) {
    .main-information h1 { font-size: 1.5rem; }
}

.block-white .main-information{box-shadow:none;}
/* Book list */
.book-list {   font-size: 0; padding: 10px 20px 10px 20px; }
.book-list .cover img{min-height:110px; line-height:normal; border-radius: 5px;}
.book-list .cover{display: inline-block; overflow: hidden; line-height: 0; position: relative; border-radius: 5px; max-width: 100%; display: flex; justify-content: center;}
.book-list .cover:after{background:none; position:absolute;top:0;bottom:0; right:0; left:0;z-index:2; content:' ';transition:all 0.3s;}
.book-list .item:hover .cover:after{background:rgba(0, 0, 0, 0.1)}

.book-list .title{display:block; display: flex; justify-content: center;}
.book-list .title h3:hover{color:#C60}
.book-list .price{line-height: 2em;height:2em ;text-align: left;font-size: 12px;display: inline-block;float: left;overflow: hidden;width: 40%;color:#479400}
.book-list .authors {width:100%; float:right; display: flex; justify-content: center;}
.book-list .authors a:hover{color:#C60}

.book-list .price-without-discount {color:#D50000; text-decoration:line-through; border:1px solid #D50000; border-radius:2px; padding:0 2px;}
.book-list .percent-40{width:40%;}
.book-list .percent-60{width:60%;}

.book-list .item.next-page { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; background-color: #F7F9FA; border: 1px solid #ECEFF1; border-radius: 5px; transition: background-color 0.2s linear; min-height: 100px; }
.book-list .item.next-page:hover { background-color: #ECEFF1;}
.book-list .item.next-page img { width: 50px; height: 50px;}
.book-list .item.next-page .np-title { font-size: 17px; font-weight: bold; text-align: center; color: #607D8B; margin-top: 10px; }


@media only screen and (max-width:320px) {
.book-list .item{width:100% !important;margin:2% !important}
.book-list .item:nth-child(2n-1){margin-right:2% !important}
.book-list .item:nth-child(2n){margin-left:0 !important}
}

@media only screen and (min-width:321px) and (max-width:480px){
.book-list .item{width:100% !important;margin:0% 0% !important;}
/* .book-list .item:nth-child(3n-2){margin-right:0 !important} */
.book-list .item:nth-child(3n){margin-left:0 !important}

.book-list .title h3{margin-bottom:0;}
.book-list .authors{float:none;width:100%;margin-bottom:0;}
.book-list .price{float:none;width:100%; text-align:right;margin-top:2px}
.book-list .price-without-discount {font-size:10px;padding:0 5px}
.book-list .item.next-page .np-title{font-size:13px}
}

@media only screen and (min-width:481px) and (max-width:768px){
.book-list .item{width:48% !important;margin:0 !important;}
.book-list .item:nth-child(4n-3){margin-left:3.5% !important;}
.book-list .item:nth-child(4n){margin-left:0 !important;}
}

@media only screen and (min-width:769px) and (max-width:969px){
.book-list .item{width:18.4% !important;margin:1.5% 1% !important}
.book-list .item:nth-child(5n-4){margin-right:0 !important}
.book-list .item:nth-child(5n){margin-left:0 !important}
}

@media only screen and (min-width:970px) and (max-width:1199px) {
.book-list .item{width:18.4% !important;margin:1.5% 1% !important}
.book-list .item:nth-child(5n-4){margin-right:0 !important}
.book-list .item:nth-child(5n){margin-left:0 !important}
}

@media only screen and (min-width:1200px){
.book-list .item{width:18.4% !important;margin:1.5% 1% !important}
.book-list .item:nth-child(5n-4){margin-right:0 !important}
.book-list .item:nth-child(5n){margin-left:0 !important}
}

/* book Cover lables */
.cover-labels { position: absolute; bottom: 5px; right: 5px; background-color: rgba(255,255,255,0.9); border-radius: 7px; padding: 3px; box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2); font-size: 0; }
.cover-labels .audio-book { background: url(../images/round-headset-black.png) no-repeat center center; background-size: 20px; height: 24px; width: 24px; display: inline-block; }
.cover-labels .gift{background:url(../images/ic-gift-white-24.png) no-repeat center center; background-size:24px; height:24px;width:24px; display:inline-block;}
@media only screen and (max-width:768px) {
    .cover-labels .gift{background:url(../images/ic-gift-white-36.html) no-repeat center center;background-size:24px;}
}

.books-filter{text-align:center; margin-top:15px;display:block}

.load-more-content-block{padding: 25px 0;}
.load-more-content-block-button{background-color:#FFF;color: #212121; font-size:16px;border-radius:10px; height:45px; line-height: 45px; display:flex; align-items: center;justify-content: center;  }

/* Quick notes */
.quick-notes { font-size: 15px; padding: 15px 10px; border-radius: 5px; margin: 15px 0 15px 0; background-color: #f5f5f5; overflow: hidden; text-align: right }
.quick-notes-header{margin-bottom:10px;overflow:hidden}
.quick-notes-close{float:left;width:28px;height:28px;background: url(../images/bg-close-black.png) left top no-repeat;background-size:28px;cursor:pointer;}
.quick-notes-close-mobile{display:none;padding:10px 0;text-align:center;background:rgba(0, 0, 0, 0.03);color:#212121;cursor:pointer;}
.quick-notes-title{font-size:16px;font-weight:bold;color:#212121;float:right;width:100%;margin-left:-30px;padding-left:30px;}
.quick-notes-description{line-height:200%; }
.quick-notes-links{font-size:0;margin:10px 0;line-height:0;}
.quick-notes-links a {font-size:15px;margin-left:10px;display:inline-block;line-height:210%}
@media only screen and (max-width:768px) {
    .quick-notes{padding:0;}
    .quick-notes-header{margin:15px 10px 10px 10px}
    .quick-notes-close{display:none;}
    .quick-notes-close-mobile { display: block; }
    .quick-notes-description{padding:0 10px 10px 10px}
    .quick-notes ul{margin-bottom:10px;}
}

/* Header */
/*.header-btn-electronic-publishing { background: url(../images/electronic-publishing-button-bg.png?1) no-repeat 95%;background-size:28px;height:37px;line-height:37px;padding: 0 35px 0 10px;border-radius:3px;margin-right:15px;color:#6a8c4a;background-color:#f5f5f5;}*/
.account-menu-container { position: relative; z-index: 16; font-size: 14px; }
.header-btn-account-menu { position: relative; float: left; background: url(../images/ic-account-circle-black.png) no-repeat right center; background-size: 20px; padding: 7px 24px 7px 0; border: 0; height: 35px; color: #212121; cursor: pointer;  }
.account-menu-container > .header-btn-account-menu { background: url(../images/ic-account-circle-black.png) no-repeat right center,url(../images/header-arrow-drop-down.png) no-repeat 0 center; background-size: 20px,24px; padding: 7px 24px 5px 22px; overflow: hidden; max-width: 160px; line-height: 23px; text-align: right }

.header-mobile-btn-navigation { float: left; background: url(../images/header-menu.png) no-repeat right center; background-size: 20px; padding: 7px 24px 7px 10px; border: 0; height: 35px; color: #212121 }
.header-mobile-btn-search { float: left; background: rgba(0,0,0,0.05) url(../images/header-search.png) no-repeat right 5px center; background-size: contain; background-size: 20px; border-radius: 50px; padding: 5px 23px 5px 8px; margin: 0 0 0 5px; border: 0; text-align: center; height: 35px; color: #424242 }
.header-btn-account-menu,
.header-mobile-btn-navigation,
.header-mobile-btn-search { font:bold 13px 'IRANSans-web';}

.dropdown-account-menu-content { position: absolute; left: 0; top: 40px; min-width: 220px; overflow: auto; background: #FFF; border-radius: 2px; box-shadow: 0 0 4px rgba(0,0,0,0.2); display: none; padding: 5px 0;z-index:16 ;text-align:right;}
.dropdown-account-menu-content a {display: block; padding: 8px 35px 8px 8px; color: black; color: #212121;font-size:14px;}
.dropdown-account-menu-content a:hover{background-color:#F5F5F5;}
.dropdown-account-menu-content > span{padding: 7px 30px 7px 5px;display:inline-block;}
.dropdown-account-menu-content.active { display: block;}

.dd-my-library, .dd-buycredit, .dd-bookmarks, .dd-discount-coupons, .dd-transactions, .dd-devices, .dd-edit-account, .dd-change-password, .dd-signout, .dd-help-support { background-size: 24px; background-repeat: no-repeat; background-position: 97% center;   }
.dd-my-library {background-image:url(../images/site-icon/ic-ao-my-libraryc4ca.png?1);}
.dd-buycredit{background-image:url(../images/site-icon/ic-ao-walletc4ca.png?1)}
.dd-bookmarks{background-image:url(../images/site-icon/ic-ao-bookmarkc4ca.png?1)}
.dd-discount-coupons{background-image:url(../images/site-icon/ic-ao-discuntc4ca.png?1)}
.dd-transactions{background-image:url(../images/site-icon/ic-ao-transactionsc4ca.png?1)}
.dd-devices{background-image:url(../images/site-icon/ic-ao-devicesc4ca.png?1)}
.dd-edit-account{background-image:url(../images/site-icon/ic-ao-accountc4ca.png?1)}
.dd-change-password{background-image:url(../images/site-icon/ic-ao-change-passwordc4ca.png?1)}
.dd-signout{background-image:url(../images/site-icon/ic-ao-sign-outc4ca.png?1)}
.dd-help-support { background-image: url(../images/site-icon/ic-ao-helpc4ca.png?1) }
.dd-buycredit, .dd-discount-coupons { display: flex !important; justify-content: space-between }

.header-mobile-signin { color: #212121; font-weight: bold; font-size: 13px; background: url(../images/header-account.png) no-repeat right center; background-size: 20px; padding: 5px 27px 7px 0; height: 35px; display: inline-block; }
.header-mobile-signin .hms-mobile{display:none;}
.header-mobile-signin .hms-desktop{display:inline-block;}

@media only screen and (max-width:460px) { 
    .header-btn-account-menu { padding-left: 17px !important; text-overflow: ellipsis; overflow: hidden; width: 70px; white-space: nowrap; }
    .header-mobile-btn-search { height: 30px; margin-top: 3px }
    .header-btn-account-menu,
    .header-mobile-btn-navigation,
    .header-mobile-btn-search,
    .header-mobile-signin { font-weight: normal; background-size: 18px; padding-right: 22px; }
    .header-mobile-btn-search { padding-right: 25px; }
    .header-mobile-signin .hms-mobile { display: inline-block; }
    .header-mobile-signin .hms-desktop { display: none; }
}

.main-header { display: flex; justify-content: center; background-color: #fff; transition: background linear 0.5s; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .04); position: fixed; top: 0; left: 0; right: 0; z-index: 13 }
.main-header-container{max-width:1200px;height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;flex-grow:1;}
.header-fixed-height{ height: 80px;}
.main-header-container .logo {font-size:0;}
.main-header-container .logo img {width:110px;height:46px}

.header-buttons{display:flex;justify-content:flex-start;}
.search-books{position:relative;margin: 0 50px 0 auto;}
.search-books-form{border-radius:10px;}
.search-books-textbox{float:right;background:transparent;border:0;padding-right:10px;outline:0;color:#444; font:15px IRANSans-web; }
.search-books-submit{width:45px;height:40px;float:left;background: url(../images/ic-search-black.png) no-repeat center center;background-size:28px ;border:0;outline:0;cursor:pointer}
.search-books-clear{ height: 43px;position: absolute; top: 0; left: 0; background:#fff url(../images/bg-close-black.png) no-repeat center center; background-size: 24px; width: 45px; height: 44px; border: 0;}
.hide-search-books{display:block !important;}

.search-books-suggestions {top:40px;left:0;right:0; background:#fff; padding-top:0; width:100%;z-index:14;position:absolute;display:none;}
.search-books-suggestions > a {padding:7px 40px 7px 5px;font-size:14px; cursor:pointer; color:#212121; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;display:block;}
.search-books-suggestions > a:hover { background-color: #f5f5f5; }
.search-books-suggestions .highlight { color: #5e942b; display: inline; }

@media only screen and (max-width:768px) {
    /* Mobile */
    .main-header{position:fixed;width:100%;top:0;left:0;z-index:13;}
    .main-header-container{height:60px;}
    .main-header-container-bg{background-color:#fff;}
    .header-fixed-height {height:70px;}
    .main-header-container .logo img {width:80px;height:34px}
    .search-books{width:100%;display:none; margin-right: 0;}
    .search-books-form { background-color: #fff; border-bottom: 1px solid #5e942b; border-radius: 0; overflow: hidden }
    .search-books-textbox{height:45px;width:100%;font-size:16px;padding-left: 46px}
    .search-books-submit{display:none;}
    
    .search-books-suggestions {padding-top: 5px; position: fixed; height: 100%; top: 60px; bottom: 0; left: 0; overflow: scroll;display:inline-block;border:0;box-shadow:none;border-radius:0;}
    .search-books-suggestions > a{transition:none; font-size: 15px;}
    .search-books-suggestions > a:hover{background-color:#fff;}
}

@media only screen and (min-width:769px) {
    /* Desktop */
    .search-books{}
    .search-books-form{background-color:rgba(0,0,0,0.05);position:relative;z-index:14;}
    .search-books-textbox{height:40px;width:320px;}
    .search-books-submit{}
    .search-books-clear{display:none;}
    .header-mobile-btn-navigation{display:none}
    .header-mobile-btn-search{display:none;}
    .search-books-suggestions{top:0; left:0; width:365px; padding-top:45px;z-index:13;border-radius:10px;box-shadow:0 0 2px 1px rgba(0,0,0,.1);overflow:hidden}
}

.si-search, .si-category, .si-tag, .si-book, .si-publisher, .si-author, .si-audiobook {background-repeat:no-repeat;background-position: right 10px center;background-size:20px; }
.si-search{background-image:url(../images/ic-search-black.png);font-weight:bold}
.si-category { background-image: url(../images/ic-search-categoryc4ca.png?1);}
.si-book { background-image: url(../images/ic-search-bookc4ca.png?1);}
.si-tag { background-image: url(../images/ic-search-categoryc4ca.png?1);}

.si-publisher { background-image: url(../images/ic-search-publisherc4ca.png?1);}
.si-author { background-image: url(../images/ic-search-authorc4ca.png?1); }
.si-audiobook { background-image: url(../images/ic-search-headsetc4ca.png?1);}
.si-active{background-color:#f5f5f5;}

.search-related-links { font-size: 1rem; text-align: right;   background: #fff; color: #212121; margin-bottom: 19px;margin:0 20px 19px 20px; }
.search-related-links a { display: block; padding: 14px 2px 14px 2px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; color: #212121; border-bottom: 1px solid #F0F3F5; }
.search-related-links a:hover{color:#C60}

.no-search-results h1 { font-size: 17px; color: #555 }
.no-search-results { padding: 15px; color: #212121; line-height: 200%;font-size: 14px;line-height:220% }
.no-search-results li { margin-top: 10px; }

.fixed-book-purchase-buttons { position: fixed; bottom: 0; left: 0; right: 0;   background-color: #5e942b; box-shadow: 0 -1px 2px 0 rgba(0,0,0,.08); background-color: #fff; z-index: 14;overflow:hidden;display:none; }
.fixed-book-purchase-buttons.active { display:block; }
.fixed-book-purchase-buttons .center { display: flex; justify-content: space-between; align-items: center; padding:10px 10px; }
.fixed-book-purchase-buttons a, .fixed-book-purchase-buttons button { flex-shrink: 0; flex-grow: 1; margin: 0 5px; box-shadow: none; }


.audio-book-chapters {background:#fff;direction:ltr}
.audio-book-chapter { display:flex;flex-direction:row-reverse;align-items:stretch;border-bottom:1px solid #F5F5F5}
.chapter-details { display: flex; flex-direction: row-reverse; flex-grow: 1; overflow: hidden;padding:12px 10px 12px 0 ;cursor:pointer;}
.chapter-details-title { display: flex; flex-direction: column; align-items: flex-end; flex-grow: 1; overflow: hidden;position:relative;}
.chapter-title { display: flex; color: #424242; overflow: hidden; text-overflow: ellipsis;white-space: nowrap;font-size:0.94rem;  }
.chapter-title .line-end {height:45px }
.chapter-size-duration {color:#777;margin-top:8px;font-size:0.812rem;}
.chapter-play { background: url(../images/audio-book-chapter-play.png) no-repeat center/24px; width: 52px; flex-shrink: 0; }
.chapter-download { background: url(../images/audio-book-chapter-download.png) no-repeat center/24px; width: 52px; flex-shrink: 0; padding: 12px 0 12px 10px }

/* Message box */
.message-box { padding: 15px; margin: 15px 0;   display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-end; flex-shrink: 1; box-shadow: inset 0 0 0 1px rgba(0,0,0,.01); border-radius: 10px; width: 100%; }
.message-text { display: flex; width: 100%;align-items:center }
.message-text p { display: inline-block; margin-right: 20px; width: 100%; font: 1rem/215% IRANSans-web; text-align: right; color: #000 }
.message-box-close { width: 40px; height: 30px; background: url(../images/full-screen-popup-close.png) no-repeat center left; background-size: 20px; border: none; outline: none }
.message-box a { padding: 1px 2px; }
.message-box > a { padding: 7px 10px 0 0; color: #0072FF;}
.message-box > a:hover { color: #0094FF; }
.message-box.red { background: #FFE5E3; border-bottom: 1px solid #ff3e2c; }
.message-box.green { background: #CBF2DC; border-bottom: 1px solid #00ab54 }
.message-box.yellow { background: #FFF0D6; border-bottom: 1px solid #ffa300 }
.message-box.blue { background: #E4F7FC; border-bottom: 1px solid #0073ff }
.message-box .ic-red, .message-box .ic-green, .message-box .ic-blue, .message-box .ic-yellow { height: 28px; width: 28px; background-position: center; background-repeat: no-repeat; background-size: 28px; display: inline-block; flex-shrink: 0; }
.message-box .ic-red { background-image: url(../images/ic-message-box-redc4ca.png?1);}
.message-box .ic-green { background-image: url(../images/ic-message-box-greenc4ca.png?1);}
.message-box .ic-blue { background-image: url(../images/ic-message-box-bluec4ca.png?1);}
.message-box .ic-yellow { background-image: url(../images/ic-message-box-yellowc4ca.png?1);}

.large-graphic-container { display: inline-block; position: relative; overflow: hidden; height: 400px; width:100%;margin-top:-80px}
.lg-background { background: #735E56 url(../images/bg-large-graphic-container.jpg) no-repeat center; background-size: cover; height: 100%; }
.lg-mask { background: rgba(0, 0, 0, .35); position: absolute; height: 100%; top: 0; width: 100%; z-index: 1; }
.large-graphic-contents { display: flex; align-items: center; justify-content: center; flex-direction: column; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; color: #fff; padding: 0 10px }
.lg-title {text-align:center; padding-top:50px; }
.lg-button { background: #ffffff url(../images/android-ios-windows.png) no-repeat right 10px center;background-size:70px;color: #212121; text-align: center; font-size: 16px; padding: 7px 90px 7px 15px; margin-top: 20px; border-radius: 20px; }
.lg-button:hover{background-color:#f5f5f5}
.lg-title h1{ font-weight: bold; font-size: 2.2rem;text-shadow: 1px 1px rgba(0,0,0,0.7)}
@media only screen and (max-width: 768px) {
    .lg-title h1 { font-size: 30px; }
    .lg-background { -webkit-filter: blur(1px); filter: blur(1px); }
}
@media only screen and (max-width: 460px) {
    .lg-title h1 {max-width:300px;}
}

/* Book page tabs */
.book-page-tabs-blank{margin-top:20px;}
.book-page-tabs {background-color:#fff;}
.book-page-tabs-center {flex-direction:row-reverse;border-bottom:2px solid rgba(0,0,0,0.05);border-top:1px solid transparent;}

.book-page-tabs .comment-count{color:#212121;border:1px solid #eee;border-radius:10px;padding:0 5px;}
.book-page-tabs div.tab-item {-webkit-flex-grow:0;flex-grow:0;}
.book-page-tabs div.tab-item:last-child{-webkit-flex-grow:1;flex-grow:1;}
.book-page-tabs .active{border-bottom: 2px solid #5e942b;}
.book-page-tabs button{display:inline-block;padding:10px 10px;margin-bottom:-2px;color:#212121;border:none;border-bottom:2px solid transparent;background-color:transparent;transition:border linear 0.3s;cursor:pointer;-webkit-tap-highlight-color:transparent;outline:0;}
.book-page-tabs.sticky{position:fixed;top:60px;right:0;left:0;z-index:12;border-top:1px solid rgba(0,0,0,0.05);}
@media only screen and (max-width: 460px) {
    /* .book-page-tabs div.tab-item {-webkit-flex-grow:1;flex-grow:1;}
    .book-page-tabs div.tab-item:last-child{flex-grow:0;display:none;} */
}
@media only screen and (min-width: 769px) {
    .book-page-tabs.sticky{top:70px;border-top:1px solid transparent;box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .04);}
    .book-page-tabs.sticky .book-page-tabs-center {border-bottom:2px solid transparent;}
    .book-page-tabs button{font-size:15px;color:#212121;padding:10px 15px;}
}
@media screen and (max-width:512px) {
    .scroll-wrapper{overflow-y:scroll;-webkit-overflow-scrolling:touch;width: 400px;height: 300px;}
}

/* Book page details */
.book-details table .discounted-price {font-weight:normal;font-size:1rem;}
.book-details table{border-collapse: collapse;margin-top:15px;}
.book-details table tr{border-bottom:1px solid #f2f2f2;}
/*.book-details table tr:last-child{border:0;}*/
.book-details table td{padding:3px 10px;font-size:1rem;min-width:110px}
@media only screen and (max-width: 460px) {
    .book-details table{width:100%}
}
.book-page-price-table{display:flex;margin-bottom:15px;}
.book-page-price-table div {padding:3px 10px;font-size:1rem;min-width:110px}

#BookIntroduction{padding:25px 0px;}
#BookIntroduction p:last-child{margin-bottom:0;}
#BookDetails{padding-top:20px;}
#CommentsBlock h2{font-size:1.125rem;color:#212121;line-height:200%;margin:10px 0}

.book-details-option{justify-content:space-around;align-items:center;}
.book-details-option .bookmark, .book-details-option .share, .book-details-option .gift{height:32px;width:32px; border:0;color:#616161;font-size:0.812rem;padding:5px 0 0 10px;margin-right:5px;border-radius:5px;transition:background-color 0.1s linear;cursor:pointer}
.book-details-option .bookmark:hover {background-image:url(../images/bookmark-off-green.png)}
.book-details-option .share:hover {background-image:url(../images/share-green-48.png)}
.book-details-option .gift:hover {background-image:url(../images/ic-green-gifting.png)}

.book-details-option .bookmark {background: url(../images/bookmark-off.png) no-repeat center ;background-size:22px;}
.book-details-option .gift {background: url(../images/ic-gifting.png) no-repeat center ;background-size:20px;}
.book-details-option .share{background: url(../images/share-gray-48.png) no-repeat center ;background-size:18px;}
.book-details-option a{padding-right: 10px;}

.get-book-options{background-color:rgba(0,0,0,0.03);padding:15px 15px;border-radius:10px;margin-top:20px;color:#424242}
.get-book-options p{line-height:210%;font-size:0.94rem;color:#212121;margin-bottom:10px;padding:0 5px}
.get-book-options.large-screen p{padding-top:15px;}
.get-book-options .price {display:flex;justify-content:space-between;margin:0 0 15px 0;}
.get-book-options .buttons .custom-button{margin:10px 0 0 0;}
.get-book-options .welcome50{margin:20px 0 0 0;background:url(../images/discount-redc4ca.png?1) no-repeat right top;background-size:24px;padding-right:29px}

.get-book-options.small-screen .buttons {display:flex;flex-direction:column; justify-content:space-between;}
.get-book-options.small-screen{display:block}
.get-book-options .custom-button.text-only {margin:20px 0 0 0;}

.get-book-options.large-screen{display:none;max-width:350px;min-width:250px}
@media only screen and (min-width:920px) {
    .get-book-options{display:inline-block}
    .get-book-options.large-screen{display:inline-block}
    .get-book-options.small-screen{display:none}
    .get-book-options .buttons{display:flex;justify-content:space-between;flex-direction:column}
    .get-book-options .buttons .custom-button {width:100%}
}
@media only screen and (max-width:919px) {.book-page-notice.large-screen {display:none;}}

.book-price { text-align:right;}
.price-without-discount {color:#757575;position:relative}
.price-without-discount:after {content:'';height:1px;background-color:#9E9E9E;margin:auto;position:absolute;top:0;left:0;bottom:0;right:0;}
.discounted-price {font-weight:bold}
.discount-percent {background-color:#D50000;color:#fff;border-radius:10px;font-size:0.875rem;padding:3px 8px;display:inline-block;line-height:0.875rem}

@media only screen and (max-width:768px) {
    .book .book-price {justify-content:space-between}
}

.book-page-notice {border:1px solid #F2F2F2;border-radius:10px;margin-top:20px;font-size:1rem;display:flex;-webkit-align-items:center;align-items:center;}
.book-page-notice .icon {width:36px;height:36px;background-size:36px;-webkit-flex:0 0 36px;flex:0 0 36px;margin-right:15px;}
.book-page-notice .text p{padding:15px;line-height:235%;font-size:1rem;color:#212121;}
.book-page-notice .mobile{background-image:url(../images/phone-android-gray-96.png);}

/* Book list for tag pages */
.book-with-details {padding:20px;overflow:hidden;}
.book-with-details h2{margin-bottom:0; display:inline-block;}
.book-with-details h3{font-weight:normal;font-size:1rem}
.book-with-details p{margin-bottom:0}
.book-with-details .cover{float:left;font-size:0;line-height:0;margin:0 20px 20px 0;position:relative;}
.book-with-details .cover img { width: 140px; min-height: 199px; border-radius: 10px; background-color: #F2F2F2 }
/*.book-with-details .book-link span{background:url(../images/chevron-left-blue.png) no-repeat center left;background-size:24px;width:24px;height:24px;display:inline-block;vertical-align:middle}*/
.book-with-details .divider{display:block;height:1px;background-color:#F2F2F2;margin:20px 0;clear:both;}
.book-with-details .links{font-size: 0.94rem;margin-top:15px; }
.book-with-details .links span {font-style: italic;color: #757575;}
.book-with-details .links a {}
.book-with-details .book-link {font-style:italic; font-size: 0.94rem;display:inline-block;background-color:#F0F3F5;padding:0 10px;line-height:1.8rem;border-radius:10px;}

@media only screen and (max-width: 768px) {
    .book-with-details .cover img {max-width:110px;min-height:157px}
}

/* Categories menu */
.categories-menu .item { position: relative; background: #fff;font-size: 0; }
.categories-menu > li:first-child a {padding-top:12px}
.categories-menu > li:last-child a {padding-bottom:12px}
.categories-menu .item a:hover, .categories-menu .item a.active{color:#C60;}

.categories-menu .btn-sub-category { font-size: 0; height: 36px; width: 50px; position: absolute; left: 0; top: 0; background: url(../images/arrow-down-blackc4ca.png?1) no-repeat center; background-size: 24px; outline: 0;border:0; }
.categories-menu .btn-sub-category.active {background-image:url(../images/arrow-up-black.png)}
.categories-menu .sub-category { border-right: 5px solid #F0F3F5; margin-right: 5px; overflow: hidden; transition: height 0.3s ease-out; height: auto; }
.categories-menu .small-spinner {width:18px;height:18px;}


/* Login or Register */

.users-page-container {display:flex;align-items:center;min-height:100vh;}
.users-page-contents {margin:0 auto;padding:0 30px;max-width:400px;min-width:320px;min-height:450px; width:100%;}

.users-page-header {margin: 30px auto 20px auto;text-align:center;font-size:0;}
.users-page-header a{display:inline-block;}
.users-page-header img {width:120px}
/*.users-page-header .back {width:40px;height:50px;float:right;background:url(../images/user-signin-arrow-back.png) no-repeat center center;background-size:28px;}*/

.users-page-contents .messages .message-box {margin:0;}
.users-page-contents .forms {overflow:hidden;width:100%}
.users-page-contents .forms h1{font-size:1.125rem;color:#000;margin:20px 0 20px 0;}
.users-page-contents .forms span.span-sub-title{font-size:0.875rem;display:inline-block;line-height:2rem;}
.users-page-contents .forms .custom-button { width: 100%; margin:20px 0 25px 0; font-size: 1rem; box-shadow:none}
.users-page-contents .terms-privacy { color: #000; line-height: 230%; padding-bottom:30px;font-size:0.812rem;}
.users-page-contents .terms-privacy a { color: #01579B;}

.users-page-contents .forms .links{margin-top:20px;}
.users-page-contents .forms .links a{font-size:0.875rem;padding:2px 0}
.users-page-contents .forms .links a i{font-size:1.4rem;line-height:0;vertical-align:middle;display:inline-block;margin-right:3px;font-style:normal}

.users-page-contents .forms .send-confirm-code {text-align:center;margin:20px 0 0 0;min-height:25px;font-size:0.875rem;color:#757575;}
.users-page-contents .forms .send-confirm-code button{font-weight:bold;color:#5e942b;background:none;border:0;cursor:pointer;}
.users-page-contents .edit-mobile-or-email{color:#5e942b;font-size:0.875rem;}

.users-page-contents .forms .textbox-container { height: 44px;margin-top: 10px; position: relative; display: flex;  border: 1px solid #ECEFF1;background-color: #ECEFF1; border-radius: 7px;overflow:hidden; }
.users-page-contents .forms .textbox-container input { width: 100%; height: 42px;background-color:transparent; border: none; font-size: 1.25rem; padding: 5px 10px;  border-radius: 7px 0 0 7px; outline: 0; -webkit-tap-highlight-color: transparent; direction: ltr;outline:hidden; }
.users-page-contents .forms .textbox-container input:focus {outline:none;}
.users-page-contents .forms .textbox-container input[type=number]{text-align:center;letter-spacing:10px}
.users-page-contents .forms .textbox-container input.captcha-code{text-align:center;letter-spacing:normal;font-family:'IRANSans-web';}

.users-page-contents .forms .textbox-container input.rtl{ font:1rem IRANSans-web;}
.users-page-contents .forms .textbox-container input#newPassword{font:1rem IRANSans-web;}

.users-page-contents .forms .input-title{margin-top:15px;font-size:0.875rem}
.users-page-contents .input-option {height:42px;width:40px;}
.users-page-contents .input-option button {height: 42px; width: 40px;border:0;}
.users-page-contents .input-option .toggle-password{background:url(../images/users-visibility-on.png) no-repeat center center;background-size:24px;}

.users-page-contents .forms .textbox-container.red1{border:1px solid #ff3e2c}
.users-page-contents .forms .users-input-error {color:#ff3e2c;font-size:13px;margin-top:4px;}

.users-page-contents .welcome h2{margin-top:20px;display:inline-block;}
.users-page-contents .welcome p{margin:1.2rem 0;line-height:2rem}

@media only screen and (min-width:600px) {
    .users-page-contents .forms .textbox-container {border: 1px solid #E0E0E0;background-color: #fff;}
    .users-page-contents {width:400px;}
}


.users-captcha {display:flex;align-items:center;}
.users-captcha .captcha-img{width:140px;height:40px;margin-top:10px;border-radius:7px}
.users-captcha{}
.captcha-reload-button {border:none;background:none;background:url(../images/refresh-capcha.png) no-repeat center;background-size:24px;width:32px;height:40px;margin-top:10px;cursor:pointer;}
.captcha-container{display:flex;align-items:center;flex-shrink:0;}
.far, .fa, .fas {
    font-family: 'Font Awesome 5 Pro';
    font-weight: 400;
}