/* Heebo fonts  */
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-Medium.eot');src:url('../fonts/Heebo/Heebo-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-Medium.woff2') format('woff2'),url('../fonts/Heebo/Heebo-Medium.woff') format('woff'),url('../fonts/Heebo/Heebo-Medium.ttf') format('truetype'),url('../fonts/Heebo/Heebo-Medium.svg#Heebo-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-Light.eot');src:url('../fonts/Heebo/Heebo-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-Light.woff2') format('woff2'),url('../fonts/Heebo/Heebo-Light.woff') format('woff'),url('../fonts/Heebo/Heebo-Light.ttf') format('truetype'),url('../fonts/Heebo/Heebo-Light.svg#Heebo-Light') format('svg');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-Bold.eot');src:url('../fonts/Heebo/Heebo-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-Bold.woff2') format('woff2'),url('../fonts/Heebo/Heebo-Bold.woff') format('woff'),url('../fonts/Heebo/Heebo-Bold.ttf') format('truetype'),url('../fonts/Heebo/Heebo-Bold.svg#Heebo-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-ExtraLight.eot');src:url('../fonts/Heebo/Heebo-ExtraLight.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-ExtraLight.woff2') format('woff2'),url('../fonts/Heebo/Heebo-ExtraLight.woff') format('woff'),url('../fonts/Heebo/Heebo-ExtraLight.ttf') format('truetype'),url('../fonts/Heebo/Heebo-ExtraLight.svg#Heebo-ExtraLight') format('svg');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-SemiBold.eot');src:url('../fonts/Heebo/Heebo-SemiBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-SemiBold.woff2') format('woff2'),url('../fonts/Heebo/Heebo-SemiBold.woff') format('woff'),url('../fonts/Heebo/Heebo-SemiBold.ttf') format('truetype'),url('../fonts/Heebo/Heebo-SemiBold.svg#Heebo-SemiBold') format('svg');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-Thin.eot');src:url('../fonts/Heebo/Heebo-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-Thin.woff2') format('woff2'),url('../fonts/Heebo/Heebo-Thin.woff') format('woff'),url('../fonts/Heebo/Heebo-Thin.ttf') format('truetype'),url('../fonts/Heebo/Heebo-Thin.svg#Heebo-Thin') format('svg');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-Regular.eot');src:url('../fonts/Heebo/Heebo-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-Regular.woff2') format('woff2'),url('../fonts/Heebo/Heebo-Regular.woff') format('woff'),url('../fonts/Heebo/Heebo-Regular.ttf') format('truetype'),url('../fonts/Heebo/Heebo-Regular.svg#Heebo-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-Black.eot');src:url('../fonts/Heebo/Heebo-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-Black.woff2') format('woff2'),url('../fonts/Heebo/Heebo-Black.woff') format('woff'),url('../fonts/Heebo/Heebo-Black.ttf') format('truetype'),url('../fonts/Heebo/Heebo-Black.svg#Heebo-Black') format('svg');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Heebo';src:url('../fonts/Heebo/Heebo-ExtraBold.eot');src:url('../fonts/Heebo/Heebo-ExtraBold.eot?#iefix') format('embedded-opentype'),url('../fonts/Heebo/Heebo-ExtraBold.woff2') format('woff2'),url('../fonts/Heebo/Heebo-ExtraBold.woff') format('woff'),url('../fonts/Heebo/Heebo-ExtraBold.ttf') format('truetype'),url('../fonts/Heebo/Heebo-ExtraBold.svg#Heebo-ExtraBold') format('svg');font-weight:800;font-style:normal;font-display:swap}

/* roboto fonts style  */
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Regular.eot');src:url('../fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Regular.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Regular.woff') format('woff'),url('../fonts/Roboto/Roboto-Regular.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Regular.svg#Roboto-Regular') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Light.eot');src:url('../fonts/Roboto/Roboto-Light.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Light.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Light.woff') format('woff'),url('../fonts/Roboto/Roboto-Light.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Light.svg#Roboto-Light') format('svg');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Thin.eot');src:url('../fonts/Roboto/Roboto-Thin.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Thin.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Thin.woff') format('woff'),url('../fonts/Roboto/Roboto-Thin.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Thin.svg#Roboto-Thin') format('svg');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Black.eot');src:url('../fonts/Roboto/Roboto-Black.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Black.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Black.woff') format('woff'),url('../fonts/Roboto/Roboto-Black.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Black.svg#Roboto-Black') format('svg');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Medium.eot');src:url('../fonts/Roboto/Roboto-Medium.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Medium.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Medium.woff') format('woff'),url('../fonts/Roboto/Roboto-Medium.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Medium.svg#Roboto-Medium') format('svg');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Italic.eot');src:url('../fonts/Roboto/Roboto-Italic.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Italic.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Italic.woff') format('woff'),url('../fonts/Roboto/Roboto-Italic.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Italic.svg#Roboto-Italic') format('svg');font-weight:normal;font-style:italic;font-display:swap}
@font-face{font-family:'Roboto';src:url('../fonts/Roboto/Roboto-Bold.eot');src:url('../fonts/Roboto/Roboto-Bold.eot?#iefix') format('embedded-opentype'),url('../fonts/Roboto/Roboto-Bold.woff2') format('woff2'),url('../fonts/Roboto/Roboto-Bold.woff') format('woff'),url('../fonts/Roboto/Roboto-Bold.ttf') format('truetype'),url('../fonts/Roboto/Roboto-Bold.svg#Roboto-Bold') format('svg');font-weight:bold;font-style:normal;font-display:swap}

