body{font-size:1rem;background:var(--color-bg-body); overflow-x:hidden; color: var(--color-text-main)}
*{margin:0;padding:0;box-sizing:border-box;}
ul{list-style:none}
a{color:#2b72bb;text-decoration:none}
a:hover{color:#C60;text-decoration:none}
a img{border:none}
img{max-width:100%;font-size:13px;color:var(--color-text-light)}
.center{margin:0 auto;max-width:980px;position:relative;text-align:right;}
.c{clear:both}
.green{color:#5e942b}
.dark-red{color:#D45252}
p{margin-bottom:10px;padding:initial;line-height:2.3;font-size:16px;direction:rtl;}

.header{height:60px;background:#5e942b;text-align:center;}
.header a{height:60px;width:150px;background:url(/images/ketabrah-logo-white.png) no-repeat center;background-size:100px;margin:0 auto;display:inline-block}

.main-layout {display:flex;justify-content:center;align-items:stretch; margin-top: 50px;padding:var(--padding-main-container)}
.top-right-layout {flex-shrink:0; font-size: 0;}
.top-left-layout{padding-right:30px}

.main-title{font-size:32px;direction:rtl;line-height:220%;}
.main-title span{color:#5e942b}

.features{margin-top:40px;}
.features li{direction:rtl;font-size:22px;margin:10px 0;}
.features li span{color:#5e942b;}

.landing-apps-image{text-align:center}
.landing-apps-image img{min-height:444px; width: 220px;border-radius:10px}

@media (max-width:700px) {
    .top-left-layout{padding-right:10px}
    .landing-apps-image img{min-height:auto;width:140px}
    .main-title {font-size:1.3rem;}
    .features li {font-size:0.875rem}
}

@media (max-width:450px) {
    .features li {font-size:0.875rem}
}


.books { overflow-x: scroll; padding: 0 10px; direction: rtl; margin-top: 40px; font-size:0; border-radius: 10px;}
.book-covers {white-space:nowrap; position: relative;}
.books img {width: 140px;}
.books img:last-child{margin-left:40px}

.discount-date { font-size: 0.812rem; padding: 10px 18px 10px 0; text-align: center; background:url(/images/landing/ic-discount.png) no-repeat center right ; background-size: 16px;color: #D50000; margin-top: 1px;}

.book-covers .cover {margin: 0 10px;position: relative; position: relative; display: inline-block; }
.book-covers .cover:first-child{ margin-right: 0;}


.book-covers .cover img{ box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .2); border-radius: 10px;}
/* book Cover lables */
.cover-labels { position: absolute;z-index: 1; top: 178px; right: 5px; background-color:var(--color-bg-body); border-radius: 7px; padding: 3px; box-shadow: 1px 1px 2px rgba(0,0,0,0.2); font-size: 0; }
.cover-discount-label { position: absolute; top: 15px; right: 0px; background:rgba(255,255,255,0.9) url(/images/landing/headphones-black.svg) no-repeat center right 5px; background-size: 20px; padding: 0 28px 0 10px;height: 26px; color: #000; font-size: 12px;font-weight:bold; line-height: 26px; text-align: center;border-bottom-left-radius: 10px;border-top-left-radius: 10px;box-shadow: 2px 2px 4px rgba(0,0,0,0.2)}


/* ketabrah users comments */
.ketabrah-users-comments-title{font-size:19px;padding:var(--padding-main-container);}
#divComments{font-size:0; margin: 0 10px;padding:var(--padding-main-container);}
.comment{width:22%;display:inline-block;margin:1.5%;vertical-align:top;}
.comment-text{font-size:15px;line-height:2.2;direction:rtl;}
.strat-quotes{background:url(/images/landing/quotes.png) no-repeat right center;background-size:16px;width:16px;height:16px;margin-left:7px;display:inline-block;vertical-align:sub}
.comment-name{color:var(--color-text-lighter);font-size:13px;direction:rtl;}
.more-comment{background-color:var(--color-bg-top-layer);padding:5px 15px;text-align:center;display:block;margin:0 auto;font-size:15px;border-radius:10px;width:150px;direction:rtl;cursor:pointer;}
.comment:nth-child(4n-3){margin-left:0}
.comment:nth-child(4n){margin-right:0}

/* Screen shots */
.main-block-content {padding: var(--padding-main-container); overflow: hidden; background-color:var(--color-bg-body);direction:rtl;margin:40px 0 50px 0}
.screen-shots { white-space: nowrap; overflow-x: auto; }
.screen-shots img { height: 350px;margin-left: 12px;border-radius:10px }
.screen-shots img:last-child{ margin-left: 0;}

/* Footer */
.footer{background-color:var(--color-bg-top-layer);text-align:center !important;direction:rtl;padding:10px 0}
.footer a{font-size:13px;display:inline-block;margin:10px;color:var(--color-text-main)}

/* QR code and SMS */
.qrcode{width:85px;height: 85px;display: inline-block;float: left;}
.send-link-by-sms{text-align: center;direction: rtl;padding: 30px 0 15px 0;position: relative;height: 130px;text-align: center;box-sizing: border-box;}
.send-link-description{ margin: 15px 0 14px 0;display: inline-block;color: var(--color-text-light);}
.txt-phone-number{ display: inline-block;width: 300px;font-size: 1rem;border-radius: 10px;border: 1px solid var(--color-border-main);padding: 4px;background: var(--color-bg-top-layer)}
.btn-sent-sms{display: inline-block;width: 150px;font-size: 1rem;border-radius: 10px;padding: 4px;background: #5e942b;color: #fff; border: none;}
.btn-sent-sms:disabled{ background-color: #eeeeee;color: #999;border: 1px solid #BDBDBD}

::-webkit-input-placeholder {font-size:14px;}
::-moz-placeholder {font-size:14px;}
:-ms-input-placeholder {font-size:14px;}
:-moz-placeholder {font-size:14px;}


.page-description { direction:rtl; background: var(--color-bg-top-layer); padding: 10px 10px; margin: 40px var(--padding-main-value) 0 var(--padding-main-value); box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.1); display: block; border-radius: 10px; }
.page-description.notice { background: var(--color-bg-top-layer);}


.divComments{ background: #f5f5f5;}

@media (max-width:900px) {
    .send-link-by-sms{display:none}
    .app-install-layout-right{width:100%}
}

@media (max-width:640px) {
    .image-content{max-width:50%}
    .image-content img { width: 60%; }
    /*.books{margin:30px -2% 0 -2%;}*/
}

@media (max-width:800px) {
    .comment{width:48%;}
    .comment:nth-child(2n-1){margin-left:0}
    .comment:nth-child(2n){margin-right:0}
}

@media (max-width:480px) {
    .top-left-layout{flex-grow: 2}
    #divComments{text-align:center}
    .comment{font-size:17px; margin:15px 0; padding:0;width:80%;}
    .comment-text{text-align:center;display:block;margin:0 auto}
    .image-content{max-width:50%}
    .image-content img { width: 100%; }
    .image-content p { font-size: 16px; line-height: 34px; }
}

@media (min-width:640px) {
    ::-webkit-scrollbar { background-color: #eee; width: 10px; height: 10px; box-shadow: inset 0 0 6px rgba(0,0,0,0.2); }
    ::-webkit-scrollbar-thumb { background-color: #A3A3A3; height: 2px; }
    ::-webkit-scrollbar-thumb:hover{background-color: #888;}
    ::-webkit-scrollbar-thumb:active{background-color: #666;}
}

.books-group-title{text-align:center;padding:15px;color:#666;font-size:20px;}
.discount-ended{position:absolute;top:0px;right:0px;color:#FE0000;font-size:14px;text-align:left;z-index:5;background-color:#FFF;border-radius:0 2px 0 2px;padding:0px 4px;}
.opacity{opacity:0.6;}

.lt-text{text-decoration:line-through}
.bt{color:#900}
.gt2{color:var(--color-text-light)}

.book{background:#fff;border-radius:2px;margin:15px 0;box-shadow:0 0 2px 0px rgba(0, 0, 0, 0.25);position:relative;direction:rtl;overflow:hidden;font-size:0;background-color:#eee}
.book-link{display:block}
.book-image{float:right;margin-left:7px;clear:both;position:relative;font-size:0;}
.book-image img{width:100px;min-height:120px;border-radius:0 2px 2px 0;padding-bottom:0}

.book .book-title{padding-top:10px;text-align:right;direction:rtl;}
.book-author{color:#666;margin-top:10px}
.book-total-pages{font-size:16px;margin-top:10px;color:var(--color-text-light)}
.book-total-pages:after{content:' صفحه'}
.book .book-price{color:#5e942b;direction:rtl;position:absolute;bottom:10px;left:10px}
@media (max-width:320px) {.book-title {font-size:14px}
    .book-author, .book-total-pages, .book-price {font-size:11px}}

@media (min-width:321px) and (max-width:480px) {
    .book-title {font-size:14px}
    .book-author, .book-total-pages, .book-price {font-size:13px}}

@media (min-width:481px) and (max-width:767px) {
    .book-image img {width:140px}
    .book-title {font-size:16px}
    .book-author, .book-total-pages, .book-price {font-size:14px}}

@media (min-width:768px) {.book-image img {width:140px}
    .book-title {font-size:16px}
    .book-author, .book-total-pages, .book-price {font-size:14px}}

.button-download-goole-play,
.button-download-app-store,
.button-download-apk,
.button-download-windows{border-radius:10px;background-color:#000000; background-repeat:no-repeat;background-size:32px; background-position:center right 10px; display:inline-block;height:50px; color:#FFF; font-size:15px;font-weight: bold ; padding:0 48px 0 10px; line-height:50px;border:1px solid #FFFFFF}
.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:#000000 }
.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);}

.install-message{text-align:center;padding:20px 10px 0 10px;overflow:auto; margin:0 auto; clear:both;direction:rtl;}
.install-message span, .install-message p{color:#D50000;font-size:0.875rem;direction:rtl;}

@media (max-width:360px) {
    .button-download-goole-play,
    .button-download-app-store,
    .button-download-apk,
    .button-download-windows {font-size:0.812rem;background-size:26px;height:40px;line-height:40px;padding-right:43px}
}

@media (max-width:480px) {
    .button-download-goole-play,
    .button-download-app-store,
    .button-download-apk,
    .button-download-windows {font-size:0.75rem;background-size:26px;height:40px;line-height:40px;padding-right:43px}
}

.app-install-buttons.landing {margin-top: 50px;padding:var(--padding-main-container)}
/*.install-buttons .row-one {display: inline-flex; justify-content: center;}
.install-buttons .row-two {display: inline-flex; justify-content: center;}
.install-buttons .row-one div, .install-buttons .row-two div{ text-align: center;padding: 5px}

@media (max-width:900px) {
    .install-buttons { display: flex; justify-content: center;flex-direction:column}
}
@media (max-width:320px) {
    .install-buttons .row-one, .install-buttons .row-two { flex-direction: column; }
}
*/