.common_loader{position:absolute;top:13%;left:50%;z-index:99}
.outer-box-shadow{box-shadow:0 1px 5px 0 rgba(0,0,0,.2);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);-o-box-shadow:0 1px 5px 0 rgba(0,0,0,.2);margin:15px 0}
.btn-mb{font-family:Roboto,sans-serif;font-size:14px;cursor:pointer}
.btn-mb i{font-size:16px!important}
.btn-orange{font-family:Roboto,sans-serif;display:inline-block;text-align:center;vertical-align:middle;background:linear-gradient(to right,#FF5A06,#ff9100);min-height:35px;width:auto;min-width:150px;line-height:35px;color:#fff!important;padding:0 30px;font-weight:600;margin:3px 0;border-radius:4px;transition:box-shadow .3s linear,background .3s linear,color .3s linear;box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-o-box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}
.inline-block.book-by-author-btn{text-align:center;padding-bottom:10px;float:left;width:100%}
.btn-mb.btn-white.listen-blue-btn{background:linear-gradient(to right,#058bf2,#0ab4fc);color:#fff}
.BookAudioPlayer{float:left;width:100%;margin-top:15px;background:#fff;box-shadow:1px 0 10px 2px #ccc;border-radius:5px}
.audio-icon-parent{float:left;width:100%;position:relative}
.mob-f.book_by_lang_with_novel .audio-icon-parent.category-story-parent-icon img.listen-audio{left:18px}
.story_home_list_page .audio-icon-parent img.listen-audio{position:absolute;left:4px;bottom:4px;width:20px!important;height:20px!important;min-height:0!important}
.user-profile-section .maudio{margin-top:3px;border:none;box-shadow:none}
.user-profile-section .audiotitle span{font-weight:600;margin-top:15px;float:left;margin-left:30px}
.btn-mb.btn-white.listen-blue-btn i{font-size:17px!important;color:#fff!important;padding-right:5px}
.maudio .audio-control a.prvious_mp3{background-image:url(/images/previous.svg);background-repeat:no-repeat;background-position:100% 6%}
.maudio .audio-control a.next_mp3{background-image:url(/images/next.svg);background-repeat:no-repeat}
.maudio .audio-control a.prvious_mp3_active{background-image:url(/images/previous_active_orange.svg);background-repeat:no-repeat;background-position:100% -3%}
.maudio .audio-control a.next_mp3_active{background-image:url(/images/next_active_orange.svg);background-repeat:no-repeat}
.social-media-icons{padding-left:0!important;text-align:center;padding-bottom: 10px;}
.bookseriesdetailpage .social-media-icons{text-align:left;}
.popular-book-section.book-names{position:relative}
.popular-book-section.book-names .btn-mb.btn-white.listen-blue-btn{position:absolute;top:10px;right:0}
.BookAudioPlayer .maudio{border:none;box-shadow:none}
.chapter-main .BookAudioPlayer{width:auto;margin-left:20%}
.audiotitle span{font-weight:600;margin-top:15px;float:left;margin-left:30px}
.btn-orange:hover{color:#fff;background:#FF5A06;border-color:#FF5A06!important;transition:color .2s linear;box-shadow:0 3px 8px 0 rgba(0,0,0,0.38)!important;-moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38)!important;-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38)!important;-o-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38)!important}
.btn-blue{font-family:Roboto,sans-serif;display:inline-block;text-align:center;vertical-align:middle;background:linear-gradient(to right,#0a80d0,#1db4c9);min-height:35px;width:auto;line-height:35px;color:#fff;padding:0 30px;font-weight:600;margin:3px 0;border-radius:4px;transition:box-shadow .3s linear,background .3s linear,color .3s linear;box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-o-box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}
.btn-blue:hover{color:#fff;background:#0a80d0;border-color:#0a80d0;transition:color .2s linear;box-shadow:0 3px 8px 0 rgba(0,0,0,0.38);-moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38);-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38);-o-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38)}
.btn-white{font-family:Roboto,sans-serif;display:inline-block;text-align:center;vertical-align:middle;background:linear-gradient(to right,#FFF,#FFF);min-height:35px;width:auto;line-height:35px;color:#000;padding:0 30px;font-weight:600;margin:3px 0;border-radius:4px;transition:box-shadow .3s linear,background .3s linear,color .3s linear;box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-moz-box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-webkit-box-shadow:0 3px 4px 0 rgba(0,0,0,.15);-o-box-shadow:0 3px 4px 0 rgba(0,0,0,.15)}
.btn-white:hover{color:#000;background:#ffefe7;border-color:#ffefe7;transition:color .2s linear;box-shadow:0 3px 8px 0 rgba(0,0,0,0.38);-moz-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38);-webkit-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38);-o-box-shadow:0 3px 8px 0 rgba(0,0,0,0.38)}
.follow-board .btn-orange{margin-top:10px;margin-bottom:20px;display:inline-block;box-shadow:0 2px 4px 0 rgba(0,0,0,.3);width:100%}
.btn-orange.follow-btn{border:0}
.btn-orange.following-btn{border:1.5px solid #d9d9d9;line-height:33px!important;color:#000!important;background:#ffffff52!important;box-shadow:0 2px 4px 0 rgba(0,0,0,0.15)}
.btn-orange.following-btn:hover{background:#fff!important}
@media only screen and (max-width:1024px) {
.follow-board .btn-orange.following-btn{line-height:22px!important}
}
@media only screen and (max-width:1199px) {
.btn-blue{padding:0 20px}
.btn-white{padding:0 20px}
}
@media only screen and (max-width:767px) {
.btn-blue{margin:0;font-size:12px;padding:0 10px}
.btn-white{margin:0;font-size:12px;padding:0 10px}
}
@media only screen and (max-width:480px) {
.btn-blue{padding:9px 20px;font-size:13px;height:auto;line-height:normal}
.btn-white{padding:9px 20px;font-size:19px;height:auto;line-height:normal;margin-top:10px}
}
@media only screen and (max-width:360px) {
.btn-blue{padding:10px 20px;font-size:12px;min-width:150px}
.btn-white{padding:10px 20px;font-size:13px}
}
.denied-read-book{left:7%}
#fivebookreadafterpopup .modal-content-book{position:relative;background-color:transparent!important;height:0!important;display:contents!important}
.modal-content-book .close-denied-button-header{width:60%!important}
.modal-content-book .close-denied-button-header .close-denied-button{position:relative;float:right;top:70px;right:-10px;color:#000;z-index:999;background:url(../images/gray-close.png) center no-repeat;background-size:15px}
#fivebookreadafterpopup .modal-body .model-send-img img{width:60%}
.modal-content .download-m-app{background:#ffff;width:calc(60% - -50px);height:235px;border-radius:15px;margin-top:0;position:absolute;margin-left:-3.5rem}
#fivebookreadafterpopup .modal-body .download-m-app hr{width:30px;border:none;border-top:5px solid #4e52d8}
.modal-content .download-m-app .title-descri{font-size:20px;text-transform:uppercase;text-align:center}
.modal-content .download-m-app .download-m-link{font-size:18px;text-transform:capitalize;text-align:center;color:#888585;margin:25px;margin-bottom:10%}
#sms-block-parent .r-input-group{display:table;width:100%}
#sms-block-parent .r-input-group form{display:block;justify-content:center;width:60%;margin-left:17%}
#sms-block-parent .r-input-group input{width:calc(100% - 50px);border:3px solid #f3f3f3;border-radius:4px;float:left;border-right:none!important;height:50px;padding-left:10px}
#sms-block-parent .input-group .sendButton-book{background-color:#0ad35a;border:0;padding:0;font-size:13px;color:#fff;font-weight:600;border-radius:0 4px 4px 0;text-decoration:none;cursor:pointer;position:absolute;top:0;width:85px;font-family:Roboto;text-align:center;margin-right:17%;right:0;height:50px}
#sms-block-parent .r-input-group label{margin-top:7px;color:red}
#fivebookreadafterpopup .intl-tel-input.selected-flag .iti-flag-book{position:absolute;top:0;bottom:10px;margin:auto;border-color:#1px solid red}
#fivebookreadafterpopup .intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-6px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}
#sms-block-parent .intl-tel-input{width:calc(100% - 20px);border:3px solid #F3F3F3;border-radius:4px;float:left;border-right:none!important}
#sms-block-parent .intl-tel-input input{border:none;padding-left:50px;height:46px}
#sms-block-parent .intl-tel-input{width:calc(100% - 0px)!important;border:3px solid #fff;border-radius:4px;float:left;border-right:none!important}
#fivebookreadafterpopup .modal-body .download-m-app .download-btn-app{display:flex;justify-content:center;margin-top:29px}
#fivebookreadafterpopup .modal-body .download-m-app .download-btn-app img{width:calc(100% - 10px);padding:0}
#sms-block-parent .r-input-group form{display:block;justify-content:center;width:60%;margin-left:17%}
.intl-tel-input{position:relative;display:inline-block;width:100%}
#fivebookreadafterpopup .intl-tel-input .selected-flag .iti-arrow{position:absolute;top:50%;margin-top:-6px;right:6px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}
.modal-content-book .download-m-app{background:#ffff;width:calc(60% - -50px);height:250px;border-radius:15px;margin-top:0;position:absolute;margin-left:-3.5rem}
.modal-content .download-m-app #sms-block-parent .input-group .sendButton{background-color:#0ad35a;border:0;padding:0;font-size:13px;color:#fff;font-weight:600;border-radius:0 4px 4px 0;text-decoration:none;cursor:pointer;position:absolute;top:0;width:85px;font-family:Roboto;text-align:center;margin-right:50px;right:0;height:50px}
#sms-block-parent .input-group input{width:calc(100% - 0)!important;border:3px solid #f3f3f3;border-radius:4px;float:left;border-right:none!important;margin-left:-30px;position:initial}
.intl-tel-input .selected-flag .iti-flag{position:absolute;top:0;bottom:0;margin:auto}
#sms-block-parent .intl-tel-input .selected-flag{z-index:4;margin-left:-30px}
#sms-block-parent,.user-profile-section{position:relative;margin-top:20px}
#sms-block-parent p{color:#84888e;font-size:15px;font-weight:700}
.download-m-app.no_login_area{height:182px!important}
.MB-show-videos .modal-content .download-m-app{background:#ffff;width:calc(60% - -50px);height:230px;border-radius:15px;margin-top:0;position:absolute;margin-left:-3.5rem}
body.modal-open{overflow:hidden!important} 
/*star-rating.min.css */
.rating-loading{width:25px;height:25px;font-size:0;color:#fff;background:url(../img/loading.gif) top left no-repeat;border:none}.rating-container .rating-stars{position:relative;cursor:pointer;vertical-align:middle;display:inline-block;overflow:hidden;white-space:nowrap}.rating-container .rating-input{position:absolute;cursor:pointer;width:100%;height:1px;bottom:0;left:0;font-size:1px;border:none;background:0 0;padding:0;margin:0}.rating-disabled .rating-input,.rating-disabled .rating-stars{cursor:not-allowed}.rating-container .star{display:inline-block;margin:0 1px;text-align:center}.rating-container .empty-stars{color:#aaa}.rating-container .filled-stars{position:absolute;left:0;top:0;margin:auto;color:#fde16d;white-space:nowrap;overflow:hidden;-webkit-text-stroke:0;text-shadow:none}.rating-rtl{float:right}.rating-animate .filled-stars{transition:width .25s ease;-o-transition:width .25s ease;-moz-transition:width .25s ease;-webkit-transition:width .25s ease}.rating-rtl .filled-stars{left:auto;right:0;-moz-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-webkit-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);-o-transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0);transform:matrix(-1,0,0,1,0,0) translate3d(0,0,0)}.rating-rtl.is-star .filled-stars{right:.06em}.rating-rtl.is-heart .empty-stars{margin-right:.07em}.rating-lg{font-size:3.91em}.rating-md{font-size:3.13em}.rating-sm{font-size:2.5em}.rating-xs{font-size:2em}.rating-xl{font-size:4.89em}.rating-container .clear-rating{color:#aaa;cursor:not-allowed;display:inline-block;vertical-align:middle;font-size:60%;padding-right:5px}.clear-rating-active{cursor:pointer!important}.clear-rating-active:hover{color:#843534}.rating-container .caption .label{display:inline-block;padding:.25em .4em;line-height:1;text-align:center;vertical-align:baseline;border-radius:.25rem}.rating-container .caption{color:#999;display:inline-block;vertical-align:middle;font-size:60%;margin-top:-.6em;margin-left:5px;margin-right:0}.rating-rtl .caption{margin-right:5px;margin-left:0}@media print{.rating-container .clear-rating{display:none}}
.search-main.inner-display {    width: 190px !important;}


@media only screen and (max-width: 1600px){
.top-header .container-fluid {
    width: 100% !important;
}    
.profile-dropdown .dropdown-menu {
        top: 33px !important;
}
}

.write-story-banner img{
        border-radius: 10px;
    width: 100%;

}
.write-story-banner{margin-bottom: 30px;}