@charset "utf-8";

/**font-family: 'Roboto', sans-serif; **/

/*@font-face {*/
/*    font-family: 'QuranFont';*/
/*    src: url('fonts/_PDMS_Saleem_QuranFont.eot');*/
/*    src: url('fonts/_PDMS_Saleem_QuranFont.eot?#iefix') format('embedded-opentype'),*/
/*    url('fonts/_PDMS_Saleem_QuranFont.woff2') format('woff2'),*/
/*    url('fonts/_PDMS_Saleem_QuranFont.woff') format('woff'),*/
/*    url('fonts/_PDMS_Saleem_QuranFont.ttf') format('truetype'),*/
/*    url('fonts/_PDMS_Saleem_QuranFont.svg#_PDMS_Saleem_QuranFont') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/



@font-face {
    font-family: 'PDMS_Saleem_QuranFont';
    src: url('pdms/_PDMS_Saleem_QuranFont.eot');
    src: url('pdms/_PDMS_Saleem_QuranFont.eot?#iefix') format('embedded-opentype'),
    url('pdms/_PDMS_Saleem_QuranFont.woff2') format('woff2'),
    url('pdms/_PDMS_Saleem_QuranFont.woff') format('woff'),
    url('pdms/_PDMS_Saleem_QuranFont.ttf') format('truetype'),
    url('pdms/_PDMS_Saleem_QuranFont.svg#_PDMS_Saleem_QuranFont') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PDMS_IslamicFont';
    src: url('pdms/_PDMS_IslamicFont.eot');
    src: url('pdms/_PDMS_IslamicFont.eot?#iefix') format('embedded-opentype'),
    url('pdms/_PDMS_IslamicFont.woff2') format('woff2'),
    url('pdms/_PDMS_IslamicFont.woff') format('woff'),
    url('pdms/_PDMS_IslamicFont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face{
    font-family:"traditional-arabic-2";
    src:url("https://candyfonts.com/wp-data/2020/12/04/119337/Traditional_Arabic.ttf") format("woff"),
    url("https://candyfonts.com/wp-data/2020/12/04/119337/Traditional_Arabic.ttf") format("opentype"),
    url("https://candyfonts.com/wp-data/2020/12/04/119337/Traditional_Arabic.ttf") format("truetype");
}



@font-face {
    font-family: 'arabic_transparentregular';
    src: url('traditional/artro-webfont.woff2') format('woff2'),
    url('traditional/artro-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'simplified_arabicregular';
    src: url('traditional/simpo-webfont.woff2') format('woff2'),
    url('traditional/simpo-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'traditional_arabicregular';
    src: url('traditional/traditional_arabic-webfont.woff2') format('woff2'),
    url('traditional/traditional_arabic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
.quranfont {
    /*font-family:'traditional-arabic-2', 'traditional_arabicregular', 'arabic_transparentregular', 'simplified_arabicregular','QuranFont';
*/
    font-family: 'PDMS_IslamicFont', 'PDMS_Saleem_QuranFont', Amiri, serif;
    font-weight: normal !important;
    line-height: 1.7em !important;
    word-spacing: 8px;
    direction:rtl;
}

* {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
}

.clr {
    clear: both;
}

input,
textarea,
select {
    border: 0px none;
    background: none;
    outline: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

img {
    outline: none;
    max-width: 100%;
    height: auto;
    border: 0px none;
    display: block;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    font-weight: normal;
}

input[type='submit'] {
    border-radius: 0px;
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}

textarea {
    resize: none;
    overflow: auto;
}

:focus {
    outline: none;
}

.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

.clearfix {
    display: block;
    zoom: 1;
}

html {
    position: relative;
    width: 100%;
    overflow-x: hidden;
}

body {
    width: 100%;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    color: #3c3c3c;
    line-height: 1.5em;
    font-weight: 400;
    /*-webkit-font-smoothing: antialiased;*/
    position: relative;
    background: #f9f9f9;
}

.hidden,
body.hidden {
    overflow: hidden;
}

.wrapper {
    width: 100%;
    position: relative;
    transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    -webkit-transition: all .3s ease;
    padding-top: 72px;
}

h2 {
    line-height: 1.2em;
    padding-bottom: 10px;
    color: #3c3c3c;
    font-weight: 300;
    font-size: 24px;
}

figure,
section {
    display: block;
}

.wrapper {
    width: 100%;
    position: relative;
}

.header {
    width: 100%;
    z-index: 224;
    position: fixed;
    left: 0px;
    top: 0px;
}

.headerMain {
    width: 100%;
    position: relative;
    padding: 15px 0px;
    background: #fff;
    border-bottom: 1px solid #f3f3f4;
}

.header_auto {
    width: 100%;
    padding: 0px 20px;
    margin: auto;
    position: relative;
}

.headerInner {
    width: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
}

.logo {
    display: table-cell;
    vertical-align: middle;
    width: auto;
    padding-left: 45px;
    padding-bottom: 4px;
}

.logo a {
    width: 100%;
    display: block;
    max-width: 150px;
}

.nav_searchBar {
    display: table-cell;
    vertical-align: middle;
    width: 44%;
}

.nav_searchField {
    width: 100%;
    position: relative;
}

.nav_searchField input {
    width: 100%;
    line-height: 20px;
    height: 40px;
    padding: 10px 40px 10px 15px;
    background-color: #f9f9f9 !important;
    border-radius: 3px;
    border: 1px solid #f6f6f6;
    color: #616161;
    font-size: 15px;
    background: url(../images/searchIcon.png) no-repeat right 15px center;
    background-size: 15px auto;
    transition: all 0.175s ease-in-out;
}

.nav_searchField input:focus {
    border-color: #3d7e41 !important;
    box-shadow: 0 0 3px #3d7e41;
}

.nav_userInfo {
    width: 25%;
    display: table-cell;
    vertical-align: middle;
    text-align: right;
}

.nav_userInfo ul {
    font-size: 0px;
    margin: 0px -5px;
}

.nav_userInfo ul li {
    display: inline-block;
    font-size: 14px;
    line-height: 16px;
    vertical-align: middle;
    padding: 0px 5px;
}

.nav_notification {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/bell_icon_white.png) no-repeat center center;
    background-size: 16px auto !important;
    background-color: #4d8c40;
    transition: all 0.175s ease-in-out;
    position: relative;
    border-radius: 50%;
}

.nav_notification.active {
    background: url(../images/bell_icon_active.png) no-repeat center center;
    background-color: #f1f1f1;
}

.nav_user {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    display: block;
    overflow: hidden;
    color: #fff;
    font-size: 20px;
    text-align: center;
    line-height: 32px;
    background: #3d7e41;
}

.nav_user img {
    width: 100%;
    height: 100%;
    display: block;
}


.banner {
    width: 100%;
    padding-bottom: 25px;
    padding-top: 15px;
}

.autoContent {
    width: 100%;
    padding: 0px 20px;
    margin: auto;
    max-width: 1366px;
}

.banner_inner {
    width: 100%;
    display: table;
    table-layout: fixed;
    background: #fff;
}

.banner_left {
    width: 74%;
    display: table-cell;
    vertical-align: top;
}

.banerFrame {
    width: 100%;
}

.banerImg {
    width: 100%;
}

.banerImg a {
    display: block;
    width: 100%;
    height: 330px;
}

.banerImg a img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.banerFrame_description {
    padding: 10px 15px 15px 15px;
    width: 100%;
}

.banerFrame_description h3 {
    color: #3c3c3c;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.banerFrame_description a {
    color: #3c3c3c;
}

.likesShare_bar {
    width: 100%;
}

.likesShare_bar ul {
    font-size: 0px;
}

.likesShare_bar ul li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
}

.likesShare_bar ul li:first-child {
    padding-left: 0px !important;
}

.likesShare_bar ul li a,
.likesShare_bar ul li span {
    display: block;
    font-size: 14px;
    line-height: 24px;
    color: #3c3c3c;
    padding-left: 22px;
}

.likesShare_bar ul li .likesShare_like {
    background: url(../images/likeIcon.png) no-repeat left 1px;
    background-size: 19px auto;
}

.likesShare_bar ul li .likesShare_views {
    background: url(../images/eyeIcon.png) no-repeat left center;
    background-size: 20px auto;
}

.likesShare_bar ul li .likesShare_share {
    background: url(../images/sharesIcon.png) no-repeat left center;
    background-size: 19px auto;
}

.likesShare_bar ul li .likesShare_like:hover,
.likesShare_bar ul li .likesShare_like.active {
    background: url(../images/likeIcon_active.png) no-repeat left 1px;
    background-size: 19px auto;
}

.likesShare_bar ul li .likesShare_views:hover,
.likesShare_bar ul li .likesShare_views.active {
    background: url(../images/eyeIcon_active.png) no-repeat left center;
    background-size: 20px auto;
}

.likesShare_bar ul li .likesShare_share:hover,
.likesShare_bar ul li .likesShare_share.active {
    background: url(../images/sharesIcon_active.png) no-repeat left center;
    background-size: 19px auto;
}

.likesShare_bar ul li a:hover,
.likesShare_bar ul li a.active,
.likesShare_bar ul li span:hover,
.likesShare_bar ul li span.active {
    color: #3d7e41;
}

.banner_right {
    width: 26%;
    padding-left: 10px;
    display: table-cell;
    vertical-align: top;
    height: 100%;
}

.banner_advertise {
    width: 100%;
    /*height:100%; */
    min-height: 330px;
    display: table;
    table-layout: fixed;
}

.banner_advertise a {
    display: table-cell;
    vertical-align: top;
    width: 100%;
    /*height:100%;*/
    height: auto;
}

.banner_advertise img {
    width: 100%;
    /*height:100%;*/
    height: auto;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.content {
    width: 100%;
    transition: all .175s ease;
    -moz-transition: all .175s ease;
    -ms-transition: all .175s ease;
    -o-transition: all .175s ease;
    -webkit-transition: all .175s ease;
}

.trending_galary_main {
    width: 100%;
}

.trending_galary_inner {
    width: 100%;
}

.trending_header {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 15px;
    background: #fff;
    display: table;
}

.trending_header_left {
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.trending_header_left ul {
    font-size: 0px;
}

.trending_header_left ul li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
    font-size: 15px;
}

.trending_header_left ul li:last-child {
    padding-right: 0px;
}

.trendsGraph_icon {
    width: 24px;
    height: 24px;
    display: block;
}

.trendsGraph_icon img {
    max-width: 24px;
    max-height: 24px;
    margin: auto;
    width: auto;
    height: auto;
    display: block;
}

.trending_header_left ul li h3 {
    color: #3c3c3c;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.trending_header_right {
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.trending_header_right ul {
    font-size: 0px;
    text-align: right;
}

.trending_header_right ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    font-size: 15px;
}

.trending_header_right ul li:last-child {
    padding-right: 0px;
}

.trending_showMore {
    color: #3d7e41;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 500;
    display: none;
}

.trending_showMore:hover {
    text-decoration: underline;
}

.trending_galary {
    width: 100%;
}

.trending_galary_ul {
    margin: 0px -7px;
    font-size: 0px;
}

.trending_galary_list {
    padding: 0px 7px 36px 7px;
    width: 25%;
    display: inline-block;
    vertical-align: top;
    color: #3c3c3c;
    font-size: 15px;
}

.trending_galary_box {
    width: 100%;
    background: #fff;
    position: relative;
}

.trending_galary_postr {
    width: 100%;
}

.trending_galary_postr a {
    display: block;
    width: 100%;
    height: 214px;
    position: relative;
}

.trending_galary_postr a img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.trending_length {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    padding: 2px 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-weight: 500;
    background: #3d7e41;
    z-index: 2;
    font-style: normal;
}

.trending_video_description {
    padding: 15px 10px 15px 10px;
    width: 100%;
}

.trending_video_description h3 {
    color: #3c3c3c;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    width: 100%;
}

.trending_video_description h3 a {
    color: #3c3c3c;
    margin: 0 0 6px 0;
    display: -webkit-box;
    max-height: 3.2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-weight: 500;
    line-height: 1.6rem;
}

.trending_video_description h3 a:hover {
    text-decoration: underline;
}

.trending_chanelName {
    color: #3d7e41;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 12px;
}

.trending_chanelName a,
.trending_chanelName strong {
    color: #3d7e41;
    font-size: 14px;
}

.trending_chanelName a:hover {
    text-decoration: underline;
}

.trending_galary_box .likesShare_bar ul li {
    padding-left: 15px;
}

.trending_galary_box .likesShare_bar ul li a,
.trending_galary_box .likesShare_bar ul li span {
    font-size: 11px;
    line-height: 24px;
}

.footer {
    width: 100%;
    padding: 15px 0px;
    /*background:#fff; */
}

.footer_inner {
    width: 100%;
}

.footer_inner p {
    font-size: 15px;
    line-height: 1.5em;
    color: #9b9b9b;
    text-align: center;
}

.watch_playListing .likesShare_bar ul li .likesShare_like {
    background-position: left center !important;
}

.leftBar_main {
    width: 100%;
    position: fixed;
    top: 0px;
    max-width: 250px;
    height: 100%;
    padding-top: 60px;
    z-index: 22;
    background: #fff;
    transition: all .175s ease;
    -moz-transition: all .175s ease;
    -ms-transition: all .175s ease;
    -o-transition: all .175s ease;
    -webkit-transition: all .175s ease;
    left: -250px;
}

.leftBar_inner {
    width: 100%;
    min-height: calc(100vh - 60px);
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    transition: all .175s ease;
    -moz-transition: all .175s ease;
    -ms-transition: all .175s ease;
    -o-transition: all .175s ease;
    -webkit-transition: all .175s ease;
    border-top: 15px solid #f9f9f9;
    padding-bottom: 0px;
}

.leftBar_menu {
    width: 100%;
    min-height: calc(100vh - 234px);
}

.leftBar_menu ul li {
    width: 100%;
}

.leftBar_menu ul li a {
    display: block;
    padding: 12px 20px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.5em;
    color: #616161;
    font-weight: 400;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.leftBar_menu ul li a i {
    float: left;
    width: 18px;
    height: 18px;
    margin-top: 2px;
}

.leftBar_menu ul li a span {
    padding-left: 30px;
    display: block;
}

.leftBar_menu ul li a i img {
    display: block;
    max-width: 17px;
    max-height: 17px;
    margin: auto;
    width: auto;
    height: auto;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(40%);
    filter: grayscale(100%) brightness(100%) contrast(40%);
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.leftBar_menu ul li a:hover i img,
.leftBar_menu ul li a.active i img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.leftBar_menu ul li a:hover,
.leftBar_menu ul li a.active {
    color: #3d7e41;
}

.open_left_menu .leftBar_main {
    left: 0px;
}


/*.open_left_menu .content{ padding-left:200px; }*/

.watch_content {
    width: 100%;
    padding-top: 15px;
    padding-bottom: 42px;
}

.watch_inner {
    width: 100%;
    display: flex;
}

.watch_left {
    width: 72%;
    float: left;
    background: #fff;
}

.watchFrame {
    width: 100%;
    padding-bottom: 12px;
    margin-bottom: 30px;
    border-bottom: 1px solid #dbdbde;
}

.watch_videoName_description {
    padding: 20px 15px 5px 15px;
    width: 100%;
    display: table;
    table-layout: fixed;
}

.watch_videoName {
    display: table-cell;
    vertical-align: top;
    width: auto;
    padding-right: 30px;
}

.watch_videoName h3 {
    color: #3c3c3c;
    font-size: 22px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 6px;
    width: 100%;
}

.watch_videoName h3 span {
    display: block;
    line-height: 1.2em;
}

.watch_videoName a {
    color: #3c3c3c;
}

.watch_videoName small {
    color: #3c3c3c;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: 400;
    display: block;
    width: 100%;
}

.watch_likesShare_bar {
    display: table-cell;
    vertical-align: top;
    width: 315px;
    text-align: right;
}

.watch_likesShare_bar ul {
    font-size: 0px;
}

.watch_likesShare_bar ul li {
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
    min-width: 70px;
    text-align: center;
}

.watch_likesShare_bar ul li:first-child {
    padding-left: 0px !important;
}

.watch_likesShare_bar ul li a,
.watch_likesShare_bar ul li span {
    font-size: 14px;
    line-height: 20px;
    color: #3c3c3c;
    padding-top: 30px;
    display: block;
}

.watch_likesShare_bar ul li .watch_likesShare_like {
    background: url(../images/likeIcon.png) no-repeat top center;
    background-size: 20px auto;
}

.watch_likesShare_bar ul li .watch_likesShare_save {
    background: url(../images/watch_likesShare_save.png) no-repeat top center;
    background-size: 21px auto;
}

.watch_likesShare_bar ul li .watch_likesShare_share {
    background: url(../images/sharesIcon.png) no-repeat top center;
    background-size: 22px auto;
}

.watch_likesShare_bar ul li .watch_likesShare_Feedback {
    background: url(../images/watch_feedbackIcon.png) no-repeat top center;
    background-size: 18px auto;
}

.watch_likesShare_bar ul li .watch_likesShare_like.active {
    background: url(../images/likeIcon_green.png) no-repeat top center;
    background-size: 20px auto;
    color: #3d7e41;
}

.watch_likesShare_bar ul li .watch_likesShare_save.active {
    background: url(../images/watch_likesShare_save_green.png) no-repeat top center;
    background-size: 21px auto;
    color: #3d7e41;
}

.watch_likesShare_bar ul li .watch_likesShare_download {
    background: url(../images/download_icon_gray.png) no-repeat top center;
    background-size: 21px auto;
}

.watch_userInfo {
    width: 100%;
    padding: 20px 15px;
}

.watch_userInfo_inner {
    width: 100%;
    position: relative;
    /*padding-left:58px;*/
}

.watch_userAvatar {
    display: block;
    width: 44px;
    height: 44px;
    background: #d6d6d6;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 0px;
}

.watch_userAvatar a {
    width: 44px;
    height: 44px;
    display: block;
}

.watch_userAvatar a img {
    max-width: none;
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
}

.watch_userDetails {
    width: 100%;
    position: relative;
}


/*.watchFollowUnfollow_btn{ display:inline-block; position:absolute; right:0px; top:5px;
    min-width:110px;
    line-height: 20px;
    padding: 6px 15px 6px 15px;
    background-color: #eb1d1d;
    border: 1px solid #eb1d1d;
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    transition: all 0.175s ease-in-out;
    cursor: pointer !important;
    text-align: center;
    text-transform: uppercase; }*/

.watchFollowUnfollow_btn {
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 5px;
    min-width: 80px;
    line-height: 20px;
    padding: 6px 15px 6px 15px;
    height: 40px;
    color: #fff;
    font-size: 0px;
    font-weight: 300;
    transition: all 0.175s ease-in-out;
    cursor: pointer !important;
    text-align: center;
    text-transform: uppercase;
    background: url(../images/follow.png) no-repeat top center;
    background-size: auto 100%;
}

.watchFollowUnfollow_btn.active {
    background: url(../images/following.png) no-repeat top center;
    background-size: auto 100%;
}


/*.watchFollowUnfollow_btn.active{  background-color: #3d7e41; border: 1px solid #3d7e41;}*/

.watch_userDetails h3 {
    font-size: 17px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 400;
    padding: 10px 130px 20px 0px;
}

.watch_userDetails h3 a {
    color: #3c3c3c;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}


/*.watch_userDetails h3 a:hover{ color:#3d7e41; }*/

.watch_userDetails p {
    font-size: 15px;
    line-height: 1.64em;
    color: #3c3c3c;
    font-weight: 400;
    padding: 0px 0px 20px 0px;
}

.watch_userDetails p strong {
    display: block;
    font-weight: 500;
    padding-bottom: 6px;
}

.watch_userDetails p a {
    color: #3d7e41;
}

.watch_userDetails p a:hover {
    text-decoration: underline;
}

.watch_right {
    width: 28%;
    padding-left: 15px;
    float: right;
    min-width: 350px;
}

.watch_right_inner {
    background: #fff;
    padding: 15px 10px;
    width: 100%;
}

.watch_playListing_li {
    width: 100%;
    padding-bottom: 15px;
}

.watch_playListing_li:last-child {
    padding-bottom: 0px;
}

.watch_playListing .trending_galary_postr {
    width: 140px;
}

.watch_playListing .trending_galary_box {
    display: flex;
    width: 100%;
}

.watch_playListing .trending_galary_postr a {
    width: 140px;
    height: 84px;
}

.watch_playListing .trending_video_description {
    padding: 0px 0px 0px 12px;
}

.watch_playListing .trending_video_description h3 {
    font-size: 14px;
    line-height: 20px;
}

.watch_playListing .trending_video_description h3 a {
    line-height: 20px;
    max-height: 44px;
    margin-bottom: 2px;
}

.watch_playListing .trending_chanelName {
    padding-bottom: 0px;
}

.watch_playListing .trending_chanelName a,
.watch_playListing .trending_chanelName strong {
    font-size: 12px;
}

.watch_playListing .trending_length {
    font-size: 10px;
    line-height: 14px;
    padding: 2px 5px;
    right: 6px;
    top: 6px;
}

.watch_playListing .likesShare_bar ul li .likesShare_like {
    background-size: 16px auto !important;
}

.watch_playListing .likesShare_bar ul li .likesShare_views {
    background-size: 16px auto !important;
}

.watch_playListing .trending_galary_box .likesShare_bar ul li a,
.watch_playListing .trending_galary_box .likesShare_bar ul li span {
    padding-left: 20px;
    font-size: 11px;
}

.watch_playListing_ad {
    width: 100%;
    height: auto;
    display: block;
}

.watch_playListing_ad img {
    max-width: none;
    width: 100%;
    height: auto;
    display: block;
    margin: auto;
}


/*****************start popup style******************/

.all_popup {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.50);
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.all_popup_inner {
    width: 100%;
    height: 100%;
}

.popup_table {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    padding: 15px 0px;
}

.popup_tableCell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    position: relative;
}

.popup_auto {
    max-width: 600px;
    margin: auto;
    padding: 0px 15px;
    position: relative;
    z-index: 2;
}

.popup_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 1;
}

.popup_detail {
    width: 100%;
    background: #fff;
}

.all_popup_header {
    width: 100%;
    padding-right: 50px;
    position: relative;
    border-bottom: 1px solid #d8d8d8;
}

.popup_header_left {
    width: 100%;
    text-align: center;
}

.popup_header_left ul {
    font-size: 0px;
    margin: 0px 0px;
}

.popup_header_left ul li {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    padding: 10px 24px;
    border-left: 1px solid #adadad;
}

.popup_header_left ul li:first-child {
    border-left: 0px none;
}

.popup_header_left ul li strong {
    font-size: 14px;
    line-height: 1.5em;
    font-weight: 700;
    color: #1d1d1d;
    display: block;
}

.popup_header_left ul li strong span {
    font-weight: 400;
    padding-left: 5px;
}

.popup_close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/popup_close.png) no-repeat center center;
    background-size: 14px auto;
    transition: all 0.175s ease-in-out;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -15px;
}

.popup_content {
    width: 100%;
    height: auto;
    max-height: calc(100vh - 110px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.formParent {
    width: 100%;
}

.formRow {
    width: auto;
    margin: 0px -8px;
    padding-bottom: 20px;
}

.formCell {
    float: left;
    padding: 0px 8px;
    width: 100%;
}

.col12 {
    width: 100%
}

.col11 {
    width: 91.66666667%
}

.col10 {
    width: 83.33333333%
}

.col9 {
    width: 75%
}

.col8 {
    width: 66.66666667%
}

.col7 {
    width: 58.333333%
}

.col6 {
    width: 50%
}

.col5 {
    width: 41.66666667%
}

.col4 {
    width: 33.33333333%
}

.col3 {
    width: 25%
}

.col2 {
    width: 16.66666667%
}

.col1 {
    width: 8.33333333%
}

.pull_right {
    float: right;
}

.form_heading {
    width: 100%;
}

.form_heading strong {
    font-size: 15px;
    line-height: 1.5em;
    display: block;
    color: #3c3c3c;
    font-weight: 400;
    padding-bottom: 10px;
}

.form_heading strong em {
    font-style: normal;
}

.popupTabs_detail {
    padding: 15px 15px;
    width: 100%;
}

.feedBackSendBtn {
    max-width: 300px;
    margin: auto;
}

.headerSrchIcon {
    display: none;
}

.favrt_content {
    padding: 15px 0px 40px 0px;
}

.favrt_content .trending_galary_list {
    width: 33.33%;
    padding: 0px 10px 20px;
}

.favrt_content .trending_galary_list:last-child {
    padding-bottom: 0px;
}

.favrt_content .trending_galary_postr {
    width: 160px;
    flex-shrink: 0;
}

.favrt_content .trending_video_description {
    width: 270px;
}

.favrt_content .trending_galary_box {
    display: flex;
    width: 100%;
}

.favrt_content .trending_galary_postr a {
    width: 100%;
    max-height: 104px;
    overflow: hidden;
}

.favrt_content .trending_video_description {
    padding: 10px 10px 10px 10px;
    position: relative;
}

.favrt_content .trending_video_description h3 {}

.favrt_content .trending_video_description h3 a {
    display: inline-block;
    padding-right: 30px;
    font-size: 15px;
    line-height: 20px;
    height: 40px;
    margin: 0px;
}

.favrt_content .trending_chanelName {
    padding-bottom: 0px;
}

.favrt_content .trending_chanelName a {
    font-size: 12px;
}

.favrt_content .likesShare_bar ul li {
    padding-left: 7px;
}

.favrt_content .trending_chanelName {
    font-size: 12px;
}

.favrt_content .trending_galary_postr a img {
    object-fit: initial;
    height: auto;
    min-height: 104px;
}

.trending_chanelName span {
    color: #3c3c3c;
    padding-left: 10px;
}

.fvrtDescription {
    width: 100%;
    /*padding:10px 0px;  */
}

.fvrtDescription p {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 400;
    margin-bottom: 10px;
    display: -webkit-box;
    max-height: 64px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

.favrt_adver {
    width: 100%;
}

.favrt_adver a {
    display: block;
}

.favrt_adver a img {
    display: block;
    height: 214px;
    max-width: none;
    width: 100%;
}

.favourit_delete {
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: url(../images/favourit_delete.png) no-repeat center center;
    background-size: 15px auto;
    transition: all 0.175s ease-in-out;
    position: absolute;
    right: 10px;
    top: 10px;
}

.fvrt_pagination_main {
    width: 100%;
    padding-top: 30px;
    text-align: right;
    font-size: 0px;
}

.fvrt_pagination {
    display: inline-block;
    vertical-align: top;
    border: 1px solid #f3f3f4;
    background: #fff;
}

.fvrt_pagination ul li {
    display: inline-block;
    vertical-align: top;
    border-left: 1px solid #f3f3f4;
    color: #3c3c3c;
    font-size: 13px;
}

.fvrt_pagination ul li:first-child {
    border-left: 0px none;
}

.fvrt_pagination ul li a {
    font-weight: 500;
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    color: #3d7e41;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.fvrt_pagination ul li span {
    font-weight: 500;
    display: block;
    padding: 5px 10px;
    line-height: 20px;
    color: #3c3c3c;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
    cursor: pointer;
}

.fvrt_pagination ul li span:hover {
    color: #3d7e41;
}

.fvrt_pagination ul li a:hover,
.fvrt_pagination ul li a.active {
    color: #fff;
    background: #3d7e41;
}

.fvrt_pagination ul li a.fvrPagi_dots {
    pointer-events: none;
}

.profileEdit_content {
    width: 100%;
    padding: 15px 0px 40px 0px;
}

.profileEdit_main {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.profileEdit_left {
    display: table-cell;
    vertical-align: top;
    width: 320px;
}

.profileAvatar_box {
    width: 100%;
    padding: 10px;
    background: #fff;
}

.profileAvatar {
    width: 100%;
    height: 280px;
    background: #f9f9f9;
    margin-bottom: 15px;
}

.profileAvatar img {
    max-width: none;
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
}

.profileAvatar_upload {
    width: 100%;
    position: relative;
}

.profileAvatar_upload input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    opacity: 0;
}

.profileEdit_right {
    width: auto;
    vertical-align: top;
    display: table-cell;
    padding-left: 20px;
}

.profileEdit_right_inner {
    background: #fff;
    width: 100%;
}

.profileEdit_formMain {
    width: 100%;
}

.profileEdit_header {
    width: 100%;
    padding: 20px 15px;
    border-bottom: 1px solid #f3f3f4;
}

.profileEdit_header h3 {
    font-weight: 500;
    display: block;
    line-height: 1.5em;
    color: #3c3c3c;
    font-size: 24px;
}

.profileEdit_formBox {
    padding: 20px 15px;
    border-bottom: 1px solid #f3f3f4;
    width: 100%;
}

.feedBackSendBtn {
    max-width: 300px;
    margin: auto;
}

.formSaveBtMain .all_buttons {
    max-width: 300px;
    float: right;
}

.pad0 {
    padding: 0px !important;
}

.alert_msg_popup .popup_header_left ul li strong {
    color: red;
}

.alert_msg_popup .form_heading strong {
    text-align: center;
    padding: 30px 0px;
}

.alert_msg_popup .popup_auto {
    max-width: 500px;
}

.alertMsgokCncl_parent ul {
    float: right;
}

.alertMsgokCncl_parent ul li {
    float: left;
    padding-left: 15px;
}

.alertMsgokCncl_parent .all_buttons {
    min-width: 80px;
    padding: 6px 10px;
}

.alertMsgokCncl_parent .all_buttons.alertMsgCancel {
    background: none !important;
    border-color: transparent !important;
    color: #3c3c3c !important;
}

.alertMsgokCncl_parent .all_buttons.alertMsgCancel:hover {
    text-decoration: underline;
}

.ui-autocomplete {
    z-index: 224 !important;
}

.ui-widget.ui-widget-content {
    border-color: #fff !important;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5);
}

.ui-autocomplete .ui-state-active {
    background-color: #3d7e41 !important;
    border-color: #3d7e41 !important;
}

.ui-widget-content {
    color: #3c3c3c;
}

.ui-menu .ui-menu-item-wrapper {
    font-weight: 700;
}

.mobShowMore_parent,
.mobShowless_click {
    display: none;
}

.trending_readMore_bottom {
    padding-bottom: 30px;
    display: block;
    width: 100%;
}

.trending_readMore_bottom a {
    display: inline-block !important;
}

.has_placeholder .trending_galary_postr a,
.has_placeholder .banerImg a {
    background-color: #cccccc;
}

.has_placeholder .trending_galary_postr a img,
.has_placeholder .banerImg a img {
    opacity: 0;
}

.has_placeholder .trending_galary_postr a .trending_length {
    opacity: 0;
}

.has_placeholder .trending_video_description h3,
.has_placeholder .banerFrame_description h3 {
    background-color: #cccccc;
}

.has_placeholder .trending_video_description h3 a,
.has_placeholder .banerFrame_description h3 a {
    opacity: 0;
}

.has_placeholder .trending_chanelName a {
    font-size: 0px;
    background-color: #cccccc;
    display: inline-block;
    min-width: 100px;
    min-height: 20px;
}

.has_placeholder .likesShare_bar ul {
    opacity: 0;
}

.has_placeholder .likesShare_bar {
    background-color: #cccccc;
}

.watch_likesShare_bar ul li {
    position: relative;
}

#social-links {
    width: auto;
    position: absolute;
    right: 0px;
    white-space: nowrap;
    top: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5);
    border-radius: 3px;
    z-index: 22;
    max-height: 80vh;
    overflow: auto;
    display: none;
}

.watch_likesShare_bar ul li:hover #social-links {
    display: block;
}

.watch_likesShare_bar ul li ul li {
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    border-bottom: 1px solid #e9e9eb;
    min-width: 0px;
}

.watch_likesShare_bar ul li ul li a,
.watch_likesShare_bar ul li ul li span {
    padding: 0px;
    transition: all 0.175s ease-in-out;
}

.watch_likesShare_bar ul li ul li span {
    display: block;
    color: #616161;
    font-size: 18px;
    transition: all 0.175s ease-in-out;
    padding: 12px;
    font-weight: 400;
}

.watch_likesShare_bar ul li ul li span:hover {
    color: #fff;
    background: #3d7e41;
}


/**********start jam new style**********/


/************start login page************/

.login_main {
    width: 100%;
    height: calc(100vh - 115px);
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.headerMain.header_login {
    padding-top: 10px;
    padding-bottom: 10px;
}

.login_auto {
    max-width: 500px;
    margin: auto;
    padding: 0px 15px;
}

.loginPopup_tablwWrap {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}

.loginPopup_cellWrap {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.header_login_btn {
    width: 120px;
    display: table-cell;
    vertical-align: middle;
}

.header_login .logo {
    width: auto;
    padding-left: 0px;
}

.login_heading {
    width: 100%;
    padding-bottom: 30px;
}

.login_heading strong {
    font-size: 30px;
    line-height: 1em;
    display: block;
    font-weight: 500;
}

.login_heading p {
    font-size: 14px;
    line-height: 1.5em;
    padding-top: 15px;
}

.form_pass_icon {
    position: relative;
}

.form_pass_icon input {
    padding-right: 40px;
}

.form_pass_icon a {
    width: 20px;
    height: 20px;
    display: block;
    font-size: 18px;
    line-height: 1em;
    color: #3c3c3c;
    position: absolute;
    right: 10px;
    top: 15px;
}

.loginPop_inner {
    width: 100%;
    padding: 20px;
}

.loginPopup_form {
    width: 100%;
}

.loginPopup_form ul li {
    width: 100%;
    padding-bottom: 30px;
}

.loginPopup_form ul li:last-child {
    padding-bottom: 0px;
}

.loginPopup_form ul li strong {
    display: block;
    font-size: 16px;
    line-height: 1.5em;
    color: #3c3c3c;
    padding-bottom: 6px;
    font-weight: 500;
}

.formField {
    position: relative;
    width: 100%;
}

.formField input,
.formField textarea {
    width: 100%;
    line-height: 20px;
    height: 50px;
    padding: 10px 15px 10px 15px;
    background-color: #f9f9f9;
    border: 1px solid transparent;
    color: #616161;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.175s ease-in-out;
}

.login_main .formField input,
.login_main .formField textarea {
    border-color: #d7dddd;
    background-color: #fff !important;
}

.formField input:focus,
.formField textarea:focus {
    border-color: #3d7e41 !important;
    box-shadow: 0 0 3px #3d7e41;
}

.formField textarea {
    height: 150px;
}

.loginForgot {
    width: 100%;
    padding-top: 2px;
    text-align: center;
}

.loginForgot a {
    font-size: 14px;
    color: #3d7f41;
    transition: all 0.175s ease-in-out;
    font-weight: 500;
}

.loginForgot a:hover {
    text-decoration: underline;
}

.loginSubmit_main {
    width: 100%;
}

.loginSubmit_main input,
.all_buttons {
    display: block;
    width: 100%;
    line-height: 20px;
    padding: 10px 15px 10px 15px;
    background-color: #3d7e41;
    border: 1px solid #3d7e41;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: all 0.175s ease-in-out;
    cursor: pointer !important;
    text-align: center;
    text-transform: uppercase;
}

.loginSubmit_main input:hover,
.all_buttons:hover {
    background-color: #616161;
}

.loginDontHave_account p {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.5em;
    text-align: center;
    font-weight: 500;
}

.loginDontHave_account p a {
    font-size: 14px;
    color: #3d7e41;
    transition: all 0.175s ease-in-out;
}

.loginDontHave_account p a:hover {
    text-decoration: underline;
}

.loginPopup_topTitle {
    display: block;
    font-size: 14px;
    line-height: 1.5em;
    color: #3c3c3c;
    padding-bottom: 20px;
    text-align: center;
    font-weight: 500;
}

.notify_popup {
    position: fixed;
    right: 20px;
    top: 65px;
    background: #fff;
    z-index: 223;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.17);
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 80vh;
    width: 100%;
    max-width: 350px;
    display: none;
}

.notifyPop_inner {
    width: 100%;
}

.notifyPop_header {
    width: 100%;
    border-bottom: 1px solid #3d7e41;
    padding: 15px 20px;
}

.notifyPop_header strong {
    font-size: 17px;
    line-height: 1.5em;
    display: block;
    font-weight: 500;
}

.notifyPop_header strong a {
    font-size: 12px;
    color: #e31c1c;
    text-align: right;
    text-transform: uppercase;
    float: right;
    transition: all 0.175s ease-in-out;
}

.notifyPop_header strong a:hover {
    text-decoration: underline;
}

.notifyPop_header strong a.search_donor_filter_clear {
    font-size: 12px;
    color: #e31c1c;
    text-align: right;
    text-transform: uppercase;
    float: right;
    transition: all 0.175s ease-in-out;
}

.notifyPop_header strong a.search_donor_filter_clear:hover {
    text-decoration: underline;
}

.notifyPop_content {
    width: 100%;
}

.notifyPop_content ul li {
    padding: 10px 20px;
    border-bottom: 1px solid #ececec;
}

.notifyPop_text {
    width: 100%;
}

.notifyPop_text p {
    font-size: 15px;
    line-height: 1.5em;
    padding-bottom: 5px;
}

.notifyPop_text p a {
    color: #348a3a;
}

.notifyPop_text p a:hover,
.lec_openLink {
    text-decoration: underline;
}

.notifyPop_text p a.lec_openLink:hover {
    text-decoration: none;
}

.notifyPop_text span {
    font-size: 14px;
    line-height: 1.5em;
    color: #348a3a;
    display: block;
}

.notifyPop_footer {
    width: 100%;
    padding: 15px 20px;
    text-align: center;
}

.notifyPop_footer a {
    ont-size: 16px;
    line-height: 1.5em;
    color: #348a3a;
    display: inline-block;
    transition: all 0.175s ease-in-out;
    font-weight: 500;
}

.notifyPop_footer a:hover {
    color: #3c3c3c;
}


/************end login page************/

.user_popup_show {
    max-width: 160px;
}

.user_popup_list {
    width: 100%;
    border-bottom: 1px solid #3d7e41;
}

.user_popup_list ul {
    padding: 10px 0px;
}

.user_popup_show .notifyPop_header,
.user_popup_show .notifyPop_footer {
    padding: 10px 15px;
}

.user_popup_show .notifyPop_header strong {
    font-size: 14px;
}

.user_popup_text a {
    font-size: 14px;
    line-height: 1.5em;
    display: inline-block;
    transition: all 0.175s ease-in-out;
    font-weight: 500;
    color: #3c3c3c;
    padding: 5px 15px;
}

.user_popup_text a:hover {
    color: #3d7e41;
}

.bookBox {
    margin-top: 20px;
}

.bookBox .trending_length {
    display: none;
}

.bookBox .trending_galary_postr {
    margin-top: 5px;
}

.bookBox .fvrtDescription p {
    max-height: 45px;
}

.bookBox .trending_video_description h3 a {
    padding-right: 0px;
}

.bookBox .trending_chanelName span {
    color: #3d7e41;
    padding: 0px;
    display: inline-block;
    font-size: 14px;
    padding-right: 10px;
    vertical-align: top;
}

.bookBox .fvrtDescription {
    padding-top: 0px;
}

.bookBox .all_buttons {
    min-width: 150px;
    padding: 6px 15px 5px 15px;
    font-size: 12px;
    border-radius: 1px;
    background: url(../images/download_icon.png) no-repeat 25px 7px;
    background-size: 15px auto !important;
    background-color: #fff;
    color: #3d7e41;
    padding-left: 25px;
}

.bookBox .all_buttons:hover {
    background: url(../images/download_icon_white.png) no-repeat 25px center;
    background-color: #3d7e41;
    color: #fff;
}

.bookRead_btn .all_buttons {
    background: url(../images/read_icon.png) no-repeat 25px center;
    background-size: 16px auto !important;
}

.bookRead_btn .all_buttons:hover {
    background: url(../images/read_icon_white.png) no-repeat 25px center;
    background-color: #3d7e41;
}

.bookBox .trending_video_description {
    padding: 5px 12px 5px 12px;
}

.book_box_btn_cell {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    position: relative;
}

.book_box_btn_cell .favourit_delete {
    position: initial;
}

.library_main .trendsGraph_icon {
    padding-top: 3px;
}

.library_main .trending_header {
    margin-bottom: 40px;
}

.lib_srchMain {
    padding: 40px 0px;
    width: 100%;
}

.lib_srchBox {
    max-width: 800px;
    margin: auto;
    position: relative;
}

.lib_srcField {
    position: relative;
    width: 100%;
}

.lib_srcField .lib_srcField_input {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 50px 10px 0px;
    border-bottom: 1px solid #3c3c3c;
    width: 100%;
    color: #3c3c3c;
    background: url(../images/lib_srchIcon.png) no-repeat right 10px center;
    background-size: 18px auto;
    transition: all 0.175s ease-in-out;
}

.lib_srcField .lib_srcField_input:focus {
    border-color: #3d7e41;
}

.lib_srcField_submit {
    width: 40px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    font-size: 0px;
    opacity: 0;
}

.lib_srcField ::-webkit-input-placeholder {
    color: #d9d9d9;
    opacity: 1;
}

.lib_srcField :-moz-placeholder {
    color: #d9d9d9;
    opacity: 1;
}

.lib_srcField ::-moz-placeholder {
    color: #d9d9d9;
    opacity: 1;
}

.lib_srcField ::-ms-input-placeholder {
    color: #d9d9d9;
    opacity: 1;
}

.lib_srcField :-ms-input-placeholder {
    color: #d9d9d9;
    opacity: 1;
}

::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}

.navLogin_btn.all_buttons,
.header_login_btn a {
    border-radius: 3px;
    text-transform: capitalize;
    padding-top: 8px;
    padding-bottom: 8px;
    min-width: 120px;
}

.history_main {
    padding-top: 30px;
}

.notif_sec_left {
    width: 50%;
    float: left;
    padding-right: 10px;
}

.notif_sec_right {
    width: 50%;
    float: left;
    padding-left: 10px;
}

.notif_sec_main .trending_galary_list {
    width: 100% !important;
}

.trending_clearAll {
    font-size: 15px;
    color: #eb1d1d;
    text-align: right;
    float: right;
    transition: all 0.175s ease-in-out;
    font-weight: 700;
}

.trending_clearAll:hover {
    text-decoration: underline;
}

.notification_content_main.favrt_content .trending_video_description {
    width: 100%;
    padding-right: 30px;
}

.notification_content_main.favrt_content .trending_galary_postr {
    /*width:200px; */
    width: 146px;
}

.notification_content_main .trending_galary_postr a {
    height: 130px;
}

.notification_content_main .fvrtDescription p a {
    color: #3d7e41;
    font-weight: 500;
}

.notification_content_main .fvrtDescription p strong {
    color: #3d7e41;
    font-weight: 500;
}

.notification_content_main .fvrtDescription p a:hover {
    text-decoration: underline;
}

.notification_content_main .bookBox .fvrtDescription p {
    max-height: 64px;
}

.error_text {
    font-size: 12px;
    line-height: 1.5em;
    color: #db1e1e;
    display: block;
    font-style: normal;
}

.error_stroke {
    border-color: #db1e1e !important;
    color: #db1e1e !important;
}

.notification_loadMore {
    padding: 30px 0px;
    text-align: center;
}

.notification_loadMore a {
    color: #3d7e41;
    font-weight: 700;
    text-transform: uppercase;
}

.notification_loadMore a:hover {
    text-decoration: underline;
}

.history_main .bookBox .trending_video_description h3 {
    padding-right: 30px;
}

.lb_userInfo {
    width: 100%;
    padding: 8px 12px;
    border-bottom: 1px solid #e5e5e5;
}

.lb_userInfo_inner {
    width: 100%;
    position: relative;
    padding-left: 70px; min-height:56px; padding-top:8px;
}

.lb_userAvatar {
    width:56px;
    height: 56px;
    background: #818181;
    border-radius: 50%;
    overflow: hidden;
    position: absolute; border:1px solid #f3f3f4;
    left: 0px;
    top: 0px;
}

.lb_userAvatar a {
    width: 56px;
    height: 56px;
    display: block;
}

.lb_userAvatar a img {
    max-width: none;
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
}

.lb_userInfo_text {
    width: 100%;
    position: relative;
}

.lb_userInfo_text h3 {
    font-size: 14px;
    line-height: 1.5em;
    color: #4d8c40;
    font-weight: 400;
    padding: 4px 0px 0px 0px;
}

.lb_userInfo_text h3 strong {
    font-weight: 500;
}

.lb_userInfo_text h3 a {
    color: #4d8c40;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
    cursor: text;
}


/*.watch_userDetails h3 a:hover{ color:#3d7e41; }*/

.lb_userInfo_text p {
    font-size: 12px;
    line-height: 1.64em;
    color: #616161;
    font-weight: 400;
    padding: 0px 0px 0px 0px;
}

.lb_userInfo_text p span {
    display: block;
    font-weight: 400;
    padding-bottom: 5px;
    overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}

.lb_userInfo_text p a {
    color: #3d7e41;
}

.lb_userInfo_text p a:hover {
    text-decoration: underline;
}

.lb_termsMain {
    width: 100%;
    padding: 10px;
    text-align: left;
    background: #f9f9f9;
}

.lb_termsMain ul {
    font-size: 0px;
    margin: 0px -10px;
}

.lb_termsMain ul li {
    display: block;
    vertical-align: top;
    padding: 0px 10px;
}

.lb_termsMain ul li a {
    font-size: 13px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 400;
    transition: all 0.175s ease;
}

.lb_termsMain ul li a:hover,
.lb_termsMain ul li a.active {
    text-decoration: underline;
    color: #3d7e41;
}

.terms_main {
    width: 100%;
    padding: 30px 0px;
}

.terms_main h3 {
    font-size: 20px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 600;
    padding: 10px 0px 15px 0px;
}

.terms_main h3 a {
    color: #3c3c3c;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
    cursor: text;
}

.terms_main h3 a:hover {
    color: #3d7e41;
}

.terms_main p {
    font-size: 15px;
    line-height: 1.64em;
    color: #3c3c3c;
    font-weight: 400;
    padding: 0px 0px 15px 0px;
}

.terms_main p strong {
    display: block;
    font-weight: 500;
    padding-bottom: 6px;
}

.terms_main p a {
    color: #3d7e41;
}

.terms_main p a:hover {
    text-decoration: underline;
}

.suggested_tags {
    width: 100%;
    padding: 15px 0px;
    padding-top: 0px;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
}

.suggested_tags_inner {
    width: 100%;
    white-space: nowrap;
}

.suggested_tags_inner ul {
    font-size: 0px;
    padding: 0px 40px;
}

.suggested_tags_inner ul li {
    display: inline-block;
    vertical-align: top;
    padding: 0px 5px;
}

.suggested_tags_inner ul li a {
    padding: 5px 15px 5px 15px;
    display: block;
    background-color: #dbdbde;
    border-radius: 30px;
    border: 1px solid #dbdbde;
    color: #000;
    font-size: 15px;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.suggested_tags_inner ul li a:hover,
.suggested_tags_inner ul li a.active {
    background-color: #3d7e41;
    border-color: #3d7e41;
    color: #fff;
}

.plusSign_bottom {
    width: 65px;
    height: 65px;
    border-radius: 50%;
    position: fixed;
    z-index: 224;
    right: 15px;
    bottom: 15px;
    background-color: #3d7e41 !important;
    background: url(../images/plusSign.png) no-repeat center center;
    background-size: 18px auto;
    cursor: pointer;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
    opacity: 1;
}

.plusSign_bottom.show {
    opacity: 0;
}

.no_record_class {
    height: 200px;
    padding: 90px 50px;
    text-align: center;
}

.no_record_div {
    padding: 50px 50px;
    text-align: center;
}

.mCustomScrollBox {
    height: auto !important
}

.alert-success {
    color: #008000 !important;
    padding-bottom: 25px !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.alert-danger {
    color: #FF0000 !important;
    padding-bottom: 25px !important;
    background-color: transparent !important;
    border-color: transparent !important;
}

.nav_notification_number {
    min-width: 16px;
    padding: 0px 2px;
    height: 16px;
    display: block;
    position: absolute;
    right: -8px;
    top: -8px;
    background: #008000;
    color: #fff;
    font-size: 10px;
    border-radius: 8px;
    text-align: center;
    line-height: 1.5em;
    font-weight: 400;
}


/**********end jam new style**********/


/*************start error page style**************/

.error_page_poss {
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background-color: #3d7e41;
    position: fixed;
    padding: 50px 0px;
    overflow: auto;
}

.error_page {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
}

.error_page_inner {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.error_page_detail {
    width: 100%;
    max-width: 950px;
    padding: 0px 15px;
    margin: auto;
    text-align: center;
}

.error_page_text {
    width: 100%;
    padding-bottom: 30px;
}

.error_page_text h1 {
    font-size: 200px;
    line-height: 0.7em;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    padding-bottom: 30px;
}

.error_page_text strong {
    font-size: 35px;
    line-height: 1em;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 600;
    padding-bottom: 20px;
    display: block;
}

.error_page_text p {
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    font-weight: 400;
    padding-bottom: 20px;
}

.error_backHome {
    width: 100%;
    text-align: center;
}

.error_backHome a {
    font-size: 14px;
    line-height: 1.5em;
    color: #fff;
    padding: 0px 26px 0px 0px;
    transition: all 0.175s ease-in-out;
    background: url(../images/right_see.png) no-repeat right 7px;
    background-size: 15px auto;
}

.disable_button {
    opacity: 0.5;
    pointer-events: none
}

.likesShare_bar ul li {
    position: relative;
}

#social-links {
    width: auto;
    position: absolute;
    right: 0px;
    white-space: nowrap;
    top: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5);
    border-radius: 3px;
    z-index: 22;
    max-height: 80vh;
    overflow: auto;
    display: none;
}

.likesShare_bar ul li:hover #social-links {
    display: block;
}

.likesShare_bar ul li ul li {
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    border-bottom: 1px solid #e9e9eb;
    min-width: 0px;
}

.likesShare_bar ul li ul li a,
.likesShare_bar ul li ul li span {
    padding: 0px;
    transition: all 0.175s ease-in-out;
}

.likesShare_bar ul li ul li span {
    display: block;
    color: #616161;
    font-size: 18px;
    transition: all 0.175s ease-in-out;
    padding: 12px;
    font-weight: 400;
}

.likesShare_bar ul li ul li span:hover {
    color: #fff;
    background: #3d7e41;
}

#container {
    height: 530px;
}

#container video {
    width: 100%;
    display: block;
    height: 530px;
    object-fit: fill
}

.watch_userDetails h3 {
    padding-bottom: 40px;
}

.watchAdminName {
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 45px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: bold;
    min-width: 80px;
    text-align: center;
}

.watch_not_available {
    color: #3c3c3c;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
    padding: 100px 0px;
    width: 100%;
    text-align: center;
}

.banerTextSlider {
    min-height: 330px;
    text-align: center;
    position: relative;
}

.banerTextSlider_run {
    padding: 30px 15px;
    color: #3c3c3c;
}

.banerTextSlider_run p {
    /* color: #3c3c3c;*/
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    padding-bottom: 10px;
    width: 100%;
}

.banerTextSlider .slick-arrow,
.banerTextSlider .slick-dots {
    display: none !important;
}

.banerTextSlider_table {
    height: 280px;
    display: table;
    overflow: hidden;
    width: 100%;
}

.banerTextSlider_cell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
}

.terms_main p b {
    font-weight: 700;
}

.favrt_content .trending_galary_postr a {
    height: 100%;
}

.verticalBoxes_main {
    padding: 15px 0px 40px 0px;
}

.verticalBoxes_main .trending_galary_list {
    width: 33.33%;
    padding: 0px 10px 20px;
}

.verticalBoxes_main .trending_galary_list:last-child {
    padding-bottom: 0px;
}

.verticalBoxes_main .trending_galary_postr {
    width: 148px;
}

.verticalBoxes_main .trending_video_description {
    width: 280px;
}

.verticalBoxes_main .trending_galary_box {
    display: flex;
    width: 100%;
}

.verticalBoxes_main .trending_galary_postr a {
    width: 100%;
}

.verticalBoxes_main .trending_video_description {
    padding: 10px 12px 10px 12px;
    position: relative;
}

.verticalBoxes_main .trending_video_description h3 {}

.verticalBoxes_main .trending_video_description h3 a {
    padding-right: 30px;
}

.verticalBoxes_main .trending_chanelName {
    padding-bottom: 0px;
}

.kids_library_main.verticalBoxes_main .trending_chanelName {
    padding-bottom: 10px;
}

.verticalBoxes_main .trending_chanelName a {
    font-size: 12px;
}

.verticalBoxes_main .likesShare_bar ul li {
    padding-left: 10px;
}

.verticalBoxes_main .trending_chanelName {
    font-size: 12px;
}

.favrt_content .notif_sec_right .trending_galary_postr a {
    max-height: none;
}

.favrt_content .notif_sec_right .trending_galary_postr a img {
    object-fit: covers;
    height: 100%;
    min-height: 104px;
}

.default_cursor {
    cursor: default !important;
}

.cursor_text {
    cursor: text !important;
    text-decoration: none !important;
}

.headPhoneIcon {
    width: 52px;
    height: 52px;
    cursor: default;
    background: url(../images/headphones.png) no-repeat 14px center;
    background-size: 35px auto !important;
}

.trending_galary_box .likesShare_bar ul li {
    padding-left: 6px;
}

.likesShare_bar ul li .likesShare_headPhone {
    background: url(../images/headphones.png) no-repeat left center;
    background-size: 16px auto;
}

.bigVideoPlayIcon {
    width: 52px;
    height: 52px;
    cursor: default;
    background: url(../images/video.png) no-repeat 14px center;
    background-size: 35px auto !important;
}

.likesShare_bar ul li .likesShare_videoPlayIcon {
    background: url(../images/video.png) no-repeat left center;
    background-size: 16px auto;
}

.banerTextSlider_run {
    max-height: 350px;
    margin: auto;
}

.banerTextSlider_run img {
    display: block;
    max-height: 310px;
    margin: auto;
    width: auto;
    max-width: 100%;
}

.channelName_has_headphone {
    padding-right: 20px;
    background: url(../images/headphones.svg) no-repeat right 3px;
    background-size: 14px auto !important;
}

.channelName_has_videoIcon {
    padding-right: 20px;
    background: url(../images/video.svg) no-repeat right 0px;
    background-size: 14px auto !important;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    opacity: 0 !important;
    bottom: -100% !important;
}

.suggested_tags_inner {
    position: relative;
}

.suggested_tags .slick-arrow {
    display: block;
    width: 40px;
    height: 100%;
    background-color: #f9f9f9 !important;
    border: 0px none;
    outline: none;
    font-size: 0px;
    background: url(../images/bf_daySlider_left.png) no-repeat center center;
    background-size: 12px auto !important;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 2;
}

.suggested_tags .slick-arrow.slick-next {
    left: inherit;
    right: 0px;
    background: url(../images/bf_daySlider_right.png) no-repeat center center;
}

.suggested_tags .slick-arrow.slick-disabled {
    display: none !important;
}

.bookBoxNotification {
    width: 74px !important;
    margin-top: 0px !important;
}

.library_main.verticalBoxes_main .trending_chanelName {
    padding-bottom: 10px;
}

.library_main.verticalBoxes_main .trending_chanelName span {
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
}


/*****************start*v2 style by jam**********************/

.alertNotify_headerImg {
    max-width: 62px;
    margin: auto;
    display: block;
}

.alertNotify_headerImg img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}

.thankYouImg {
    max-width: 80px;
    margin: auto;
    display: block;
    margin-bottom: 20px;
}

.thankYouImg img {
    display: block;
    max-width: none;
    width: 100%;
    height: auto;
}

.all_popup_header {
    background: #f1f1f1;
    border-bottom-color: #f1f1f1;
}

.alertNotify_text {
    padding: 10px 15px 0px 15px;
    text-align: center;
    width: 100%;
}

.alertNotify_text h3 {
    color: #3d7e41;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 15px;
    width: 100%;
}

.alertNotify_text h2 {
    color: #3d7e41;
    font-size: 40px;
    line-height: 1.2em;
    font-weight: 900;

    padding-bottom: 15px;
    width: 100%;
}

.alertNotify_text p {
    padding-bottom: 15px;
}

.all_buttons.sadqaJariya_participate_btn {
    padding: 6px 15px 5px 35px;
    background: url(../images/participate_btn_icon.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
}

.all_buttons.sadqaJariya_participate_btn:hover {
    background-color: #616161;
    color: #fff;
}

.sadqaJariya_requestBtn {
    min-width: 150px;
    padding: 6px 10px;
}

.sadqaJariya_freeTitle {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
    color: #3d7e41;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: 10px;
    text-transform: uppercase;
    font-size: 14px;
}

.sadqaJariya_main.favrt_content .trending_video_description h3 a {
    font-size: 18px;
    /*height:auto;*/
}

.outOfStock_len {
    background: #d31919;
}

.sadqaJariya_main.favrt_content .trending_length {
    line-height: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 11px;
    padding-left: 10px;
    padding-right: 10px;
}

.outOfStock_box .sadqaJariya_requestBtn {
    background: #d6d6d6;
    pointer-events: none;
    border-color: #c5c5c5;
}

.sadqaJariya_main.favrt_content .trending_galary_postr a {
    max-height: 142px;
}

.sadqaJariya_main.favrt_content .trending_galary_postr a img {
    min-height: 142px;
}

.kids_library_main .bookBox .trending_galary_postr {
    margin-top: -20px;
}

.all_buttons.kidsVideos_top_btn {
    padding: 6px 15px 5px 35px;
    background: url(../images/kidsVideosIcon.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
}

.all_buttons.kidsVideos_top_btn:hover {
    background-color: #616161;
    color: #fff;
}

.formCancelBtMain .all_buttons {
    max-width: 300px;
}

.all_buttons.all_whiteBg {
    background: #fff;
    border-color: #3d7e41;
    color: #3d7e41;
}

.all_buttons.all_whiteBg:hover {
    background: #616161;
    border-color: #616161;
    color: #fff;
}

.participate_page_content {
    display: block;
}

.participate_page_content .profileEdit_right {
    display: block;
    width: 100%;
    padding-left: 0px;
}

.participate_checkboxes {
    width: 100%;
}

.participate_checkboxes ul li {
    float: left;
    padding-right: 20px;
}

.participate_checkboxes ul li:last-child {
    padding-right: 0px;
}

.participate_radio_btn {
    display: block;
    width: 100%;
    line-height: 20px;
    height: 50px;
    padding: 12px 35px 10px 35px;
    background-color: #f9f9f9 !important;
    border: 1px solid transparent;
    color: #616161;
    font-size: 14px;
    font-weight: 400;
    transition: all 0.175s ease-in-out;
    position: relative;
    min-width: 200px;
    text-align: center;
    background: url(../images/unChecked_icon.png) no-repeat left 14px center;
    background-size: 18px !important;
}

.participate_radio_btn.active {
    border-color: #3d7e41 !important;
    background-color: #fff !important;
    color: #3d7e41;
    background: url(../images/checked_icon.png) no-repeat left 14px center;
}

.participate_radio_btn input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
    cursor: pointer;
    opacity: 0;
}

.participate_radio_btn img {
    max-width: 22px;
    max-height: 22px;
    display: inline-block;
    vertical-align: middle;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(40%);
    filter: grayscale(100%) brightness(100%) contrast(40%);
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.participate_radio_btn em {
    transition: all 0.175s ease-in-out;
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    line-height: 22px;
    padding-left: 10px;
    padding-top: 2px;
}

.participate_radio_btn.active img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.qariProfile_content {
    background: #fff;
    width: 100%;
}

.qariPro_topMain {
    width: 100%;
    border-bottom: 8px solid #f9f9f9;
    padding: 20px 20px;
}

.qariPro_topInner {
    width: 100%;
    position: relative;
    min-height: 150px;
    padding-left: 180px;
    padding-right: 150px;
}

.qariPro_avatar {
    width: 150px;
    height: 150px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #3d7e41;
}

.qariPro_avatar span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.qariPro_avatar img {
    width: 100%;
    height: 100%;
    display: block;
    max-width: none;
}

.qariPro_top_back {
    width: auto;
    display: inline-block;
    position: absolute;
    right: 0px;
    top: 0px;
    min-width: 100px;
}

.qariProInfo {
    width: 100%;
    padding-top: 30px;
}

.qariProInfo ul li {
    width: 100%;
    padding-bottom: 6px;
}

.qariProName {
    width: 46%;
    float: left;
}

.qariProContact {
    width: 46%;
    float: right;
}

.qariProName h3 {
    color: #4b8b37;
    font-weight: 500;
    font-size: 20px;
    line-height: 1em;
    padding-bottom: 4px;
}

.qariProName span {
    display: inline-block;
    color: #3c3c3c;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding-left: 25px;
}

.qariProName span.qariPro_distance {
    background: url(../images/qariProfile_distanceIcon1.png) no-repeat left 2px;
    background-size: 16px auto;
}

.qariProName span.qariPro_views {
    background: url(../images/qariProfile_distanceIcon2.png) no-repeat left 4px;
    background-size: 20px auto;
}

.qariProContact a {
    display: inline-block;
    color: #3c3c3c;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding-left: 25px;
}

.qariProContact a.qariProContact_email {
    background: url(../images/email_icon.png) no-repeat left 4px;
    background-size: 16px auto;
}

.qariProContact a.qariProContact_phone {
    background: url(../images/phone_icon.png) no-repeat left 4px;
    background-size: 16px auto;
}

.qariProContact a.qariProContact_skype {
    background: url(../images/skype_icon.png) no-repeat left 4px;
    background-size: 16px auto;
}

.qariProContact a:hover {
    text-decoration: underline;
}

.qariPro_detailText {
    padding: 20px 20px;
    width: 100%;
}

.qariPro_detailText h3 {
    font-size: 18px;
    padding-bottom: 0px;
    line-height: 1.5em;
    font-weight: 700;
    display: block;
}

.qariPro_detailText p {
    padding-bottom: 15px;
}

.qariPro_detailText p strong {
    font-size: 18px;
    padding-bottom: 0px;
    line-height: 1.5em;
    font-weight: 700;
    display: block;
}

.qariPro_detailTime {
    color: #3d7e41;
}

.all_buttons.addQari_top_btn {
    padding: 6px 15px 5px 35px;
    background: url(../images/addQari_btn_icon.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
}

.all_buttons.addQari_top_btn:hover {
    background-color: #616161;
    color: #fff;
}

.tutors_galary {
    width: 100%;
}

.tutors_galary_ul {
    margin: 0px -7px;
    font-size: 0px;
}

.tutors_galary_list {
    padding: 0px 7px 36px 7px;
    width: 50%;
    display: inline-block;
    vertical-align: top;
    color: #3c3c3c;
    font-size: 15px;
}

.tutors_galary_box {
    width: 100%;
    background: #fff;
    position: relative;
    padding: 40px 20px 34px 120px;
}

.tutors_galary_postr {
    width: 90px;
    height: 90px;
    display: block;
    position: absolute;
    left: 15px;
    top: 30px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #3d7e41;
}

.tutors_galary_postr a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.tutors_galary_postr img {
    width: 100%;
    height: 100%;
    display: block;
    max-width: none;
}

.tutors_views_length {
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    padding: 4px 15px 1px 30px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-weight: 300;
    background-color: #3d7e41 !important;
    z-index: 2;
    font-style: normal;
    background: url(../images/white_eye.png) no-repeat left 6px center;
    background-size: 18px auto;
}

.trending_video_description {
    padding: 15px 10px 15px 10px;
    width: 100%;
}

.tutors_description h3 {
    color: #4b8b37;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    width: 100%;
}

.tutors_description h3 a {
    color: #4b8b37;
    margin: 0 0 6px 0;
    display: inline-block;
    padding-right: 60px;
    max-height: 3.2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-weight: 500;
    line-height: 1.6rem;
}

.tutors_description h3 a.verified {
    background: url(../images/group_30.svg) no-repeat right center;
    background-size: 50px auto;
}

.tutors_description h3 a:hover {
    text-decoration: underline;
}

.tutors_description span {
    display: inline-block;
    color: #3c3c3c;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    padding-left: 25px;
    margin-bottom: 8px;
}

.tutors_description span.qariPro_distance {
    background: url(../images/qariProfile_distanceIcon1.png) no-repeat left 2px;
    background-size: 16px auto;
}

.tutors_description span.qariPro_views {
    background: url(../images/qariProfile_distanceIcon2.png) no-repeat left 4px;
    background-size: 20px auto;
}


/**********start checkbox**********/

.form_checkbox {
    width: 100%;
}

.form_checkbox label {
    font-size: 14px;
    line-height: 22px;
    color: #1d1d1d;
    font-weight: 400;
    cursor: pointer;
    display: inline-block;
    padding-left: 30px;
    position: relative;
    min-height: 22px;
}

.form_checkbox label input {
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    z-index: -1;
    left: 0px;
    top: 0px;
}

.checkbox_checked {
    width: 20px;
    display: block;
    height: 20px;
    background: none;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    border: solid 1px #d2d2d2;
    position: absolute;
    left: 0px;
    top: 1px;
}

.form_checkbox label input:checked~.checkbox_checked {
    background: #3d7e41 none repeat scroll 0 0;
    border: solid 1px transparent;
}

.form_checkbox label:hover input:checked:not([disabled]) .checkbox_checked,
.control input:checked:focus .checkbox_checked {
    background: #3d7e41 none repeat scroll 0 0;
}

.form_checkbox label input:disabled~.checkbox_checked {
    background: #36a7c4 none repeat scroll 0 0;
    opacity: 0.6;
    pointer-events: none;
}

.checkbox_checked::after {
    content: "";
    display: none;
    position: absolute;
}

.form_checkbox label input:checked~.checkbox_checked:after {
    display: block;
}

.form_checkbox label .checkbox_checked:after {
    width: 4px;
    height: 8px;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #fff;
    border-image: none;
    border-style: solid;
    border-width: 0 2px 2px 0;
    left: 6px;
    top: 3px;
    transform: rotate(45deg);
}


/**********end checkbox**********/

.notification_content_main .notif_sec_left {
    width: 33.33%;
}

.notification_content_main .notif_sec_right {
    width: 33.33%;
}

.notify_generalBox .trending_galary_postr {
    padding: 15px;
}

.tutors_galary_postr img {
    object-fit: cover !important;
}

.lb_userAvatar a img {
    object-fit: cover !important;
}

.qariProName h3 {
    display: inline-block;
    padding-right: 60px;
}

.qariProName h3.verified {
    background: url(../images/group_30.svg) no-repeat right center;
    background-size: 50px auto;
}

.favourit_delete {
    z-index: 22 !important;
}

.fullBox_wrap_link {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 3;
    display: block;
}


/***************************islamic hub v3 style start here by jam****************************/

.blood_donate_page_content .profileEdit_header h3 {
    background: url(../images/blood_donate_lb_icon.png) no-repeat left center;
    background-size: 20px auto;
    padding-left: 34px;
}

.blood_type_row {
    width: 100%;
}

.blood_type_boxes {
    width: 50%;
    float: left;
    padding-right: 20px;
}

.blood_type_boxes ul li {
    float: left;
    padding-right: 10px;
}

.blood_type_boxes ul li label {
    text-transform: uppercase;
    width: 100%;
    line-height: 28px;
    height: 50px;
    padding: 10px 10px 10px 10px;
    display: block;
    text-align: center;
    background-color: #f9f9f9;
    color: #1e1e1e;
    font-size: 18px;
    font-weight: 400;
    transition: all 0.175s ease-in-out;
    position: relative;
    min-width: 60px;
    cursor: pointer;
}

.blood_type_boxes ul li label em {
    font-style: normal;
    position: relative;
    z-index: 3;
    cursor: pointer;
}

.blood_type_boxes ul li label.active {
    background: #eb1d1d;
    border-color: #eb1d1d;
    color: #fff;
}

.blood_type_boxes ul li label input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.blood_type_boxes ul li label .blood_donate_checked {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    display: none;
}

.blood_type_boxes.blood_group_type ul li label {
    font-size: 26px;
}

.blood_type_boxes label input:checked~.blood_donate_checked {
    display: block;
    background: #eb1d1d;
    border-color: #eb1d1d;
    color: #fff;
}

.blood_type_boxes label input:checked~em {
    color: #fff;
}

.formField ::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #bebebe;
}

.formField ::-moz-placeholder {
    /* Firefox 19+ */
    color: #bebebe;
    opacity: 1;
}

.formField :-ms-input-placeholder {
    /* IE 10+ */
    color: #bebebe;
}

.formField :-moz-placeholder {
    /* Firefox 18- */
    color: #bebebe;
    opacity: 1;
}

.search_select_out .select2-container {
    width: 100% !important;
}

.search_select_out .select2-container--default .select2-selection--single {
    border-color: #f9f9f9;
    background-color: #f9f9f9;
    color: #616161;
    height: 50px;
    transition: all 0.175s ease-in-out;
    border-radius: 0px !important;
}

.search_select_out .select2-container--default.select2-container--open .select2-selection--single {
    border-color: #3d7e41 !important;
    box-shadow: 0 0 3px #3d7e41;
}

.search_select_out .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #616161;
    line-height: 48px;
    font-size: 16px;
    font-weight: 400;
}

.search_select_out .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 48px;
}

.search_select_out .select2-container--default .select2-selection--single .select2-selection__arrow b {
    border: 0px none;
    position: relative;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    content: "";
    position: absolute;
    right: -12px;
    top: 2px;
    width: 12px;
    text-align: right;
    line-height: 1.5em;
    padding: 12px 0px;
    z-index: 0;
    transition: all 0.4s ease;
    background: url(../images/selectbox_arrow.png) no-repeat center center !important;
    background-size: 12px auto !important;
    height: 100%;
    box-sizing: border-box;
}

.search_select_out .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #bebebe;
}

.select2-selection__clear {
    display: none !important;
    width: 30px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    font-size: 26px;
    color: #6f7074;
    font-weight: normal !important;
    text-align: center;
}

.search_select_out .select2-container .select2-selection--single .select2-selection__rendered {
    padding-right: 26px;
    padding-left: 15px;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #f2f2f2 !important;
    color: #002257 !important;
}

.search_select_out .select2-container--default .select2-selection--single .select2-selection__arrow b {
    top: 0px;
    right: 22px;
    position: absolute;
    left: inherit;
    height: 100%;
}

.select2-container.select2-container--open {
    z-index: 10000 !important;
}

.dateBrth_fields {
    width: 100%;
}

.dateBrth_fields_list {
    width: auto;
    float: left;
    padding-right: 16px;
    min-width: 140px;
}

.dateBrth_years_sel {
    min-width: 200px;
}

.bloodDonate_search .lib_srcField .lib_srcField_input {
    padding-left: 40px;
}

.bloodDonate_search .lib_srcField_submit {
    right: inherit;
    left: 0px;
}

.bloodDonate_search .lib_srcField .lib_srcField_input {
    background-position: left center !important;
}

.blood_filter_icon {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/filter_icon.png) no-repeat center center;
    background-size: 16px auto;
}

.notify_popup.search_donor_filter_popup {
    position: absolute;
    right: 0px;
    top: 100%;
    width: 100%;
    max-width: 444px;
}

.search_donor_filter_form {
    width: 100%;
    padding: 15px;
}

.search_donor_filter_form .blood_type_boxes {
    width: auto;
}

.search_donor_filter_form .blood_type_boxes ul li label {
    padding: 5px;
    height: 40px;
    min-width: 45px;
}

.search_donor_filter_form .participate_checkboxes ul li {
    width: 33.33%;
}

.search_donor_filter_form .participate_radio_btn {
    min-width: 0px;
    padding-left: 10px;
    padding-right: 10px;
    background: none !important;
    background-color: #f9f9f9 !important;
}

.donor_age_range .irs-min,
.donor_age_range .irs-max {
    display: none !important;
}

.donor_age_range .irs--flat .irs-line {
    background: #f9f9f9 !important;
}

.donor_age_range .irs--flat .irs-bar {
    background: #3d7e41 !important;
}

.donor_age_range .irs--flat .irs-handle>i:first-child {
    width: 100% !important;
    border-radius: 50% !important;
    background: #fff !important;
    border: 1px solid #3d7e41 !important;
    cursor: pointer;
    left: 0px !important;
}

.donor_age_range .irs--flat .irs-handle {
    width: 18px !important;
}

.irs--flat .irs-from,
.irs--flat .irs-to,
.irs--flat .irs-single {
    background: #3d7e41 !important;
    color: #fff !important;
}

.irs--flat .irs-from:before,
.irs--flat .irs-to:before,
.irs--flat .irs-single:before {
    border-top-color: #3d7e41 !important;
}

.all_buttons.donor_list_map_btn {
    padding: 6px 15px 5px 35px;
    background: url(../images/map_btn_icon.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
}

.all_buttons.donor_list_map_btn:hover {
    background-color: #616161;
    color: #fff;
}

.donor_list_header .form_heading {
    padding-top: 15px;
}

.ui-widget-header {
    border: 1px solid #3d7e41;
    background: #3d7e41;
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #3d7e41;
    background: #3d7e41;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    background: #fff;
    color: #3c3c3c;
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 1px solid #3c3c3c;
    background: #3c3c3c;
    color: #fff;
}

.ui-datepicker {
    z-index: 999 !important;
}

.datepicker {
    background: url(../images/date_icon.png) no-repeat right 10px center;
    background-size: 18px auto;
    padding-right: 40px;
}

.donors_listing .tutors_galary_box {
    padding-right: 100px;
}

.bloodDonor_name {
    color: #3c3c3c;
    display: block;
    position: relative;
}

.bloodDonor_name sup {
    display: inline-block;
    padding-left: 4px;
    font-weight: 700;
    font-size: 12px;
    color: #3d7e41;
    position: relative;
    top: 4px;
}

.tutors_description span.blood_donor_location {
    background: url(../images/location_gray.png) no-repeat left 2px;
    background-size: 14px auto;
}

.tutors_description span.blood_donor_number {
    background: url(../images/phone_gray.png) no-repeat left 2px;
    background-size: 16px auto;
}

.tutors_description span.blood_donor_daysAgo {
    background: url(../images/hearts.png) no-repeat left 4px;
    background-size: 16px auto;
    color: #eb1d1d;
}

.bDonor_group_call {
    position: absolute;
    right: 0px;
    top: 0px;
    padding: 15px 10px;
    max-width: 90px;
    width: 100%;
    text-align: center;
}

.bDonor_group_call p {
    padding-bottom: 24px;
}

.bDonor_group_call p:last-child {
    padding-bottom: 0px;
}

.bDonor_group_type {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: #eb1d1d;
    font-weight: 700;
    background: url(../images/bloodGroup_type_icon.png) no-repeat left 1px;
    background-size: 13px auto;
    padding-left: 24px;
}

.bDonor_call_to {
    display: inline-block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 24px;
    color: #3c3c3c;
    font-weight: 700;
    background: url(../images/phone_green_fill.png) no-repeat top center;
    background-size: 28px auto;
    padding-top: 32px;
}

.halalFood_search .lib_srcField .lib_srcField_input {
    padding-left: 40px;
}

.halalFood_search .lib_srcField_submit {
    right: inherit;
    left: 0px;
}

.halalFood_search .lib_srcField .lib_srcField_input {
    background-position: left center !important;
}

.halalFood_nearby_icon {
    width: 40px;
    height: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/food_search_location_icon.png) no-repeat center center;
    background-size: 16px auto;
}

.resturent_box_desc {
    padding: 15px 10px 15px 10px;
    width: 100%;
}

.resturent_box_desc h3 {
    color: #4b8b37;
    font-size: 18px;
    line-height: 25px;
    font-weight: 500;
    width: 100%;
}

.resturent_box_desc h3 strong,
.funRaiz_titleName {
    color: #3c3c3c;
    display: inline-block;
    padding-right: 50px;
    max-height: 3.2rem;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    font-weight: 500;
    line-height: 1.6rem;
    position: relative;
}

.funRaiz_titleName {
    color: #4d8c40;
    padding-right: 0px;
}

.funRaiz_titleName:hover {
    text-decoration: underline;
}

.resturent_rating {
    display: inline-block;
    position: absolute;
    top: 0px;
    font-size: 14px;
    line-height: 22px;
    padding-left: 18px;
    background: url(../images/rating_star.png) no-repeat left center;
    background-size: 15px auto;
    margin-left: 10px;
    color: #4e8d42;
    font-weight: 500;
    right: 0px;
}

.resturent_list_location {
    background: url(../images/location_green.png) no-repeat left 1px;
    padding-left: 20px;
    background-size: 14px auto;
}

.resturent_list_location a,
.resturent_list_location span {
    display: inline-block;
    color: #4d8c40;
    font-weight: 400;
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 8px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.resturent_list_location span {
    color: #3c3c3c;
    margin-bottom: 0px;
}

.resturent_list_location a:hover {
    text-decoration: underline;
}

.resturent_availablities {
    width: 100%;
    font-size: 0px;
}

.resturent_availablities ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 16px;
    padding-left: 4px;
    margin-left: 4px;
    position: relative;
    color: #3c3c3c;
}

.resturent_availablities ul li:before {
    content: "·";
    font-size: 14px;
    color: #3c3c3c;
    line-height: 16px;
    display: inline-block;
    vertical-align: top;
    position: relative;
    top: 0px;
}

.resturent_availablities ul li:first-child {
    padding-left: 0px;
    margin-left: 0px;
}

.resturent_availablities ul li:first-child:before {
    display: none;
}

.fundRaising_content {
    padding-top: 20px;
}

.fundRaising_listing .resturent_box_desc {
    min-height: 110px;
}

.fundRaized_main {
    padding: 15px 10px 15px 10px;
    width: 100%;
    border-top: 1px solid #e2e2e2;
}

.fundRaized_top {
    width: 100%;
    padding-bottom: 6px;
}

.fundRaized_top strong {
    display: inline-block;
    width: auto;
    text-align: left;
    float: left;
    font-size: 20px;
    line-height: 1em;
    color: #3d7e41;
    font-weight: 700;
}

.fundRaized_top span {
    display: inline-block;
    width: auto;
    text-align: right;
    float: right;
    font-size: 14px;
    line-height: 1em;
    color: #3c3c3c;
}

.fundRaized_progress {
    width: 100%;
    height: 10px;
    position: relative;
    background: #e7e7e7;
}

.fundRaized_bar {
    width: 0%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: #3d7e41;
}

.fundRaising_detail_content {
    width: 100%;
    padding-top: 20px;
}

.fundRaising_banner_main {
    width: 100%;
    display: table;
    table-layout: fixed;
    background: #fff;
}

.fundRaiz_banner_left {
    width: 74%;
    display: table-cell;
    vertical-align: top;
}

.fundRaiz_banner_right {
    display: table-cell;
    vertical-align: top;
    width: 26%;
}

.raisedGoals_main {
    min-height: 400px;
    background: #f9f9f9;
    padding-left: 20px;
}

.fundRaiz_banerFrame {
    width: 100%;
}

.fundRaiz_banerImg {
    width: 100%;
}

.fundRaiz_banerImg span {
    display: block;
    width: 100%;
    height: 400px;
}

.fundRaiz_banerImg img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.fundRaiz_banerFrame_description {
    padding: 10px 15px 15px 15px;
    width: 100%;
    border-bottom: 1px solid #dbdbde;
    margin-bottom: 15px;
}

.fundRaiz_banerFrame_description h3 {
    color: #3c3c3c;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.fundRaiz_banerFrame_description a {
    color: #3c3c3c;
}

.fundRaiz_baner_slider .slick-dots {
    width: 100%;
    position: absolute;
    left: 0px;
    bottom: 10px;
    text-align: center;
}

.fundRaiz_baner_slider .slick-dots li {
    display: inline-block;
    vertical-align: middle;
    padding: 5px;
}

.fundRaiz_baner_slider .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 50%;
    font-size: 0px;
    cursor: pointer;
    opacity: 0.5;
    border: 0px none;
    outline: none;
    transition: all 0.175s ease;
}

.fundRaiz_baner_slider .slick-dots li.slick-active button {
    opacity: 1;
}

.fundRaiz_banerFrame_location {
    background: url(../images/location_gray.png) no-repeat left 1px;
    padding-left: 20px;
    background-size: 14px auto;
}

.fundRaiz_banerFrame_location span {
    display: inline-block;
    color: #3c3c3c;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 8px;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.raisedGoals_main {
    width: 100%;
    padding-top: 40px;
}

.raisedGoals_top {
    width: 100%;
    padding-bottom: 20px;
    font-size: 0px;
}

.raisedGoals_top ul {
    margin: 0px -20px;
}

.raisedGoals_top ul li {
    font-size: 14px;
    display: inline-block;
    width: 50%;
    padding: 10px 20px;
    text-align: left;
    border-left: 1px solid #dcdcdc;
}

.raisedGoals_top ul li:first-child {
    text-align: right;
    border-left: 0px none;
}

.raisedGoals_top ul li strong {
    display: block;
    font-size: 12px;
    line-height: 1.5em;
    color: #3c3c3c;
}

.raisedGoals_top ul li h3 {
    font-size: 24px;
    line-height: 1.2em;
    color: #4d8c40;
    font-weight: 700;
    position: relative;
}

.raisedGoals_top ul li h3 sup {
    position: relative;
    top: 6px;
    font-size: 60%;
}

.raisedGoals_chart {
    width: 100%;
}

.fundRaising_about {
    width: 100%;
    background: #fff;
    padding: 10px 15px 25px 15px;
}

.fundRaising_aboutHeading {
    width: 100%;
    padding-bottom: 12px;
}

.fundRaising_about_date {
    width: auto;
    display: inline-block;
    vertical-align: top;
    float: left;
    padding-right: 10px;
    text-align: center;
}

.fundRaising_about_date h4 {
    font-size: 26px;
    line-height: 1em;
    color: #4d8c40;
    font-weight: 700;
    position: relative;
}

.fundRaising_about_date h4 small {
    display: block;
    font-size: 40%;
}

.fundRaising_aboutHeading strong {
    display: block;
    font-size: 18px;
    line-height: 1.4em;
    color: #3c3c3c;
    font-weight: 500;
}

.fundRaising_aboutHeading p {
    display: block;
    font-size: 14px;
    line-height: 1.4em;
    color: #3c3c3c;
    font-weight: 400;
}

.fundRaising_aboutText {
    padding-bottom: 10px;
}

.fundRaising_aboutText p {
    padding-bottom: 15px;
}

.fundRaising_contact {
    width: 100%;
}

.fundRaising_user {
    width: 100%;
    position: relative;
    padding-left: 62px;
    min-height: 46px;
    margin-bottom: 15px;
}

.fundRaising_user_avatar {
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d6d6d6;
    background: #d6d6d6;
}

.fundRaising_user_avatar span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.fundRaising_user_avatar img {
    width: 100%;
    height: 100%;
    display: block;
    max-width: none;
}

.fundRaising_user p {
    padding-top: 8px;
    font-size: 16px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 400;
}

.fundRaising_contact .qariProContact {
    width: 100% !important;
    float: none !important;
}

.fundRaising_contact .qariProContact li {
    padding-bottom: 6px;
}

.resturent_detail_content {
    width: 100%;
    padding: 20px 0px;
}

.resturent_detail_inner {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.resturent_detail_left {
    width: 74%;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    padding-right: 20px;
}

.resturent_detail_right {
    width: 26%;
    display: table-cell;
    vertical-align: top;
    height: 100%;
    background: #fff;
}

.resturent_frame {
    width: 100%;
    background: #fff;
}

.resturent_frame .resturent_box_desc {
    padding: 10px 15px 15px 15px;
    width: 100%;
    border-bottom: 1px solid #dbdbde;
}

.resturent_frame .resturent_box_desc h3 {
    color: #3c3c3c;
    font-size: 24px;
    line-height: 1.5em;
}

.resturent_frame .resturent_list_location a,
.resturent_frame .resturent_list_location span {
    font-size: 14px;
}

.resturent_availablities li strong {
    font-weight: 700;
    font-size: 14px;
    color: #3c3c3c;
}

.resturent_availablities li span a {
    font-weight: 500;
    font-size: 14px;
    color: #3d7e41;
}

.resturent_availablities li span a:hover {
    text-decoration: underline;
}

.resturent_detail_desc_main {
    width: 100%;
    padding: 20px 15px 15px 15px;
    background: #fff;
}

.resturent_detail_desc {
    width: 100%;
}

.resturent_detail_desc p {
    padding-bottom: 15px;
}

.resturent_detail_desc h3 {
    padding-bottom: 15px;
    color: #2a2a2a;
    font-weight: 500;
    line-height: 1.5em;
    font-size: 14px;
}

.resturent_desc_galary {
    width: 100%;
    font-size: 0px;
    margin-bottom: 15px;
}

.resturent_desc_galary li {
    display: inline-block;
    vertical-align: top;
    padding: 6px;
}

.resturent_desc_galary li a {
    width: 145px;
    height: 145px;
    display: block;
}

.resturent_desc_galary li a img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.resturent_desc_timing {
    width: 100%;
    margin-bottom: 15px;
}

.resturent_desc_timing li {
    padding-bottom: 4px;
    color: #4d8c40;
}

.resturent_desc_timing li strong {
    display: inline-block;
    vertical-align: top;
    min-width: 110px;
}

.resturent_reviews_main {
    width: 100%;
}

.resturent_reviews_list {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 25px;
    border-bottom: 1px solid #dbdbdb;
}

.resturent_reviews_list:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: 0px none;
}

.resturent_reviews {
    width: 100%;
    position: relative;
    padding-left: 84px;
    min-height: 70px;
    padding-top: 6px;
}

.resturent_reviews_avatar {
    width: 60px;
    height: 60px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.resturent_reviews_avatar span {
    display: block;
    width: 100%;
    height: 100%;
}

.resturent_reviews_avatar img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.resturent_reviews_detail {
    width: 100%;
}

.stars {
    width: auto;
    float: right;
}

.stars ul {
    font-size: 0px;
    margin: 0px -2px;
}

.stars ul li {
    font-size: 14px;
    display: inline-block;
    vertical-align: top;
    padding: 0px 2px;
}

.stars ul li a {
    font-size: 16px;
    color: #d5d5d5;
    display: block;
    transition: all 0.175s ease-in-out;
}

.stars ul li.active a {
    color: #4d8c40;
}

.resturent_reviews_detail h3 {
    color: #3c3c3c;
    font-weight: 500;
    line-height: 1.5em;
    font-size: 16px;
}

.resturent_reviews_detail small {
    display: block;
    padding-bottom: 10px;
    color: #3c3c3c;
    font-weight: 500;
    line-height: 1.5em;
    font-size: 12px;
}

.resturent_reviews_detail p {
    padding-bottom: 15px;
}

.resturent_rb_map {
    width: 100%;
    padding-bottom: 20px;
}

.resturent_rb_adver {
    width: 100%;
}

.resturent_rb_adver a {
    display: block;
    width: 100%;
    height: auto;
    padding-bottom: 20px;
}

.all_buttons.halalFood_resturantBtn {
    padding: 6px 15px 5px 35px;
    background: url(../images/resturents_btn_icon.png) no-repeat left 10px center;
    background-size: 16px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 36px;
}

.all_buttons.halalFood_resturantBtn:hover {
    background-color: #616161;
    color: #fff;
}

.resturents_map {
    width: 100%;
    position: relative;
}

.resturents_map_popup {
    position: absolute;
    left: 20px;
    top: 65px;
    background: #fff;
    z-index: 223;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.39);
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 240px;
    padding: 10px;
}

.resturents_map_popup_inner {
    width: 100%;
    display: block;
}

.resturents_map_popup_inner h3 {
    color: #3c3c3c;
    font-weight: 400;
    line-height: 1.5em;
    font-size: 16px;
    padding-bottom: 10px;
}

.restuMap_rating {
    width: 100%;
}

.restuMap_rating .stars {
    width: auto;
    float: left;
}

.restuMap_rating strong {
    display: inline-block;
    float: left;
    padding-left: 6px;
    font-size: 15px;
    color: #4d8c40;
    line-height: 21px;
}

.restuMap_tipMore {
    width: 100%;
    position: relative;
    padding-top: 34px;
}

.restuMap_tipMore a {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/halalFood_map_tip.png) no-repeat center center;
    background-size: 9px auto;
    position: absolute;
    right: 0px;
    top: 8px;
}

.blood_map_popup {
    position: absolute;
    left: 20px;
    top: 65px;
    background: #fff;
    z-index: 223;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.39);
    overflow-y: auto;
    overflow-x: hidden;
    width: 100%;
    max-width: 440px;
    padding: 12px;
}

.blood_map_popup {
    width: 100%;
    display: block;
}

.donorMap_box {
    width: 100%;
    padding: 0px 0px 0px 66px;
    position: relative;
}

.donorMap_box .tutors_galary_postr {
    width: 50px;
    height: 50px;
    left: 0px;
    top: 0px;
}

.donorMap_box .tutors_description h3 {
    font-size: 16px;
}

.donorMap_box .tutors_description span {
    font-size: 13px;
    margin-bottom: 3px;
}

.donorMap_box .bDonor_group_type {
    font-size: 13px;
    margin-bottom: 3px;
    background-size: 10px auto;
    line-height: 18px;
}

.donorMap_box_call {
    width: 100%;
    text-align: right;
}

.all_buttons.donorMap_box_call_btn {
    padding: 6px 15px 5px 35px;
    background: url(../images/phone_green_fill_white.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
    width: auto;
    display: inline-block;
}

.all_buttons.donorMap_box_call_btn:hover {
    background-color: #616161;
    color: #fff;
}

.all_buttons.donor_list_save_btn {
    margin-top: 9px;
    padding: 6px 15px 5px 35px;
    background: url(../images/save.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
}

.all_buttons.donor_list_save_btn:hover {
    background-color: #616161;
    color: #fff;
}

.all_buttons.donor_edit_info_btn {
    margin-top: 9px;
    padding: 6px 15px 5px 35px;
    background: url(../images/edit_info.png) no-repeat left 10px center;
    background-size: 15px auto !important;
    background-color: #3d7e41;
    color: #fff;
    padding-left: 32px;
}

.all_buttons.donor_edit_info_btn:hover {
    background-color: #616161;
    color: #fff;
}

.notifyPop_header strong a.search_donor_filter_apply {
    font-size: 12px;
    color: #3d7e41;
    text-align: left;
    text-transform: uppercase;
    float: left;
    transition: all 0.175s ease-in-out;
}

.notifyPop_header strong a.search_donor_filter_apply:hover {
    text-decoration: underline;
}

.donors_listing .donorMap_box_call,
.donors_listing .tutors_description .bDonor_group_type {
    display: none;
}


/***************************islamic hub v3 style end here by jam****************************/


/***************************islamic hub v3.1 style start here by jam****************************/

.ih_search_banner_main {
    width: 100%;
    border-top: 2px solid #4b8b37;
    border-bottom: 2px solid #4b8b37;
    background: url(../images/ih_searchbaner_bg.png) no-repeat center center;
    background-size: cover;
    padding: 10px 0px;
}

.ih_search_banner_inner {
    width: 100%;
    display: block;
}

.ih_search_filter_table {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.ih_search_filter_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 0px 8px;
}

.ih_filter_logo {
    width: 160px;
    padding-right: 20px;
}

.ih_cell2 {
    width: 200px;
}

.ih_cell5 {
    width: 120px;
}

.ih_search_filter_table .formField input {
    background: #fff;
    border-color: #e6e6e6 !important;
    font-size: 16px;
}

.ih_search_filter_table .search_select_out .select2-container--default .select2-selection--single {
    background: #fff;
    border-color: #e6e6e6 !important;
}

.ih_search_filter_table .form_heading strong {
    overflow: hidden;
}

.ih_search_filter_table .form_heading strong em {
    float: right;
    font-weight: 500;
    font-size: 22px;
}

.ih_juz_content_main {
    padding: 20px 0px;
    width: 100%;
}

.ih_juz_list_main {
    width: 100%;
}

.ih_juz_list_main em {
    font-style: normal;
}

.ih_juz_left {
    width: 50%;
    float: left;
    padding-right: 15px;
}

.ih_juz_right {
    width: 50%;
    float: right;
    padding-left: 15px;
}

.ih_juz_header {
    width: 100%;
    margin-bottom: 15px;
    padding: 15px 15px;
    background: #fff;
}

.ih_juz_header h4 {
    color: #3c3c3c;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
}

.ih_juz_header h4 em {
    float: right;
    font-size: 130%;
    font-weight: 700;
}

.ih_juz_list {
    width: 100%;
    background: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    max-height: calc(100vh - 330px);
    min-height: calc(100vh - 330px);
}

.ih_juz_list_inner {
    width: 100%;
    padding: 15px;
}

.ih_juz_list_inner ul {
    /*counter-reset: my-sec-counter;*/
}

.ih_juz_list_inner ul li {
    width: 100%;
    position: relative;
    transition: all 0.175s ease;
}


/*.ih_juz_list_inner ul li:before {
  counter-increment: my-sec-counter;
  content:counter(my-sec-counter);
  width:auto; min-width:36px; height:36px; line-height:36px; text-align:center; color: #3c3c3c; font-size:14px; background:url(../images/para_numberStar_unselect.png) no-repeat center center; background-size:100% 100%; display:inline-block; position:absolute; left:0px; top:5px; font-weight:500; box-sizing:border-box; padding:0px 6px 0px 4px; letter-spacing:-2.5px; transition:all 0.175s ease; z-index:1;  }

.ih_juz_list_inner ul li:after{ content:"";  position:absolute;  width:auto; min-width:36px; height:36px; line-height:36px; left:0px; top:5px; background:url(../images/para_numberStar_select.png) no-repeat center center; background-size:100% 100%; display:inline-block; box-sizing:border-box; padding:0px 6px 0px 4px; transition:all 0.175s ease; opacity:0; }*/

.ih_srch_surahNumber {
    width: auto;
    min-width: 40px;
    height: 40px;
    line-height: 41px;
    font-size: 14px;
    color: #3c3c3c;
    font-style: normal;
    text-align: center;
    background: url(../images/para_numberStar_unselect.svg) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
    font-weight: 500;
    box-sizing: border-box;
    padding: 0px 3px 0px 3px;
    letter-spacing: -1px;
    transition: all 0.175s ease;
    z-index: 1;
}

.ih_srch_surahNumber:after {
    content: "";
    position: absolute;
    width: auto;
    min-width: 40px;
    height: 40px;
    line-height: 41px;
    left: 0px;
    top: 0px;
    background: url(../images/para_numberStar_select.svg) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 0px 3px 0px 3px;
    transition: all 0.175s ease;
    opacity: 0;
    z-index: -1;
}

.ih_juz_list_inner ul li a {
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 8px 10px 56px;
    color: #3c3c3c;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 500;
    transition: all 0.175s ease;
}

.ih_juz_list_inner ul li a em {
    float: right;
    font-size: 120%;
    font-weight: 700;
    transition: all 0.175s ease;
}

.ih_juz_list_inner ul li:hover a,
.ih_juz_list_inner ul li.active a {
    color: #4d8c40;
}

.ih_juz_list_inner ul li:hover .ih_srch_surahNumber:after,
.ih_juz_list_inner ul li.active .ih_srch_surahNumber:after {
    opacity: 1;
}

.ih_juz_list_inner ul li:hover .ih_srch_surahNumber,
.ih_juz_list_inner ul li.active .ih_srch_surahNumber {
    color: #fff;
}

.ih_read_content_main {
    width: 100%;
    padding: 20px 0px;
}

.ih_read_topIcon {
    display: block;
    padding: 10px 10px;
    width: 42px;
    height: 40px;
}

.ih_read_content_main .trending_header_right ul li {
    padding: 0px;
}

.ih_read_topIcon img {
    display: block;
    max-width: 22px;
    max-height: 20px; margin:auto;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.ih_read_topIcon:hover img,
.ih_read_topIcon.active img {

    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}



.ih_read_section {
    width: 100%;

    min-height: calc(100vh - 168px);
}

.ih_read_row {
    width: 100%;
    padding: 24px 15px 14px 76px; position:relative;
     min-height:210px; background:#fff; border-radius:6px; margin-bottom:6px;
}

.ih_read_box {
    width: 100%; position:absolute; left:0px; top:15px; max-width:76px;
}

.ih_read_box_top {
    width: 100%;
    display: block;
    padding-bottom: 15px;
}

.ih_read_box_actions {
    width: 100%;

}

.ih_read_box_actions ul {
    font-size: 0px;
}

.ih_read_box_actions ul li {
    display: block;
    vertical-align: middle;

    font-size: 15px;
    position: relative; text-align:center; padding-bottom:12px;
}

.ih_read_box_actions ul li:last-child {
    padding-right: 0px; padding-bottom:0px;
}

.ih_box_action_icon {
    width: 30px;
    height: 26px;
    display: block; margin:auto;
}

.ih_box_action_icon.ih_box_action_bookmark {
    background: url(../images/read_bookmark_light_gray.svg) no-repeat center center;
    background-size: 18px auto;
}

.ih_box_action_icon.ih_box_action_share {
    background: url(../images/read_social_share_light_gray.svg) no-repeat center center;
    background-size: 20px auto;
}



.ih_box_action_icon.ih_box_action_zoomInn {
    background: url(../images/zoom_minus_light_gray.svg) no-repeat center center;
    background-size: 20px auto;
}

.ih_box_action_icon.ih_box_action_zoomOut {
    background: url(../images/zoom_plus_light_gray.svg) no-repeat center center;
    background-size: 20px auto;
}

.ih_box_action_icon.ih_box_action_bookmark:hover {
    background: url(../images/read_bookmark_hov.svg) no-repeat center center;
    background-size: 18px auto;
    opacity: 1 !important;
}


.ih_box_action_icon.ih_box_action_bookmark.active{
    background: url(../images/read_bookmark_fill.svg) no-repeat center center;
    background-size: 18px auto;
    opacity: 1 !important;
}


.ih_box_action_icon.ih_box_action_bookmark.bookmarked {
    background: url(../images/read_bookmark_fil_red.svg) no-repeat center center;
    background-size: 18px auto;
    opacity: 1 !important;
}

.ih_box_action_icon.ih_box_action_zoomInn.active, .ih_box_action_icon.ih_box_action_zoomInn:hover {
    background: url(../images/zoom_minus_active.svg) no-repeat center center;
    background-size: 20px auto;
    opacity: 1 !important;
}

.ih_box_action_icon.ih_box_action_zoomOut.active, .ih_box_action_icon.ih_box_action_zoomOut:hover {
    background: url(../images/zoom_plus_active.svg) no-repeat center center;
    background-size: 20px auto;
    opacity: 1 !important;
}

.ih_read_box_number {
    width: auto;
    display: table-cell;
    vertical-align: middle;
}

.ih_read_box_number ul {
    font-size: 0px;
    text-align: right;
}

.ih_read_box_number ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    font-size: 15px;
}

.ih_read_box_number ul li:last-child {
    padding-right: 0px;
}

.ih_ayet_number {
    display: inline-block;
    padding: 1px 10px;
    line-height: 22px;
     font-size: 17px;
    color: #4d8c40;
    font-weight: 500;
    position: relative; min-width:50px; border-radius:10px; background:#f4f4f4; text-align:center;
}


.ih_read_text_arabic {
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    font-size: 36px;
}

.ih_read_text_arabic p {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

.ih_read_text_arabic p strong {
    font-size: 100%;
    line-height: 1.7em;
    color: #3c3c3c;
    font-weight: 700;
}

.ih_read_audio_btn {
    width: 30px;
    min-height: 38px;
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.175s ease;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    max-height: 1.4em;
    font-size: 100%;
}

.ih_read_audio_btn audio {
    opacity: 0;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
}

.song-main-info {
    width: 26px !important;
    min-height: 26px !important;
    border: 0px none !important;
    height: 100% !important;
}

.iru-tiny-player .icon{ min-width:26px !important; }
.icon.fa-play {
    width: 26px !important;
    height: 26px !important;
    font-size: 0px;
    background: url(../images/circle_play.svg) no-repeat 8px center !important;
    background-size: 12px auto !important;
    opacity: 0.6;
    transition: all 0.175s ease; background-color:#f4f4f4 !important; border-radius:50%;
    cursor: pointer;
}

.icon.fa-pause {
    width: 26px !important;
    height: 26px !important;
    border: 0px none !important;
    background: url(../images/circle_pause.svg) no-repeat center center !important;
    background-size: 12px auto !important;  background-color:#4d8c40 !important; border-radius:50%;
    opacity: 1;
}

.icon.fa-play:after,
.icon.fa-pause:before {
    display: none !important;
}

.icon.fa-play:hover {
    opacity: 1;
}

.ih_read_text_english {
    width: 100%;
    text-align: left;
    padding-bottom: 10px;
    font-size: 18px;
    display: none;
}

.ih_read_text_english p {
    display: inline-block;
    padding-right: 40px;
    position: relative;
}

.ih_read_text_english h4 {
    font-size: 100%;
    line-height: 1.3em;
    color: #3c3c3c;
    font-weight: 500;
    padding-bottom: 10px;
}

.ih_read_text_english strong {
    font-size: 100%;
    line-height: 1.3em;
    color: #3c3c3c;
    font-weight: 400;
}

.ih_read_text_english .ih_read_audio_btn {
    left: inherit;
    right: 0px;
    top: -5px;
    min-height: 30px;
}

.ih_read_text_urdu {
    width: 100%;
    font-size: 20px;
    text-align: right;
    padding-bottom: 10px;
    display: none;
}

.ih_read_text_urdu p {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

.ih_read_text_urdu p strong {
    font-size: 100%;
    line-height: 1.2em;
    color: #3c3c3c;
    font-weight: 400;
}

.ih_read_text_urdu .ih_read_audio_btn {
    top: 0px;
    min-height: 30px;
}

.ih_read_search_header {
    width: 100%;
    padding: 15px 20px;
}

.ih_read_search_header h3 {
    font-size: 20px;
    line-height: 1.5em;
    display: block;
    font-weight: 500;
    color: #1d1d1d;
    text-align: center;
}

.ih_read_search_clear,
.ih_read_search_btn {
    font-size: 12px;
    color: #e31c1c;
    text-align: right;
    text-transform: uppercase;
    float: left;
    transition: all 0.175s ease-in-out;
}

.ih_read_search_btn {
    color: #3d7e41;
    float: right;
}

.ih_read_search_clear:hover,
.ih_read_search_btn:hover {
    text-decoration: underline;
}

.ih_srchPopup_filter_head {
    padding: 15px;
    background: #3d7e41;
}

.ih_srchPopup_filter_head .formField input {
    background: #fff;
    border-color: #e6e6e6 !important;
    font-size: 16px;
}

.ih_srchPopup_filter_head .search_select_out .select2-container--default .select2-selection--single {
    background: #fff;
    border-color: #e6e6e6 !important;
}

.ih_srchPopup_filter_head .form_heading strong {
    overflow: hidden;
    color: #fff;
}

.ih_srchPopup_filter_head .form_heading strong em {
    float: right;
    font-weight: 500;
    font-size: 22px;
}

.ih_read_search .ih_juz_list_inner {
    padding: 0px;
}

.ih_read_search em {
    font-style: normal;
}

.ih_srchPopup_filter_head .formRow {
    padding-bottom: 0px;
}

.ih_read_search .popup_content {
    max-height: calc(100vh - 210px);
    padding-bottom: 50px;
}

.ih_read_setting_translate {
    width: 100%;
}

.ih_read_setting_translate ul {
    margin: 0px -4px;
}

.ih_read_setting_translate ul li {
    padding: 4px;
    width: 25%;
    float: left;
    text-align: center;
}

.ih_read_setting_translate ul li strong {
    font-size: 13px;
    line-height: 1.5em;
    display: block;
    color: #3c3c3c;
    font-weight: 500;
    padding-top: 5px;
}

.ih_read_setting_translate ul li label {
    width: 100%;
    line-height: 28px;
    height: 80px;
    padding: 24px 5px 10px 5px;
    display: block;
    text-align: center;
    background-color: #f3f3f3;
    color: #1e1e1e;
    font-size: 14px;
    letter-spacing: -1px;
    font-weight: 400;
    transition: all 0.175s ease-in-out;
    position: relative;
    min-width: 60px;
    cursor: pointer;
}

.ih_read_setting_translate ul li label em {
    font-style: normal;
    position: relative;
    z-index: 3;
    cursor: pointer;
}

.ih_read_setting_translate ul li label.active {
    background: #eb1d1d;
    border-color: #eb1d1d;
    color: #fff;
}

.ih_read_setting_translate ul li label input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.ih_read_setting_translate ul li label .blood_donate_checked {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    display: none;
}

.ih_read_setting_translate label input:checked~.blood_donate_checked {
    display: block;
    background: #fff;
    border-color: #548d57;
    color: #fff;
}

.ih_read_setting_translate label input:checked~em {}

.ih_read_setting_popup .irs-single {
    display: none !important;
}

.ih_read_setting_popup .irs--flat {
    position: relative;
}

.ih_read_setting_popup .irs--flat:before {
    content: "A" !important;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.2em;
    color: #3c3c3c;
    position: absolute;
    left: 0px;
    top: 0px;
}

.ih_read_setting_popup .irs--flat:after {
    content: "A" !important;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
    color: #3c3c3c;
    position: absolute;
    right: 0px;
    top: -4px;
}

.ihRead_pickColor_row {
    padding-bottom: 20px !important;
}

.ihRead_pickColor_row label {
    background: url(../images/read_pick_color.png) no-repeat center center !important;
    background-size: 132px auto !important;
}

.ihRead_pickColor_row label input:checked~.blood_donate_checked {
    background: none !important;
}

.ih_read_setting_popup_main {}

.ih_read_setting_popup {
       width: 100%;
    max-width: 420px;
    right: -420px;
    transition: all 0.6s ease;
    display: block !important;
    z-index: 9999;
    left: 50%;

    top: initial;
    bottom: -100%; overflow:initial !important; max-height:none !important; transform: translate(-50%, 0%);
}

.ih_read_setting_popup .search_donor_filter_form{    overflow-y: auto;
    overflow-x: hidden;
    max-height: 70vh; }

.ih_setting_popup_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 999;
    background-color: rgba(0, 0, 0, 0.50);
    display: none;
}

.ih_read_setting_popup_main.active .ih_read_setting_popup {
    bottom: 0px;
}

.ih_read_setting_popup_main.active .ih_setting_popup_overlay {
    display: block;
}



.ih_social_links {
    width: auto;
    position: absolute;
    left: 0px;
    white-space: nowrap;
    top: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5);
    border-radius: 3px;
    z-index: 22;
    max-height: 80vh;
    overflow: auto;
    display: none;
}

 .ih_box_action_share_div{ display:inline-block; position:relative; }
 .ih_box_action_share_div .ih_social_links{ top:-4px; }
.ih_box_action_share_div:hover .ih_social_links{ display:block; }
.ih_box_action_share_div:hover .ih_box_action_icon.ih_box_action_share{
    background: url(../images/read_social_share_hov.svg) no-repeat center center;
    background-size: 20px auto;}


.ih_social_links ul li {
    display: inline-block;
    width: auto;
    margin: 0px;
    padding: 0px;
    border: 0px none;
    border-bottom: 1px solid #e9e9eb;
    min-width: 0px;
}

.ih_social_links ul li a,
.ih_social_links ul li ul li span {
    padding: 0px;
    transition: all 0.175s ease-in-out;
}

.ih_social_links ul li span {
    display: block;
    color: #dedede;
    font-size: 18px;
    transition: all 0.175s ease-in-out;
    padding: 12px;
    font-weight: 400;
}

.ih_social_links ul li span:hover {
    color: #fff;
    background: #3d7e41;
}

.ih_read_section {
    padding-top: 64px;
}

.trending_header.ih_read_quran_header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);  margin: 0px !important; background:#4d8c40; padding-top:8px; padding-bottom:8px;
}

.ih_read_stick_header {
    width: 100%;
    z-index: 21;
    position: absolute;
    transition: all 0.175s ease;
    border-bottom: 0px solid rgba(0, 0, 0, 0.05);
}

/*
.fixed .ih_read_stick_header {
    position: fixed;
    margin-top: -22px;
    background: #4d8c40;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
*/

.fixed .ih_read_stick_header .trending_header.ih_read_quran_header {
    border-bottom: 0px solid rgba(0, 0, 0, 0.05);
}


/*.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{ left:10px !important;}*/


/***************************islamic hub v3.1 style end here by jam****************************/


/***************************Ramadan calender style start here****************************/

.ramzanCalender_banner {
    background: url(../images/ramzan_banner.png) no-repeat right bottom;
    background-size: cover;
    border: 0px none;
}

.ramzan_banner_text {
    width: 100%;
}

.ramzan_banner_text strong {
    font-size: 24px;
    line-height: 1.5em;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: block;
}

.ramzan_banner_text span {
    font-size: 16px;
    line-height: 1.5em;
    color: #fff;
    font-weight: 500;
    display: block;
}

.ramzanCalender_banner .ih_cell2 {
    width: auto;
}

.rmc_calender_header {
    width: 100%;
    padding: 10px;
    margin-bottom: 3px;
    background: #fff;
}

.rmc_calender_row {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.rmc_calender_cell {
    display: table-cell;
    vertical-align: middle;
}

.rmc_calender_cell.rmc_cell_1 {
    width: 70px;
}

.rmc_calender_header_text,
.rmc_calender_text {
    width: 100%;
    padding: 10px;
    text-align: center;
}

.rmc_calender_header_text strong,
.rmc_calender_text span {
    font-size: 16px;
    line-height: 1.5em;
    color: #4b8b37;
    font-weight: 500;
    display: block;
}

.rmc_calender_text span {
    color: #353635;
    font-weight: 400;
}

.rmc_calender_list {
    width: 100%;
}

.rmc_calender_list ul li {
    border-bottom: 1px solid #ebebeb;
    padding: 0px 10px;
}

.rmc_calender_day {
    background: #f1f1f1;
}

.rmc_calender_day span {
    color: #4d8c40;
}

.rmc_calender_list ul li.active {
    background: #4d8c40;
}

.rmc_calender_list ul li.active .rmc_calender_day {
    background: #4d8c40;
}

.rmc_calender_list ul li.active .rmc_calender_day span,
.rmc_calender_list ul li.active .rmc_calender_text span {
    color: #fff;
}

.ih_juz_right .rmc_calender_header {
    background: #4d8c40;
    padding: 18px 20px;
}

.rmc_calender_header h4 {
    font-size: 18px;
    line-height: 1.5em;
    color: #fff;
    font-weight: 500;
}

.rmc_ramzan_duaList {
    width: 100%;
}

.rmc_ramzan_duaList ul li {
    border-bottom: 1px solid #ebebeb;
}

.rmc_ramzan_duaRow {
    width: 100%;
}

.rmc_ramzan_duaHeader {
    width: 100%;
    padding: 15px 20px;
    border-bottom: 1px solid #ebebeb;
    text-align: center;
}

.rmc_ramzan_duaHeader strong {
    font-size: 18px;
    line-height: 1.5em;
    color: #4d8c40;
    font-weight: 500;
}

.rmc_ramzan_duaContent {
    width: 100%;
    padding: 10px 40px 10px 30px;
}

.rmc_ramzan_bism {
    width: 100%;
    text-align: center;
}

.rmc_ramzan_bism span {
    font-size: 18px;
    line-height: 1.5em;
    color: #4d8c40;
    display: block;
}

.rmc_ramzan_duaContent .ih_read_text_english {
    display: block;
}

.rmc_ramzan_duaContent .ih_read_text_urdu {
    display: block;
}


/***************************Ramadan calender style end here****************************/

.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #3d7e41!important;
    color: #fff!important;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #3d7e41!important;
    color: #fff!important;
}

.iru-tiny-player {
    position: absolute;
    left: 0px;
    top: 50%;
    width: 26px; border-radius:50%; background:#f4f4f4;
    height: 26px; margin-top:-12px;
}

.ih_juz_list_bigning {
    width: 100%;
    position: relative;
    transition: all 0.175s ease;
}

.ih_juz_list_bigning p {
    cursor: pointer;
    display: block;
    width: 100%;
    overflow: hidden;
    padding: 10px 8px 10px 10px;
    color: #3c3c3c;
    font-size: 18px;
    line-height: 1.5em;
    font-weight: 500;
    transition: all 0.175s ease;
}

.ih_juz_list_bigning p em {
    float: right;
    font-size: 120%;
    font-weight: 700;
    transition: all 0.175s ease;
}

.ih_juz_list_bigning p.active,
.ih_juz_list_bigning p.active em {
    color: #4d8c40;
}

.ayat_is_loading {
    position: relative;
    z-index: 1;
}

.ayat_is_loading:after,
.ayat_is_loading:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.ayat_is_loading:after {
    background-color: rgba(255, 255, 255, 1);
}

.ayat_is_loading:before {
    position: fixed;
    background: url(../images/ayat_is_loading.gif) no-repeat center center;
    background-size: 60px auto;
    z-index: 99991;
}

.disabled_loader:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/Ajax-loader.gif) no-repeat center center;
    background-size: 30px auto;
}

.disabled_loader:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../images/circle_play.svg) no-repeat 8px center !important;
    background-size: 12px auto !important;
}

.ih_read_audio_btn.disabled_loader:before { width:26px; height:26px; top:50%; margin-top:-12px; background-color: #f4f4f4 !important; border-radius:50%; opacity:0.5; }

.disabled_loader .iru-tiny-player {
    opacity: 0;
}

.ramzanCalender_main .ayat_is_loading {
    overflow: hidden;
}

.ramzanCalender_main .ayat_is_loading:before {
    position: absolute;
}

.ramzanCalender_main .ayat_is_loading:after {
    background-color: rgba(255, 255, 255, 0.9);
}


/****************video contaxt menu style******************/

.contaxt_popup {
    position: fixed;
    right: 20px;
    top: 65px;
    background: rgba(255, 255, 255, 0.90);
    z-index: 223;
    box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.17);
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 80vh;
    width: 100%;
    max-width: 280px;
    display: none;
}

.contaxt_popup_inner {
    width: 100%;
}

.contaxt_popup_menu {
    width: 100%;
    padding: 10px 0px;
}

.contaxt_popup_menu ul li {
    width: 100%;
}

.contaxt_popup_menu ul li a {
    display: block;
    padding: 6px 15px;
    overflow: hidden;
    font-size: 15px;
    line-height: 1.5em;
    color: #616161;
    font-weight: 400;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.contaxt_popup_menu ul li a i {
    float: left;
    width: 28px;
    height: 28px;
    margin-top: 2px;
}

.contaxt_popup_menu ul li a span {
    padding-left: 30px;
    display: block;
}

.contaxt_popup_menu ul li a i img {
    display: block;
    max-width: 17px;
    max-height: 17px;
    margin: auto;
    width: auto;
    height: auto;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(40%);
    filter: grayscale(100%) brightness(100%) contrast(40%);
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.contaxt_popup_menu ul li a:hover i img,
.contaxt_popup_menu ul li a.active i img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.contaxt_popup_menu ul li a:hover,
.contaxt_popup_menu ul li a.active {
    color: #3d7e41;
}

.contaxt_popup.showTop {
    margin-top: -250px;
}

.contaxt_popup.showLeft {
    margin-left: -280px;
}

.rm_has_muteUnmute_link img {
    max-width: 14px !important;
    margin-top: 2px !important;
}

.suggested_tags {
    padding-right: 40px;
    position: relative;
}

.cat_filter_icon {
    width: 30px;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 0px;
    cursor: pointer;
    background: url(../images/filter.svg) no-repeat center center;
    background-size: 28px auto;
    z-index: 2;
}

.catPop_filter_leng_header {
    padding: 10px 15px;
    background: #3d7e41;
}

.catPop_filter_leng_header .form_heading strong {
    overflow: hidden;
    color: #fff;
    padding: 0px;
}

.catPop_filter_leng_header .form_heading strong em {
    float: right;
    font-weight: 500;
    font-size: 22px;
}

.catPop_filter_leng_header ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.catPop_filter_leng_header ul li {
    display: table-cell;
    vertical-align: middle;
    width: 95px;
    padding-left: 10px;
}

.catPop_filter_leng_header ul li:first-child {
    width: auto;
    padding-left: 0px;
}

.catPop_filter_leng_header ul li label {
    width: 100%;
    line-height: 28px;
    height: 40px;
    padding: 5px 5px 5px 5px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    transition: all 0.175s ease-in-out;
    position: relative;
    min-width: 60px;
    cursor: pointer;
    border: 1px solid #d9d9d9;
}

.catPop_filter_leng_header ul li label em {
    font-style: normal;
    position: relative;
    z-index: 3;
    cursor: pointer;
}

.catPop_filter_leng_header ul li label input {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    opacity: 0;
    z-index: 2;
}

.catPop_filter_leng_header ul li label .blood_donate_checked {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    border: 1px solid #d9d9d9;
    background: #f9f9f9;
    display: none;
}

.catPop_filter_leng_header label input:checked~.blood_donate_checked {
    display: block;
    background: #fff;
    border-color: #fff;
    color: #1e1e1e;
}

.catPop_filter_leng_header label input:checked~.blood_checkText {
    color: #1e1e1e;
}

.catPop_content_main {
    width: 100%;
    background: #f9f9f9;
    border: 1px solid #cfcfcf;
    margin-bottom: 12px;
}

.catPop_searchbox {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #cfcfcf;
}

.catPop_searchbox input {
    width: 100%;
    line-height: 20px;
    height: 40px;
    padding: 10px 40px 10px 15px;
    background-color: #f9f9f9 !important;
    color: #616161;
    font-size: 15px;
    background: url(../images/searchIcon.png) no-repeat right 15px center;
    background-size: 15px auto;
    transition: all 0.175s ease-in-out;
}

.catPop_searchbox input:focus {
    border-color: #3d7e41 !important;
    box-shadow: 0 0 3px #3d7e41;
}

.catPop_content {
    width: 100%;
    height: auto;
    max-height: calc(100vh - 290px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.catPop_search_list {
    width: 100%;
}

.catPop_search_list ul li {
    width: 100%;
    /*border-bottom:1px solid #cfcfcf;*/
    padding: 5px 0px;
}

.catPop_search_list ul li:last-child {
    border-bottom: 0px none;
}

.catPop_list_en {
    padding: 6px 10px;
    width: 100%;
}

.catPop_list_urdu {
    padding: 6px 10px;
    width: 100%;
    text-align: right;
}

.catPop_list_urdu label {
    padding-right: 30px;
    padding-left: 0px;
}

.catPop_list_urdu .checkbox_checked {
    left: initial;
    right: 0px;
}

.catPop_search_list ul li label em {
    font-style: normal;
}

.cat_leng_urdu {
    letter-spacing: 1px;
}

.data_is_loading {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 150px;
}

.data_is_loading:after,
.data_is_loading:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9999;
}

.data_is_loading:after {
    background-color: rgba(255, 255, 255, 0.9);
}

.data_is_loading:before {
    position: absolute;
    background: url(../images/loader_tih.gif) no-repeat center center;
    background-size: 60px auto;
    z-index: 99991;
}


/***********************names 99*******************/

.ih_search_banner_main.name_baner_main {
    width: 100%;
    border-top: 0px none;
    border-bottom: 0px none;
    background: url(../images/naames_baner.png) no-repeat center center;
    background-size: cover;
    padding: 10px 0px;
}

.ih_search_banner_main.name_baner_main .ih_search_banner_inner {
    padding: 0px 20px;
}

.name_baner_cell1,
.name_baner_cell3 {
    width: 160px;
    padding-right: 20px;
}

.name_baner_cell2 {
    width: auto;
    text-align: center;
}

.name_baner_cell2 strong {
    text-transform: uppercase;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
    text-align: center;
    padding: 0px;
}

.names_content_main .ih_juz_header h4 em sup {
    font-size: 60%;
}

.ih_name_list_inner {
    width: 100%;
    padding: 15px;
}

.ih_name_list_inner ul {
    counter-reset: my-sec-counter;
}

.ih_name_list_inner ul li {
    width: 100%;
    position: relative;
    transition: all 0.175s ease;
    min-height: 64px;
}

.ih_name_list_inner ul li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    width: auto;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #3c3c3c;
    font-size: 14px;
    background: url(../images/para_numberStar_unselect.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
    font-weight: 500;
    box-sizing: border-box;
    padding: 1px 5px 0px 4px;
    transition: all 0.175s ease;
    z-index: 1;
}

.ih_name_list_inner ul li:after {
    content: "";
    position: absolute;
    width: auto;
    min-width: 36px;
    height: 36px;
    line-height: 36px;
    left: 0px;
    top: 5px;
    background: url(../images/para_numberStar_select.png) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    box-sizing: border-box;
    padding: 1px 5px 0px 4px;
    transition: all 0.175s ease;
    opacity: 0;
}

.ih_name_list_inner ul li .ih_name_text {
    display: table;
    width: 100%;
    overflow: hidden;
    padding: 10px 8px 10px 56px;
    color: #3c3c3c;
    font-size: 15px;
    line-height: 1.5em;
    font-weight: 500;
    transition: all 0.175s ease;
}

.ih_name_list_inner ul li .ih_name_text em {
    display: table-cell;
    vertical-align: top;
    text-align: right;
    font-size: 120%;
    font-weight: 700;
    transition: all 0.175s ease;
    width: 25%;
    padding-left: 15px;
}

.ih_name_list_inner ul li .ih_name_text strong {
    display: table-cell;
    vertical-align: top;
    width: 30%;
    padding-right: 10px;
}

.ih_name_list_inner ul li .ih_name_text strong.ih_name_trns {
    width: 45%;
}

.ih_name_list_inner ul li:hover .ih_name_text,
.ih_name_list_inner ul li.active .ih_name_text {
    color: #4d8c40;
}

.ih_name_list_inner ul li:hover .ih_name_list_inner:after,
.ih_name_list_inner ul li.active .ih_srch_surahNumber:after {
    opacity: 1;
}

.ih_name_list_inner ul li:hover .ih_name_list_inner,
.ih_name_list_inner ul li.active .ih_srch_surahNumber {
    color: #fff;
}

.name_list_title {
    color: #3c3c3c;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 500;
    width: 100%;
    overflow: hidden;
}

.name_list_title em {
    float: right;
    font-size: 130%;
    font-weight: 700;
}

.name_list_title em sup {
    font-size: 60%;
}

.name_list_title_name {
    display: inline-block;
    padding-left: 40px;
    position: relative;
}

.name_list_title .ih_read_audio_btn {
    top: -3px;
}


/****************books******************/

.bookView_content .ih_juz_list_inner ul {
    counter-reset: my-sec-counter;
}

.bookView_content .ih_juz_list_inner ul li {
    width: 100%;
    position: relative;
    transition: all 0.175s ease;
}

.bookView_content .ih_juz_list_inner ul li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter);
    width: auto;
    min-width: 28px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 13px;
    background: url(../images/book.svg) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 5px;
    font-weight: 500;
    box-sizing: border-box;
    padding: 0px 2px 0px 2px;
    letter-spacing: -1px;
    transition: all 0.175s ease;
    z-index: 1;
}

.bookView_content .ih_juz_list_inner ul li a {
    padding-left: 46px;
}

.bookView_content .ih_juz_list_inner ul li a strong {
    max-width: 70%;
    display: inline-block;
}

.bookView_juz_right .ih_juz_right .ih_juz_header {
    background: #4b8b37;
}

.bookView_juz_right .ih_juz_right .ih_juz_header h4 {
    color: #fff;
}

.bookView_book_detail {
    width: 100%;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #fff;
}

.bookView_book_detail span {
    display: block;
    text-align: right;
}

.bookView_book_detail span a {
    font-size: 14px;
    color: #4b8b37;
    font-weight: 500;
    text-transform: uppercase;
}

.bookView_book_detail span a:hover {
    text-decoration: underline;
}

.bookView_book_detail p {
    color: #3c3c3c;
    font-size: 15px;
    margin: 0 0 12px 0;
    display: -webkit-box;
    max-height: 90px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 4;
    font-weight: 400;
    line-height: 1.5em;
}

.book_reademore_active .bookView_book_detail p {
    max-height: none;
    -webkit-line-clamp: initial;
}

.bookView_juz_left .ih_juz_list {
    max-height: calc(100vh - 178px);
    min-height: calc(100vh - 178px);
}

.bookView_juz_right .ih_juz_list_inner ul li a strong small {
    display: block;
    font-size: 14px;
    color: #4b8b37;
    font-weight: 500;
    line-height: 16px;
}

.bookView_juz_right .ih_juz_list_inner ul li a {
    padding-top: 0px;
}

.bookTitle_number {
    width: auto;
    min-width: 28px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: url(../images/book_no_white.svg) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    font-weight: 500;
    box-sizing: border-box;
    padding: 0px 2px 0px 2px;
    letter-spacing: -1px;
    transition: all 0.175s ease;
    z-index: 1;
}

.book_read_top_goToMain img {
    max-height: 22px !important;
    margin-top: -2px !important;
    margin: auto;
}

.book_read_top_title {
    color: #3c3c3c;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 700;
    padding-right: 6px;
    padding-top: 2px;
    display: block;
}

.book_read_text_arabic {
    width: 100%;
    text-align: right;
    padding-bottom: 10px;
    font-size: 28px;
}

.book_read_text_arabic p {
    display: block;
    position: relative;
    padding-bottom: 15px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 700;
}

.book_read_text_arabic p strong {
    font-size: 100%;
    font-weight: 700;
    line-height: 1.5em;
}

.book_read_text_english {
    width: 100%;
    text-align: left;
    font-size: 18px;
    line-height: 1.5em;
}

.book_read_text_english p {
    font-size: 100%;
    display: block;
    position: relative;
    padding-bottom: 15px;
    line-height: 1.5em;
}

.book_read_text_urdu {
    width: 100%;
    font-size: 20px;
    text-align: right;
}

.book_read_text_urdu p {
    font-size: 100%;
    display: block;
    position: relative;
    padding-bottom: 15px;
    line-height: 1.5em;
}

.book_reference {
    width: 100%;
    padding-top: 20px;
}

.book_reference p {
    display: block;
    width: 100%;
}

.book_reference p strong {
    display: inline-block;
    vertical-align: top;
    width: 48%;
    max-width: 400px;
    font-weight: 700;
    color: #3c3c3c;
    line-height: 1.3em;
    padding-right: 15px;
}

.book_reference p em {
    font-style: normal;
    display: inline-block;
    vertical-align: top;
    width: 48%;
    max-width: 400px;
    font-weight: 400;
    color: #3c3c3c;
    line-height: 1.3em;
}

.book_read_search .popup_header_left ul li strong {
    color: #3d7e41;
    font-size: 22px;
}

.book_read_search .all_popup_header {
    background: #fff;
}

.book_read_search .popupTabs_detail {
    padding-top: 30px;
}

.bookRead_srch_btn {
    max-width: 180px;
    margin: auto;
    margin-top: 30px;
}

.bookRead_setting_popup .alertMsgokCncl_parent ul {
    float: none;
    text-align: center;
}

.bookRead_setting_popup .alertMsgokCncl_parent ul li {
    float: none;
    display: inline-block;
}


/*********************************/

.leftBar_menu .sub_dropdown {
    background: #f3f3f4;
    display: none;
}

.leftBar_menu .sub_dropdown li a {
    position: relative;
}

.leftBar_menu .sub_dropdown li em {
    font-style: normal;
    position: absolute;
    right: 12px;
    top: 10px;
    width: auto;
    display: inline-block;
    font-size: 11px;
    line-height: 1.5em;
    color: #4d8c40;
    font-weight: 700;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.leftBar_menu .sub_dropdown li a:hover em,
.leftBar_menu .sub_dropdown li a.active em {
    color: #fff;
}

.leftBar_menu .sub_dropdown li a:hover,
.leftBar_menu .sub_dropdown li a.active {
    background: #3d7e41 !important;
    color: #fff !important;
}

.has_dropdown.active .has_dropdown_link {
    color: #3d7e41;
}

.has_dropdown.active .has_dropdown_link i img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.web_sub_dropdown_show {
    background: #fff;
    box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.13);
    max-width: 550px;
    width: 100%;
    position: fixed;
    left: 220px;
    top: 100px;
    z-index: 1000;
    padding: 15px;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: calc(100vh - 150px);
}

.web_sub_dropdown_show.active {
    display: block;
}

.web_sub_dropdown_inner {
    width: 100%;
    border: 1px solid #f3f3f4;
    border-right: 0px none;
    border-bottom: 0px none;
}

.web_sub_dropdown_inner ul {
    font-size: 0px;
}

.web_sub_dropdown_inner ul li {
    display: inline-block;
    width: 25%;
    font-size: 14px;
    text-align: center;
    border-right: 1px solid #f3f3f4;
    border-bottom: 1px solid #f3f3f4;
}

.web_sub_dropdown_inner ul li a {
    width: 100%;
    display: block;
    padding: 12px 6px;
    font-size: 12px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 500;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
    position: relative;
}

.web_sub_dropdown_inner ul li a i {
    display: block;
    width: 38px;
    height: 38px;
    margin: auto;
    margin-bottom: 15px;
}

.web_sub_dropdown_inner ul li a span {
    display: block;
}

.web_sub_dropdown_inner ul li a i img {
    display: block;
    max-width: 38px;
    max-height: 38px;
    margin: auto;
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(40%);
    filter: grayscale(100%) brightness(100%) contrast(40%);
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.web_sub_dropdown_inner ul li a:hover i img,
.web_sub_dropdown_inner ul li a.active i img {
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.web_sub_dropdown_inner ul li em {
    font-style: normal;
    position: absolute;
    right: 6px;
    top: 6px;
    width: auto;
    display: inline-block;
    font-size: 11px;
    line-height: 1.5em;
    color: #4d8c40;
    font-weight: 700;
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.web_sub_dropdown_inner ul li a:hover,
.web_sub_dropdown_inner ul li a.active {
    background: #3d7e41;
    color: #fff;
}

.web_sub_dropdown_inner ul li a:hover em,
.web_sub_dropdown_inner ul li a.active em {
    color: #fff;
}

.bookView_content .ih_juz_list.data_is_loading {
    overflow: hidden;
}

.has_not_description.ih_juz_list {
    max-height: calc(100vh - 178px);
    min-height: calc(100vh - 178px);
}

.bookView_content .ih_juz_list_inner ul li:before {
    display: none;
}

.bookViewTitle_number {
    position: absolute;
    left: 0px;
    top: 5px;
    width: auto;
    min-width: 28px;
    height: 36px;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    background: url(../images/book.svg) no-repeat center center;
    background-size: 100% 100%;
    display: inline-block;
    font-weight: 500;
    box-sizing: border-box;
    padding: 0px 2px 0px 2px;
    letter-spacing: -1px;
    z-index: 1;
}

.ih_juz_list_inner ul li:hover .bookViewTitle_number,
.ih_juz_list_inner ul li.active .bookViewTitle_number {
    background: url(../images/book_no_green.svg) no-repeat center center;
    background-size: 100% 100%;
}

.nav_report_icon {
    width: 22px;
    height: 24px;
    display: block;
    background: url(../images/repot.svg) no-repeat center center;
    background-size: 20px auto !important;
    transition: all 0.175s ease-in-out;
    position: relative;
    margin-left: 10px;
}

.ahdis_report_icon {

    background: url(../images/repot_light_gray.svg) no-repeat center center !important;
    background-size: 20px auto !important;
    margin:auto;
}

.reportProblem_sendBtn {
    max-width: 300px;
    margin: auto;
}


/**********credits css*******/

.credits_baner {
    text-align: center;
    max-width: 1000px;
    margin: auto
}

.credits_baner h2 {
    line-height: 1.5em;
    font-size: 30px;
    color: #4d8c40;
    font-weight: 700;
}

.credits_baner h3 {
    line-height: 1.5em;
    font-size: 20px;
    color: #4d8c40;
    font-weight: 400;
}

.credits_list {
    width: 100%;
    text-align: center;
    padding: 15px 0px;
}

.credits_list h4 {
    line-height: 1.5em;
    font-size: 18px;
    color: #000000;
    font-weight: 400;
    padding-bottom: 10px;
}

.credits_list h5 {
    line-height: 1.5em;
    font-size: 26px;
    color: #4d8c40;
    font-weight: 700;
    padding-bottom: 5px;
}

.credits_list ul li {
    width: 100%;
    padding-bottom: 10px;
}

.credits_list ul li strong {
    display: inline-block;
    vertical-align: top;
    line-height: 1.5em;
    font-size: 18px;
    color: #4d8c40;
    font-weight: 700;
    width: 48%;
    text-align: right;
    padding-right: 15px;
}

.credits_list ul li span {
    display: inline-block;
    vertical-align: top;
    line-height: 1.5em;
    font-size: 18px;
    color: #2b2b2b;
    font-weight: 400;
    width: 48%;
    text-align: left;
    padding-left: 15px;
}

.nav_credits {
    width: 32px;
    height: 32px;
    display: block;
    background: url(../images/credits_white.svg) no-repeat center center;
    background-size: 16px auto !important;
    transition: all 0.175s ease-in-out;
    position: relative;
    background-color: #4d8c40;
    border-radius: 50%;
}

.nav_credits.active {
    background: url(../images/credits.svg) no-repeat center center;
    background-size: 16px auto !important;
    background-color: #f1f1f1;
}

.updating_app_wrap {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0px;
    top: 0px;
    background: url(../images/updating_body_bg.png) no-repeat top left;
    background-size: cover;
    background-color: #fff;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
}

.updating_app_auto {
    width: 100%;
    height: 100%;
    display: table;
    table-layout: fixed;
    position: relative;
}

.updating_app_cell {
    width: 100%;
    height: 100%;
    display: table-cell;
    vertical-align: middle;
}

.updating_app_content {
    max-width: 610px;
    width: 100%;
    margin: auto;
    padding: 50px 15px;
    text-align: center;
}

.updating_app_logo {
    width: 100%;
    display: block;
    max-width: 296px;
    margin: auto;
    padding-bottom: 40px;
}

.updating_app_logo img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.updating_app_grari {
    width: 100%;
    display: block;
    max-width: 156px;
    margin: auto;
    padding-bottom: 30px;
}

.updating_app_grari img {
    display: block;
    width: 100%;
    height: auto;
    margin: auto;
}

.updatingn_progress {
    width: 100%;
    position: relative;
    max-width: 280px;
    height: 18px;
    margin: auto;
    border: 2px solid #373c36;
    border-radius: 8px;
    margin-bottom: 12px;
}

.updating_progress_bar {
    width: 0%;
    height: 10px;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #4d8c40;
    border-radius: 8px;
    max-width: calc(100% - 4px);
}

.updating_app_content small {

    color: #373c36;
    font-weight: 700;
    font-size: 13px;
    padding-bottom: 40px;
    display: block;
    line-height: 1.5em;
}

.updating_app_content h3 {
    color: #4d8c40;
    font-size: 22px;
    font-weight: 700;
    text-transform: uppercase;
    padding-bottom: 20px;
    line-height: 1.5em;
}

.updating_app_content p {
    color: #3c3c3c;
    font-weight: 400;
    font-size: 17px;
    padding-bottom: 20px;
    line-height: 1.5em;
}

.updates_copyRights {
    width: 100%;
    text-align: center;
    padding: 15px;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

.updates_copyRights span {
    display: block;
    color: #373c36;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.5em;
}


/*****************Presenter Detail css start here************/

.qariProName span.prsntr_detail_likes {
    background: url(../images/eye.svg) no-repeat left 1px;
    background-size: 16px auto;
}

.qariProName span.prsntr_detail_videos {
    background: url(../images/video.png) no-repeat left 0px;
    background-size: 16px auto;
}

.presenter_detail_content .qariPro_topInner {
    padding-right: 0px;
}

.presenter_detail_content .qariProInfo {
    padding-top: 0px;
}

.presenter_detail_content .qariProName {
    padding-top: 30px;
}

.prsntr_other_info {
    padding: 15px 0px 0px 0px;
    width: 100%;
}

.prsntr_other_info strong {
    padding-right: 6px;
    font-weight: 700;
}

.prsntr_top_videos {
    width: 52%;
    float: right;
    padding-top: 20px;
}

.prsntr_top_videos ul {
    margin: 0px -5px;
    font-size: 0px;
    text-align: right;
}

.prsntr_top_videos ul li {
    width: 20%;
    padding: 0px 5px;
    display: inline-block;
    vertical-align: top;
}

.prsntr_galary_postr {
    width: 100%;
    position: relative;
}

.prsntr_galary_link {
    display: block;
    width: 100%;
    height: 110px;
    position: relative;
}

.prsntr_galary_link img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.prsntr_length {
    font-size: 12px;
    line-height: 24px;
    display: inline-block;
    padding: 2px 15px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-weight: 500;
    background: #3d7e41;
    z-index: 2;
    font-style: normal;
}

.prsntr_viewAll {
    font-size: 14px;
    line-height: 100px;
    display: block;
    padding: 5px 5px;
    position: absolute;
    right: 0px;
    top: 0px;
    color: #fff;
    font-weight: 500;
    background: rgba(0, 0, 0, 0.80);
    z-index: 2;
    font-style: normal;
    height: 100%;
    width: 100%;
    text-align: center;
}

.qariPro_detailText p a {
    color: #3d7e41;
    text-decoration: underline;
}

.qariPro_detailText p a:hover {
    text-decoration: none;
}

.presenter_detail_content .qariPro_detailText p b {
    display: block;
    font-weight: 700;
}

.presenter_detail_content .qariPro_detailText h3 {
    padding-bottom: 6px;
}

.news_list_content {
    padding-top: 20px;
}

.news_list_content .trending_galary_list {
    width: 33.33%;
}

.news_list_content .trending_galary_list:first-child,
.news_list_content .trending_galary_list:nth-child(2) {
    width: 50%;
}

.news_list_content .trending_galary_list:first-child .trending_galary_postr a,
.news_list_content .trending_galary_list:nth-child(2) .trending_galary_postr a {
    height: 350px;
}

.news_list_content .trending_video_description h3 a {
    max-height: 3.2rem;
}

.news_list_content .fvrtDescription p {
    max-height: 42px;
    height: auto;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 2;
    margin: 0px;
}

.news_list_content .fvrtDescription p a {
    color: #3d7e41;
}

.news_list_content .fvrtDescription p a:hover {
    text-decoration: underline;
}

.news_list_content .trending_video_description {
    min-height: 152px;
}

.news_list_content .trending_galary_list:first-child .trending_video_description,
.news_list_content .trending_galary_list:nth-child(2) .trending_video_description {
    min-height: 114px;
}

.news_list_content .suggested_tags {
    padding-right: 0px;
}

.news_dateTitle {
    color: #3d7e41;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-bottom: 5px;
}

.news_dateTitle a,
.news_dateTitle strong {
    color: #3d7e41;
    font-size: 14px;
}

.news_dateTitle a:hover {
    text-decoration: underline;
}

.news_dateTitle em {
    font-style: normal;
    color: #3c3c3c;
    padding: 0px 5px;
}

.glry_images_main {
    width: 100%;
}

.glry_images_main ul {
    font-size: 0px;
    display: grid;
    grid-gap: 0px;
    grid-template-columns: repeat(auto-fill, minmax(12.5%, 1fr));
    grid-auto-rows: auto;
}

.glry_images_main ul li {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}


/*.glry_images_main ul{ font-size:0px; display: flex;  justify-content: center;  align-items: center; flex-wrap: wrap; }
.glry_images_main ul li{ display: flex; max-width:150px; justify-content: center;  align-items: center; padding:5px;}*/

.glry_image {
    width: 100%;
}

.glry_images_main ul li a {
    display: block;
    width: 100%;
    height: auto;
    min-height: 150px;
    max-height: 600px;
}

.glry_images_main ul li a img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.verses_glry_popup {
    text-align: center;
}

.verses_glry_popup .all_popup_inner {
    padding: 30px 0px;
    overflow-y: auto;
    overflow-x: hidden;
}

.verses_glry_pop_img {
    text-align: center;
    position: relative;
    z-index: 3;
    max-width: 90%;
    margin: auto;
    display: inline-block;
    width: auto;
}

.verses_glry_pop_img span {
    display: block;
}

.verses_glry_pop_img span img {
    display: block;
    margin: auto;
}

.verses_glry_shares {
    width: 100%;
    text-align: center;
    font-size: 0px;
    position: relative;
    z-index: 4;
    margin-top: -50px;
    transition: all 0.175s ease-in-out;
    opacity: 0;
    visibility: hidden;
}

.verses_glry_shares li {
    display: inline-block;
    vertical-align: top;
    padding: 0px 8px;
}

.verses_glry_shares li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: block;
    background-color: #4d8c40;
    transition: all 0.175s ease-in-out;
}

.verses_glry_icon_download {
    background: url(../images/download_icon_white.png) no-repeat 11.5px center;
    background-size: auto 18px;
}

.verses_glry_icon_share {
    background: url(../images/share.svg) no-repeat 11px center;
    background-size: auto 18px;
}

.verses_glry_icon_whatsapp {
    background: url(../images/whatsapp.svg) no-repeat 12px center;
    background-size: auto 18px;
}

.verses_glry_icon_fb {
    background: url(../images/facebook.svg) no-repeat 16px center;
    background-size: auto 18px;
}

.verses_glry_pop_img:hover .verses_glry_shares {
    opacity: 1;
    visibility: visible;
}

.verses_gallary_content .lib_srchBox {
    padding-right: 160px;
}

.verses_glry_srchSel {
    width: 150px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.verses_glry_srchSel select {
    font-size: 20px;
    line-height: 30px;
    padding: 10px 10px 10px 0px;
    border-bottom: 1px solid #3c3c3c;
    width: 100%;
    color: #3c3c3c;
    background: url(../images/down_arrow.svg) no-repeat right 12px center;
    background-size: 18px auto;
    transition: all 0.175s ease-in-out;
}

.verses_glry_srchSel select:focus {
    border-color: #3d7e41;
}

.verses_glry_srchSel select {
    /* for Firefox */
    -moz-appearance: none;
    /* for Chrome */
    -webkit-appearance: none;
}


/* For IE10 */

.verses_glry_srchSel select::-ms-expand {
    display: none;
}

.ul_has_no_rec {
    display: block !important;
}

.glry_images_main ul li.trending_galary_list {
    display: block !important;
    width: 100% !important;
    padding: 0px !important;
}

.verses_glry_popup .popup_overlay {
    position: absolute;
    min-height: 100vh;
    top: -50px;
}

.watch_userInfo_inner_padding {
    padding-left: 58px;
}

.center_text_class strong {
    text-align: center !important;
}

.sadqaJariya_main .trending_galary_box {
    min-height: 176px;
}

.hm_presenterName a {
    margin-left: 12px;
}

.hm_presenterName a:first-child {
    margin-left: 0px;
}

.trending_chanelName em {
    font-style: normal;
}

.margin_left {
    margin-left: 5px;
    color: #3d7e41 !important;
}

.margin_left:hover {
    text-decoration: underline;
}

.sadqaJariya_main.favrt_content .fvrtDescription p {
    height: 64px;
}

.bookBox .fvrtDescription p {
    max-height: none !important;
    height: 64px;
}

.library_main .trending_video_description h3 a {
    height: 3.2rem;
}

.kids_library_main .trending_video_description h3 a {
    height: 3.2rem;
}

.kids_library_main .fvrtDescription p {
    max-height: none !important;
    height: 64px;
}

.full_width {
    width: 100% !important;
    display: block !important;
}

.vrsGlry_big_img {
    max-width: 530px;
    width: 100%;
    height: auto;
}

.predict_main {
    width: 100%;
    font-size: 0px;
    background: #fff;
    padding: 2px 10px;
}

.predict_main p {
    font-size: 14px;
    line-height: 1.3em;
    color: #3d7e41;
    font-weight: 500;
}

.predict_main p span {
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
    color: #3d7e41;
    transition: all 0.175s ease;
}

.predict_main p a {
    margin: 0px 5px;
    display: inline-block;
    vertical-align: middle;
    color: #3d7e41;
    transition: all 0.175s ease;
}

.predict_close {
    padding: 5px 10px;
    color: red !important;
}

.predict_close:hover {
    text-decoration: none !important;
    color: #3c3c3c;
}

.predict_main p a:hover {
    text-decoration: underline;
}

.leftBar_inner {
    position: relative;
}

.lb_set,
.lb_logout {
    width: 20px !important;
    height: 20px;
    position: absolute;
    right: 5px;
    top: 12px;
    display: inline-block;
}

.lb_set {
    right: 31px;
    top: 13px;
}

.lb_set a,
.lb_logout a {
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center;
    padding: 0px !important;
}

.lb_set a span,
.lb_logout a span {
    display: none !important;
}

.lb_set a i,
.lb_logout a i {
    margin: auto !important;
}

.lb_userInfo_text h3 {
     width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.first_dash {
    display: none;
}

.second_dash {
    display: none;
}

.quran_quickSrch_li {
    min-width: calc(100% - 190px);
}

.quran_header_search {
    width: 100%;
    position: relative;
}

.quran_search_dropdown {
    border: 1px solid #f9f9f9;
    background: #fff;
    z-index: 224;
    border-radius: 3px;
    box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5);
    width: 100%;
    height: auto;
    position: absolute;
    left: 0px;
    top: 100%;
    text-align: left;
    min-height: 250px;
    max-height: calc(100vh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    display: none;
    min-width: 450px;
}

.quran_search_dropdown.active {
    display: block;
}

.quran_search_dropdown_inner {
    width: 100%;
}

.quran_search_dropdown_list {
    position: relative;
    width: 100%;
    padding: 10px 110px 10px 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.quran_search_dropdown_list:last-child {
    border-bottom: 0px none;
}

.quran_search_dropdown_list:hover {
    background: #f9f9f9;
}

.quran_search_dropdown_list h3 {
    color: #3c3c3c;
    font-size: 24px;
    line-height: 1.5em;
    font-weight: 500;
    text-align: right;
}

.quran_search_dropdown_list p {
    color: #3c3c3c;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
}

.quran_search_dropdown_list span {
    color: #3d7e41;
}

.quran_srch_label {
    text-align: center;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    padding: 2px 10px;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-weight: 500;
    background: #3d7e41;
    z-index: 2;
    font-style: normal;
    width: 80px;
    overflow: hidden
}

.quran_header_search .ayat_is_loading:after {
    background-color: rgba(255, 255, 255, 0.8);
}

.quran_header_search .ayat_is_loading:before {
    position: absolute;
}

.book_detail_content_main .ih_read_quran_header {
    position: relative;
    padding-bottom: 60px;
}

.book_detail_content_main .quran_quickSrch_li {
    min-width: 0;
    position: absolute;
    left: 50%;
    bottom: 10px;
    display: block;
    max-width: 600px;
    width: 100%;
    transform: translateX(-50%);
}

.book_detail_content_main .ih_read_section {
    padding-top: 130px;
}

.series_top {
    width: 30px;
    height: 30px;
    position: absolute;
    right: 90px;
    top: 5px;
    background: url(../images/seriesIcon.svg) no-repeat center center;
    background-size: 25px auto;
}

.series_top_click {
    width: 30px;
    height: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
}

.series_show {
    width: 500px;
    position: absolute;
    right: -15px;
    top: 100%;
    background: #fff;
    -webkit-overflow-scrolling: touch;
    box-shadow: 0px 0px 8px 0px rgba(145, 145, 145, 0.5);
    border-radius: 3px;
    z-index: 22;
    display: none;
}

.series_show_inner {
    width: 100%;
}

.series_show_inner ul {
    max-height: 300px;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.series_show_inner ul li {
    width: 100%;
    border-bottom: 1px solid #dbdbde;
}

.series_show_inner ul li:last-child {
    padding-bottom: 0px;
}

.series_show_inner ul li a {
    padding: 10px 15px 10px 100px;
    min-height: 70px;
    position: relative;
    font-size: 14px;
    line-height: 1.2em;
    color: #3c3c3c;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.series_show_inner ul li a span {
    display: -webkit-box;
    max-height: 54px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

.series_show_inner ul li a i {
    width: 80px;
    height: 50px;
    position: absolute;
    left: 10px;
    top: 10px;
    display: block;
}

.series_show_inner ul li a i img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.series_show_inner ul li a:hover {
    text-decoration: underline;
}

.series_show_inner h4 {
    color: #3c3c3c;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 500;
    padding: 10px;
    width: 100%;
}

.watch_playListing .trending_galary_postr {
    position: relative;
}

.watch_next_button {
    font-size: 14px;
    line-height: 24px;
    display: inline-block !important;
    padding: 2px 30px 3px 12px !important;
    position: absolute !important;
    top: 0px;
    left: 0px;
    color: #fff;
    font-weight: 500;
    background-color: #3c3c3c !important;
    z-index: 2;
    font-style: normal;
    width: auto !important;
    height: auto !important;
    min-width: 0px !important;
    max-width: none !important;
    margin: 0px !important;
    background: url(../images/forward_icon.svg) no-repeat right 5px center;
    background-size: 15px auto;
}

.ih_juz_header {
    position: relative;
}

.watch_userDetails .suggested_tags {
    margin: 0px -12px 0px -70px;
    padding-right: 0px;
    width: auto;
}

.watch_userDetails .suggested_tags .slick-arrow {
    background-color: #fff !important
}

.bookView_mob_backarrow {
    display: none;
    width: 40px;
    height: 100%;
    background-color: #fff !important;
    border: 0px none;
    outline: none;
    font-size: 0px;
    background: url(../images/bf_daySlider_left.png) no-repeat center center;
    background-size: 12px auto !important;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 2;
}


/*******************biographies style start here******************/

.biographies_tags {
    padding: 20px 0px 0px 0px !important;
}

.biographies_tags .suggested_tags_inner ul li a {
    border-radius: 3px;
}

.biographies_box_link {
    position: relative;
}

.biographies_span_pos {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
}

.biographies_span_text_wrap {
    width: 100%;
    align-self: flex-end;
    padding: 15px;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,000000+99&0+1,1+100 */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, rgba(0, 0, 0, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, rgba(0, 0, 0, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(252, 252, 252, 0) 1%, rgba(0, 0, 0, 0.99) 99%, rgba(0, 0, 0, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000', GradientType=0);
    /* IE6-9 */
}

.biographies_span_text_wrap {
    display: block;
}

.biographies_span_text_title {
    width: 100%;
    color: #fff;
    font-size: 22px;
    line-height: 1.3em;
    font-weight: 500;
    display: -webkit-box;
    max-height: 106px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    -webkit-line-clamp: 3;
}

.biographies_span_text_title strong {
    color: #adadad;
}

.biographies_span_text_birth {
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.biographies_galary .trending_galary_postr a {
    height: 400px;
}

.biographies_detail_main {
    width: 100%;
    margin-top: 15px;
}

.biographies_detail_inner {
    width: 100%;
    background: #fff;
}

.biographies_facts {
    width: 100%;
    padding-bottom: 20px;
    border-bottom: 10px solid #f9f9f9;
}

.biographies_facts_left {
    width: 24%;
    float: left;
    padding-left: 15px;
    padding-top: 15px;
}

.bio_facts_img {
    width: 100%;
    padding-bottom: 15px;
}

.bio_facts_img span {
    display: block;
    width: 100%;
    height: 400px;
    position: relative;
}

.bio_facts_img img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.bio_facts_quick {
    width: 100%;
    padding: 15px 15px 5px 15px;
    text-align: center;
    margin-bottom: 25px;
    border: 1px solid #ececec;
}

.bio_facts_quick h4 {
    color: #141414;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 10px;
    width: 100%;
    text-transform: uppercase;
}

.bio_facts_quick span {
    display: block;
    color: #4d8c40;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 8px;
    width: 100%;
    text-transform: uppercase;
}

.bio_facts_quick p {
    color: #141414;
    font-size: 16px;
    line-height: 1.2em;
    font-weight: 400;
    padding-bottom: 14px;
    width: 100%;
}

.bio_quotes {
    width: 100%;
}

.bio_quotes_title {
    width: 100%;
    padding-right: 80px;
    padding-bottom: 20px;
}

.bio_quotes_title h4 {
    color: #141414;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden;
}

.bio_quotes_title h4 span {
    font-weight: 400;
    float: right;
}

.bio_quotes_slider {
    position: relative;
    width: 100%;
}

.bio_quotes_slider p {
    color: #141414;
    font-size: 16px;
    line-height: 1.5em;
    font-weight: 400;
    width: 100%;
}

.bio_quotes_slider .slick-arrow {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #4d8c40 !important;
    border: 0px none;
    outline: none;
    font-size: 0px;
    background: url(../images/bf_daySlider_left_white.svg) no-repeat center center;
    background-size: 9px auto !important;
    position: absolute;
    right: 36px;
    top: -56px;
    cursor: pointer;
    z-index: 2;
}

.bio_quotes_slider .slick-arrow.slick-next {
    left: inherit;
    right: 0px;
    background: url(../images/bf_daySlider_right_white.svg) no-repeat center center;
}

.bio_quotes_slider .slick-arrow.slick-disabled {
    opacity: 0.5 !important;
}

.biographies_facts_right {
    width: 76%;
    float: right;
    padding: 15px 20px;
}

.bio_top_header {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e6e6e6;
    display: flex;
}

.bio_top_header_name {
    width: 80%;
    padding-right: 15px;
}

.bio_top_header h2 {
    color: #3c3c3c;
    font-size: 30px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 10px;
    width: 100%;
}

.bio_top_header h2 strong {
    color: #adadad;
}

.bio_top_header small {
    display: block;
    color: #202020;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 400;
}

.bio_top_header_shares {
    width: 20%;
    padding-top: 14px;
}

.bio_top_header_shares ul {
    float: right;
}

.bio_top_header_shares ul li {
    float: left;
    padding-left: 22px;
}

.bio_top_header_shares ul li a {
    display: block;
    color: #4d8c40;
    font-size: 24px;
}

.bio_top_header_shares ul li a i {
    display: block;
}

.bio_top_header h3 {
    color: #202020;
    font-size: 20px;
    line-height: 1.5em;
    font-weight: 400;
    padding-bottom: 10px;
    width: 100%;
}

.bio_top_header h3 strong {
    font-weight: 500;
}

.bio_zoom_btn {
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/text_minus.svg) no-repeat center center;
    background-size: 28px auto !important;
}

.bio_zoom_plus {
    background: url(../images/text_plus.svg) no-repeat center center;
    margin-left: 10px;
}

.bio_top_small_header .bio_top_header_shares {
    padding-top: 2px;
}

.bio_data_detail {
    width: 100%;
    font-size: 16px;
}

.bio_data_detail p {
    font-size: 16px;
    line-height: 1.5em;
    color: #3c3c3c;
    padding-bottom: 20px;
}

.bio_data_detail a {
    color: #4d8c40;
    font-weight: 700;
}

.bio_data_detail em {
    color: #4d8c40;
}

.bio_data_detail a:hover {
    text-decoration: underline;
}

.bio_data_detail h4 {
    color: #3c3c3c;
    font-size: 18px;
    line-height: 1.2em;
    font-weight: 700;
    padding-bottom: 10px;
    width: 100%;
}

.bio_detail_galary {
    padding: 15px 15px 0px 15px;
}

.bio_detail_galary .trending_galary_postr a {
    height: 320px;
}

.bio_detail_galary .trending_galary_list {
    width: 20%;
}

.bio_detail_galary h4 {
    color: #3c3c3c;
    font-size: 20px;
    line-height: 1.2em;
    font-weight: 500;
    padding-bottom: 20px;
    width: 100%;
    overflow: hidden;
}

.bio_detail_galary .biographies_span_text_title {
    font-size: 18px;
}

.bio_mob_detail_image {
    display: none;
    padding-bottom: 15px;
}

.bio_mob_detail_shares {
    width: 100%;
    padding-top: 14px;
    position: absolute;
    right: 15px;
    top: 0px;
    z-index: 24;
}

.bio_mob_detail_shares ul {
    float: right;
}

.bio_mob_detail_shares ul li {
    float: left;
    padding-left: 22px;
}

.bio_mob_detail_shares ul li a {
    display: block;
    color: #fff;
    font-size: 22px;
}

.bio_mob_detail_shares ul li a i {
    display: block;
}

.bio_mob_detail_image .trending_length {
    display: none;
}


/*******************biographies style end here******************/

.ih_filter_certificate_logo {
    width: 130px;
    padding-left: 20px;
}

.ih_filter_certificate_logo a {
    display: block;
    width: 100%;
}

.web_sub_dropdown_inner ul li a.kalmaAzkar_white_big_icon i {
    width: 46px;
    height: auto;
}

.web_sub_dropdown_inner ul li a.kalmaAzkar_white_big_icon i img {
    max-width: 46px;
}

.leftBar_menu ul li a.kalmaAzkar_white_big_icon i img {
    max-width: 20px;
}

.certificates_main_content {
    width: 100%;
}

.certificates_main_inner {
    width: 100%;
    padding: 15px 0px 40px 0px;
}

.certificates_list {
    width: 100%;
}

.certificates_list ul {
    font-size: 0px;
    margin: 0px -15px;
}

.certificates_list ul li {
    width: 33.33%;
    padding: 0px 15px 30px 15px;
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
}

.certificates_list ul li a {
    display: block;
    width: 100%;
}

.certificates_list ul li a img {
    max-width: none;
    width: 100%;
    height: auto;
}

.certificates_glry_popup .verses_glry_pop_img {
    display: block;
    padding: 20px 10px;
}

.certificates_glry_popup .vrsGlry_big_img {
    max-width: none;
}

.certificates_glry_popup .popup_close {
    right: -15px;
    top: -10px;
    margin: 0px;
    background: url(../images/closeSvg.svg) no-repeat center center;
    background-size: 14px auto;
}

.daily_azkar_list {
    width: 100%;
}

.daily_azkar_list ul {
    font-size: 0px;
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
}

.daily_azkar_list ul li {
    width: 50%;
    padding: 0px 10px 20px 10px;
    vertical-align: top;
    font-size: 16px;
    display: flex;
}

.daily_azkar_list_box {
    width: 100%;
    height: 100%;
    background: #fff;
    position: relative;
    display: table;
    table-layout: fixed;
}

.daily_azkar_green_title {
    width: 120px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    background: #4d8c40;
    color: #fff;
    padding: 10px;
    height: 100%;
}

.daily_azkar_green_title p {
    color: #fff;
    font-size: 15px;
    text-transform: uppercase;
    line-height: 1.3em;
    font-weight: 500;
}

.daily_azkar_cell {
    vertical-align: top;
    display: table-cell;
    height: 100%;
    padding: 10px 15px;
    position: relative;
    padding-bottom: 54px;
}

.daily_azkar_cell h2 {
    color: #3c3c3c;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 700;
    padding-bottom: 8px;
}

.daily_azkar_cell p {
    color: #3c3c3c;
    font-size: 15px;
    line-height: 1.3em;
    font-weight: 400;
    padding-bottom: 0px;
    min-height: 60px;
}

.daily_azkar_cell .all_buttons {
    width: auto;
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 3px;
    min-width: 100px;
}

.daily_azkar_btn {
    position: absolute;
    bottom: 0px;
    width: 100%;
    left: 0px;
    padding: 0px 15px 10px 15px;
}

.daily_azkar_urdu {
    text-align: right;
    padding-right: 15px;
    padding-left: 0px;
}

.daily_azkar_detail_list {
    width: 100%;
    padding: 20px;
    background: #fff;
}

.daily_azkar_detail_list ul {
    font-size: 0px;
    margin: 0px -10px;
    display: flex;
    flex-wrap: wrap;
}

.daily_azkar_detail_list ul li {
    width: 20%;
    padding: 0px 10px 20px 10px;
    vertical-align: top;
    font-size: 16px;
    display: flex;
}

.fancybox-progress {
    background: #4d8c40 !important;
}

.daily_azkar_detail_box_img {
    width: 100%;
    height: auto;
}

.daily_azkar_detail_box_img a {
    display: block;
}

.six_kalma_list {
    width: 100%;
}

.six_kalma_list ul {
    font-size: 0px;
    margin: 0px -25px;
}

.six_kalma_list ul li {
    width: 50%;
    padding: 0px 25px 50px 25px;
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    float: left;
}

.six_kalma_list ul li:nth-child(even) {
    float: right;
}

.six_kalma_box {
    width: 100%;
    background: #fff;
    padding: 20px 15px;
    text-align: center;
}

.six_kalma_box label {
    display: block;
    font-size: 15px;
    line-height: 1.5em;
    color: #699e5e;
    font-weight: 500;
    padding-bottom: 20px;
}

.six_kalma_title {
    width: 118px;
    margin: auto;
    margin-bottom: 20px;
}

.six_kalma_title img {
    display: block;
    width: 100%;
    height: auto;
    max-width: none;
}

.six_kalma_box h2 {
    display: block;
    font-size: 36px;
    line-height: 1.3em;
    color: #3c3c3c;
    font-weight: 700;
    padding-bottom: 10px;
}

.six_kalma_box p {
    display: block;
    font-size: 17px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 500;
    padding-bottom: 6px;
}

.six_kalma_box p.six_kalma_urdu {
    font-size: 20px;
    font-weight: 700;
}

.kalma_audios_row {
    width: 100%;
    text-align: center;
    font-size: 0px;
    padding-top: 20px;
}

.kalma_audios_cell {
    display: inline-block;
    width: 100px;
    height: auto;
    vertical-align: top;
    position: relative;
    font-size: 15px;
    padding-top: 60px;
    margin: 0px 10px;
}

.kalma_audios_cell b {
    display: block;
    text-align: center;
    font-size: 17px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 500;
    padding-bottom: 16px;
}

.kalma_audios_player .ih_read_audio_btn {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    left: 0px !important;
    top: 0px !important;
    border: 1px solid #ededed;
}

.kalma_audios_player .song-main-info {
    width: 100% !important;
}

.kalma_audios_player .icon.fa-play {
    width: 100% !important;
    border: 1px solid #ededed;
    background-position: center 12px !important;
}

.kalma_audios_player .icon.fa-pause {
    width: 100% !important;
    border: 1px solid #4d8c40 !important;
    background-position: center 12px !important;
}

.weight700 {
    font-weight: 700 !important;
}

.zkatCalc_main .trending_header_right ul li {
    padding: 0px;
}

.zktcalc_calc_icon,
.zktcalc_faq_icon {
    display: none;
}

.zkat_faqs {
    width: 100%;
    background: #fff;
    padding-bottom: 30px;
    display: none;
}

.zkat_faqs_show {
    width: 100%;
    display: none;
    padding: 30px 15px 20px 15px;
}

.zkat_faqs_show p a {
    color: #4d8c40;
    text-decoration: underline;
}

.zkat_faqs_show p a:hover {
    text-decoration: none;
}

.zkat_faqs_show p {
    color: #3c3c3c;
    padding-bottom: 30px;
    font-size: 15px;
    line-height: 1.5em;
}

.zkat_faqs_show p:last-child {
    padding-bottom: 0px;
}

.zkat_faqs_inner {
    padding-bottom: 50px;
}

.zkat_faqs_title {
    width: 100%;
    border-bottom: 1px solid #d1d5d7;
    padding: 20px 40px 20px 15px;
    position: relative;
    cursor: default;
}

.zkat_faqs_title h4 {
    font-size: 18px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 700;
}

.zkat_faqs_title:after {
    content: "";
    width: 40px;
    height: 100%;
    position: absolute;
    right: 10px;
    top: 0px;
    background: url(../images/down_thin_arrow.svg) no-repeat center center;
    background-size: 18px auto !important;
    transition: all 0.2s ease;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(40%);
    filter: grayscale(100%) brightness(100%) contrast(40%);
}

.zkat_faqs_title.active:after {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-filter: none;
    filter: none;
}

.zkat_faqs_title.active h4 {
    color: #4d8c40;
}

.zkat_calc_form_main {
    width: 100%;
    background: #fff;
    padding: 30px 20px 20px 20px;
}

.zkat_calc_form {
    width: 100%;
}

.zkat_calc_form .col6 .formRow {
    padding-right: 30px;
}

.zkat_calc_form .form_heading {
    padding-top: 10px;
}

.zkatCalc_settings_radios_row {
    width: 100%;
    padding-bottom: 20px;
}

.form_checkbox.form_radio .checkbox_checked {
    border-radius: 50%;
}

.zakat_settings_save_btn,
.zakat_settings_done_btn {
    max-width: 180px;
    margin: auto;
}

.zkatCalc_settings_popup .popup_auto {
    max-width: 500px;
}

.popup_header_green_title .popup_header_left ul li strong {
    color: #3d7e41;
    font-size: 22px;
}

.popup_header_green_title.all_popup_header {
    background: #fff;
}

.zakat_calculated_result_main {
    width: 100%;
    padding-bottom: 20px;
}

.zakat_calculated_result_row {
    width: 100%;
    display: flex;
    padding-bottom: 20px;
}

.zakat_calculated_result_cell {
    width: 100%;
}

.zakat_calculated_result_cell strong {
    font-size: 18px;
    padding-bottom: 0px;
    line-height: 1.5em;
    font-weight: 700;
    display: block;
    color: #3c3c3c;
}

.zakat_calculated_result_cell p {
    font-size: 15px;
}

.zakat_calculated_result_cell h3 {
    text-align: right;
    font-size: 20px;
    padding-bottom: 0px;
    line-height: 1.5em;
    font-weight: 700;
    display: block;
    color: #3c3c3c;
    padding-left: 20px;
}

.zakat_calculated_result_cell b {
    font-size: 15px;
    padding-bottom: 0px;
    line-height: 1.5em;
    font-weight: 700;
    display: block;
    color: #3c3c3c;
}

.zktcalc_calc_icon.show,
.zktcalc_faq_icon.show {
    display: block !important;
}

.daily_azkar_cell h2,
.daily_azkar_btn {
    display: none;
}

.daily_azkar_cell {
    padding-bottom: 15px;
}

.daily_azkar_cell p {
    min-height: 0px;
}

.daily_azkar_detail_go {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 2;
}


/*****************namaz module section css*****************/

.all_prayer_content {
    width: 100%;
}

.daily_prayers_header {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #f9f9f9;
}

.daily_prayers_gender {
    width: 180px;
    flex-shrink: 0;
}

.daily_prayers_gender ul {
    font-size: 0px;
}

.daily_prayers_gender ul li {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
    padding-right: 2px;
}

.daily_prayers_gender ul li a {
    display: block;
    width: 60px;
    height: 55px;
    background-color: #fff !important;
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/gender_male_icon.png) no-repeat center center;
    background-size: auto 28px;
}

.daily_prayers_gender ul li a.daily_prayers_gender_female {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/gender_female_icon.png) no-repeat center center;
    background-size: auto 28px;
}

.daily_prayers_gender ul li a.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/gender_male_icon_active.png) no-repeat center center;
    background-size: auto 28px;
    background-color: #6fa264 !important;
}

.daily_prayers_gender ul li a.daily_prayers_gender_female.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/gender_female_icon_active.png) no-repeat center center;
    background-size: auto 28px;
    background-color: #6fa264 !important;
}

.daily_prayers_type {
    width: 100%;
    text-align: right;
    font-size: 0px;
}

.daily_prayers_type ul {
    display: inline-block;
    vertical-align: top;
}

.daily_prayers_type ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 2px;
    font-size: 15px;
}

.daily_prayers_type ul li:last-child {
    padding-right: 0px;
}

.daily_prayers_type ul li a {
    display: block;
    min-width: 150px;
    text-align: left;
    padding: 16px 10px 14px 60px;
    font-size: 15px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #fff !important;
}

.daily_azan_title_fajar {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/fajar_normal.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_duhr {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/duhar_normal.png) no-repeat 15px center;
    background-size: auto 22px !important;
}

.daily_azan_title_btn_asar {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/asar_normal.png) no-repeat 15px center;
    background-size: auto 18px !important;
}

.daily_azan_title_btn_maghrib {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/magh_normal.png) no-repeat 15px center;
    background-size: auto 22px !important;
}

.daily_azan_title_btn_isha {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/isha_normal.png) no-repeat 15px center;
    background-size: auto 18px !important;
}

.daily_azan_title_jumma {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/jumma_normal.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_funeral {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/funeral_normal.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_tasbeeg {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/tasbeeh_normal.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_istikhara {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/istikhara_normal.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_eid {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/normal/eid_normal.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_prayers_type ul li a.active {
    background-color: #6fa264 !important;
    color: #ffffff;
}

.daily_azan_title_fajar.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/fajar_selected.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_duhr.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/duhar_selected.png) no-repeat 15px center;
    background-size: auto 22px !important;
}

.daily_azan_title_btn_asar.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/asar_selected.png) no-repeat 15px center;
    background-size: auto 18px !important;
}

.daily_azan_title_btn_maghrib.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/magh_selected.png) no-repeat 15px center;
    background-size: auto 22px !important;
}

.daily_azan_title_btn_isha.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/isha_selected.png) no-repeat 15px center;
    background-size: auto 18px !important;
}

.daily_azan_title_jumma.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/jumma_selected.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_funeral.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/funeral_selected.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_tasbeeg.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/tasbeeh_selected.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_istikhara.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/istikhara_selected.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_azan_title_btn_eid.active {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/eid_selected.png) no-repeat 15px center;
    background-size: auto 19px;
}

.daily_prayer_main .certificates_main_inner {
    padding-bottom: 0px;
}

.prayer_detail_main {
    width: 100%;
}

.prayer_detail_main_inner {
    width: 100%;
    display: flex;
}

.prayer_rakat_left {
    width: 30%;
    background: #ffffff;
    padding: 15px 10px 9px 10px;
    float: left; overflow-x:hidden; overflow-y:auto; max-height: calc(100vh - 220px);
}

.prayer_rakat_list {
    width: 100%;
    min-height: calc(100vh - 320px);
}

.prayer_rakat_list ul li {
    width: 100%;
    padding-bottom: 6px;
}

.prayer_rakat_list ul li a {
    display: block;
    background: #f9f9f9;
    padding: 15px 30px 9px 70px;
    font-size: 15px;
    color: #3c3c3c;
    position: relative;
    transition: all 0.175s ease;
}

.prayer_rakat_list ul li a i {
    width: 60px;
    height: 100%;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #518f44 !important;
    background: url(../images/prayer_rakat_icon.png) no-repeat center center;
    background-size: 28px auto;
}

.prayer_rakat_list ul li a i.occasional_lb_icon {
    background: url(http://elxdrive.com/complete_namaz/prayer_icons/selected/jumma_selected.png) no-repeat center center;
    background-size: 28px auto;
}

.prayer_rakat_list ul li a strong {
    display: block;
    padding-bottom: 6px;
    font-weight: 500;
}

.prayer_rakat_list ul li a small {
    display: block;
    font-weight: 400;
    font-size: 13px;
    padding-bottom: 6px;
}

.prayer_rakat_list_arrow {
    width: 24px;
    height: 100%;
    display: block;
    position: absolute;
    right: 0px;
    top: 0px;
    background: url(../images/right_arrow_green.svg) no-repeat 0px center;
    background-size: 8px auto !important;
}

.prayer_rakat_list ul li a.active .prayer_rakat_list_arrow,
.prayer_rakat_list ul li a:hover .prayer_rakat_list_arrow {
    background: url(../images/right_arrow_white.svg) no-repeat 0px center;
}

.prayer_rakat_list ul li a:hover {
    color: #fff;
    background: #6fa264;
}

.prayer_rakat_list ul li a.active {
    color: #fff;
    background: #518f44;
}

.prayer_rakat_right {
    width: 70%;
    float: right;
    padding-left: 10px;  overflow-x:hidden; overflow-y:auto; max-height: calc(100vh - 220px);
}
.haj_detail_content_main .certificates_main_inner{ padding-bottom:0px; }
.prayer_rakat_inner {
    background: #ffffff;
    padding: 0px 0px 15px 0px;
}

.prayer_rakat_steps_main {
    min-height: calc(100vh - 320px);
    width: 100%;
    position: relative;
}

.prayer_rakat_steps_title {
    width: 100%;
    padding: 15px 15px;
    text-align: center;
    position: relative;
}

.prayer_rakat_steps_title h3 {
    font-size: 18px;
    line-height: 1.5em;
    color: #518f44;
    font-weight: 500;
}

.prayer_rakat_steps_title h3 em {
    font-style: normal;
}

.rakat_step_arrow {
    width: 60px;
    height: 100px;
    padding-top: 12px;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    font-size: 24px;
    color: #353635;
    line-height: 1.5em;
    transition: all 0.175s ease;
}

.rakat_step_arrow:after {
    content: "";
}

.rakat_step_arrow.rakat_step_arrow_next {
    left: initial;
    right: 0px;
}

.rakat_step_arrow:hover {
    color: #4d8c40;
}

.rakat_steps_detail_main {
    padding: 15px;
    font-size: 15px;
}

.rakat_steps_images {
    width: 100%;
    text-align: center;
}

.rakat_steps_images img {
    display: block;
    margin: auto;
    max-height: 400px;
}

.wudu_page_main .prayer_rakat_list ul li a {
    padding-left: 15px;
}

.wudu_page_main .rakat_steps_images img {
    max-height: none;
}

.wudu_page_main.prayer_rakat_inner {
    padding-top: 0px;
}

.left_align {
    text-align: left !important;
}


/*****************namaz module section css*****************/

.rakat_steps_images {
    /*background:url(../images/prayer_images_bg.png) no-repeat bottom center; background-size:100% auto; padding:0px 0px 30px 0px;*/
    background: #f9f9f9;
}

.sadqaJariya_detail_popup p {
    color: #3c3c3c;
    font-size: 14px;
    line-height: 1.6em;
    font-weight: 400;
    margin-bottom: 20px;
}

.zkat_calc_form .form_heading strong.weight700 {
    padding-bottom: 15px;
}

.web_sub_dropdown_inner ul {
    display: flex;
    flex-wrap: wrap;
}

.web_sub_dropdown_inner ul li {
    display: flex;
}

.web_sub_dropdown_show h3 {
    font-size: 15px;
    line-height: 1.5em;
    color: #4d8c40;
    font-weight: 500;
    padding: 8px 0px;
}

.web_sub_dropdown_show {
    padding-top: 2px;
}

.web_sub_dropdown_inner ul li a i {
    min-height: 38px;
    display: flex;
}

.web_sub_dropdown_show h3.web_sub_drop_topTitle {
    width: auto;
    margin: 0px -15px;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    border-bottom: 1px solid #f3f3f4;
}



.verses_has_sajda strong:after {
    content: "";
    display: inline-block;
    width: 50px;
    min-height: 38px;
    vertical-align: top;
    padding-right: 10px;
    transition: all 0.175s ease;
    cursor: pointer;
    overflow: hidden;
    height: 100%;
    max-height: 1.4em;
    font-size: 100%;
    background: url(../images/al_sajda.svg) no-repeat center center;
    background-size: 30px auto;
}

.web_sub_dropdown_show {
    padding-top: 2px;
}

.doa_categories_header {
    width: 100%;
    display: block;
    border-bottom: 1px solid #f9f9f9;
}

.doa_categories_top {
    width: 100%;
    font-size: 0px;
}

.doa_categories_top ul {
    width: 100%;
    font-size: 0px;
    padding: 0px 34px;
}

.doa_categories_top ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 2px;
    font-size: 15px;
}

.doa_categories_top ul li:last-child {
    padding-right: 0px;
}

.doa_categories_top ul li a {
    display: block;
    min-width: 150px;
    text-align: left;
    padding: 16px 20px 14px 60px;
    font-size: 15px;
    line-height: 1.5em;
    color: #3c3c3c;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #fff !important;
    position: relative;
}

.doa_categories_top ul li a span {
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    align-items: center;
    align-content: center;
}

.doa_categories_top ul li a i {
    display: block;
    margin: auto;
}

.doa_categories_top ul li a i img {
    display: block;
    max-width: 22px;
    max-height: 22px;
    margin: auto;
    width: 100%;
    height: auto;
    -webkit-filter: grayscale(100%) brightness(100%) contrast(40%);
    filter: grayscale(100%) brightness(100%) contrast(40%);
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
}

.doa_categories_top ul li a:hover,
.doa_categories_top ul li a.active {
    background-color: #6fa264 !important;
    color: #ffffff;
}

.doa_categories_top ul li a:hover i img,
.doa_categories_top ul li a.active i img {
    /* -webkit-filter: none;
    filter: none; */
    -webkit-transition: all 0.175s ease;
    -moz-transition: all 0.175s ease;
    -o-transition: all 0.175s ease;
    -ms-transition: all 0.175s ease;
    transition: all 0.175s ease;
    -webkit-filter: brightness(0) invert(1)!important;
    filter: brightness(0) invert(1)!important;
}

.doa_categories_top {
    position: relative;
}

.doa_categories_top .slick-arrow {
    display: block;
    width: 32px;
    height: 100%;
    background-color: #4d8c40 !important;
    color: #fff !important;
    border: 0px none;
    outline: none;
    font-size: 0px;
    position: absolute;
    left: 0px;
    top: 0px;
    cursor: pointer;
    z-index: 2;
}

.doa_categories_top .slick-arrow.slick-next {
    left: inherit;
    right: 0px;
}

.doa_categories_top .slick-arrow.slick-disabled {
    background-color: #353635 !important;
    color: #fff !important;
}

.doa_categories_top .slick-arrow:after {
    content: "\f0d9";
    font-family: FontAwesome;
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    font-size: 22px;
    padding-top: 15px;
    box-sizing: border-box;
}

.doa_categories_top .slick-arrow.slick-next:after {
    content: "\f0da";
}

.doa_list_has_number ul {
    counter-reset: my-sec-counter;
}

.doa_list_has_number ul li {
    position: relative;
    padding-bottom: 0px !important;
    margin-bottom: 6px;
}

.doa_list_has_number ul li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) "";
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #518f44 !important;
    color: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.prayer_rakat_list ul li p {
    font-size: 16px;
    padding-right: 15px;
    line-height: 1.5em;
    display: flex;
    min-height: 50px;
    align-items: center;
    padding-bottom: 8px;
}

.prayer_rakat_right .ih_read_section {
    padding-top: 0px;
}

.prayer_rakat_list ul li a i.makeup_lb_icon_mistakes {
    background: url(../images/makingup_lb_icon.svg) no-repeat center center;
    background-size: 32px auto;
}

.prayer_rakat_list ul li a i.blessings_lb_icon_significance {
    background: url(../images/significance_icon.svg) no-repeat center center;
    background-size: 32px auto;
}

.prayer_rakat_list ul li a i.blessings_lb_icon_occasionalPrayer {  background: url(../images/occasional_prayer_icon_white.svg) no-repeat center center; background-size: 32px auto; }

.icon.fa-stop {
    opacity: 0;
    display: none;
}

.leftBar_menu ul li h3 {
    font-size: 15px;
    line-height: 1.5em;
    color: #4d8c40;
    font-weight: 500;
    padding: 8px 15px;
}

.hajj_baner_main .name_baner_cell2 p {
    color: #fff;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5em;
    text-align: center;
    padding: 10px 0px 0px 0px;
    max-width: 620px;
    margin: auto;
}

.hajj_guide_main_inner {
    width: 100%;
    padding-top: 10px;
}

.hajjGuide_gallery {
    width: 100%;
}

.hajjGuide_top_list ul li.trending_galary_list {
    width: 50%;
}

.hajjGuide_box {
    width: 100%;
    position: relative;
}

.hajjGuide_box_img {
    display: block;
    width: 100%;
    height: 214px;
    position: relative;
}

.hajjGuide_box_img img {
    width: 100%;
    height: 100%;
    display: block;
    margin: auto;
    max-width: none;
    object-fit: cover;
}

.hajjGuide_top_list .hajjGuide_box_img {
    height: 310px;
}

.hajjGuide_box_pos {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    display: flex;
    padding: 15px;
    align-items: flex-end;
    font-size: 20px;
    line-height: 1.5em;
    color: #ffffff;
    font-weight: 600;
    background: rgba(0, 0, 0, 0.40);
    text-align: center;
    text-transform: uppercase;
}

.hajjGuide_box_pos i {
    display: block;
    padding-bottom: 10px;
}

.hajjGuide_box_pos i img {
    max-width: 90px;
    max-height: 36px;
    display: block;
    margin: auto;
    width: 100%;
    height: auto;
}

.hajjGuide_gallery .trending_galary_list {
    padding-bottom: 14px;
}

.hajjGuide_box_pos.flex_pos_center {
    align-items: center;
    justify-content: center;
}

.travel_top_title_text {
    padding-bottom: 10px;
    line-height: 1.5em;
    color: #3c3c3c;
}

.hajjDetail_list_number {
    width: 60px;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    background-color: #518f44 !important;
    color: #fff;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    z-index: 2;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
}

.hajj_detail_img {
    display: block;
    float: right;
    margin: 0px 0px 15px 15px;
    max-width: 340px;
    width: 100%;
}

.hajj_detail_img img {
    width: 100%;
    height: auto;
    margin: auto;
    display: block;
}

.hajj_detail_text_arabic {
    line-height: 1.7em;
    color: #3c3c3c;
    font-weight: 500;
    text-align: right;
    padding-bottom: 15px;
    font-size: 25px;
}

.hajj_detail_text_eng {
    font-size: 16px;
    line-height: 1.3em;
    padding-bottom: 20px;
}

.hajj_detail_text_quote {
    position: relative;
    padding-left: 36px;
}

.hajj_detail_text_quote:before {
    content: "“";
    display: block;
    position: absolute;
    left: 0px;
    top: 0px;
    color: #4d8c40;
    font-size: 80px;
    line-height: 62px;
}


/* @media only screen and (min-width:1023px) {
    .qariPro_detailText img,
    .qariPro_detailText iframe {
        display: block !important;
        float: right !important;
        margin: 0px 0px 15px 15px !important;
        max-width: 340px !important;
        width: 100% !important;
    }
} */

.qariPro_detailText iframe {
    display: block !important;
    margin: 0px auto 15px auto !important;
    max-width: 500px !important;
    width: 100% !important;
    height: 400px !important;
}

.qariPro_detailText img {
    display: block !important;
    margin: 0px auto 15px auto !important;
    max-width: 100%!important;
    width: auto !important;
    height: auto !important;
}

.hideDiv {
    display: none;
}


/* Table styling */

.hajj_detail_text table {
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 15px;
}

.hajj_detail_text table td,
.hajj_detail_text table th {
    border: 1px solid #ddd;
    padding: 8px
}

.hajj_detail_text table tr:nth-child(even) {
    background-color: #f2f2f2
}

.hajj_detail_text table tr:hover {
    background-color: #ddd
}

.hajj_detail_text table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4caf50;
    color: #fff
}

.hajj_detail_text ul li {
    list-style: disc outside;
    padding-left: 5px;
    line-height: 1.5em;
    margin-left: 18px;
}

.hajj_detail_text a {
    color: #3d7e41;
    text-decoration: underline;
}

.hajj_detail_text ol li {
    list-style: decimal outside;
    padding-left: 5px !important;
    line-height: 1.5em;
    margin-left: 18px !important;
}

.hajj_detail_text ul,
.hajj_detail_text ol {
    padding-bottom: 15px;
}

.hajj_detail_text h2,
.hajj_detail_text h3,
.hajj_detail_text h4,
.hajj_detail_text h5,
.hajj_detail_text h6 {
    padding-bottom: 15px;
}

.hajj_detail_text h2,
.hajj_detail_text h3,
.hajj_detail_text h4,
.hajj_detail_text h5,
.hajj_detail_text h6,
.hajj_detail_text strong,
.hajj_detail_text b {
    font-weight: 700;
}

.hajj_detail_text h6 {
    font-size: 14px;
}


/* .hajj_detail_text .qariPro_detailText p strong {
    font-size: 14px;
    display: inline-block;
    padding: 0px;
}*/





/***************************ih new menu style start here****************************/

.header{ z-index:9999; }
.menu_main{ width:100%; height:100%; position:fixed; left:0px; top:0px; background:#f9f9f9; z-index:999; overflow-x:hidden; overflow-y:auto; display:none; }

.menu_main:before{ content:""; width:100%; height:166px; background:#4d8c40; position:absolute; left:0px; top:0px; z-index:1; transform: translateY(-80%); opacity:0; transition:all 0.9s ease; }

.menu_main_inner{ width:100%; position:relative; z-index:2; padding-top:100px;  margin-top:-100px; transition:all 0.4s ease; opacity:0; }
.menu_main_content{ width:100%; background:#fff; border:1px solid #e5e5e5; display:flex;  }

.menu_main_lb{ width:300px;  border-right:1px solid #e5e5e5; flex-shrink: 0; }

.menu_icon_active{ display:none; }

.open_menu .menu_main{ display:block; }
.menu_main.active .menu_main_inner{  margin-top:0px; opacity:1; }
.menu_main.active:before{  transform: translateY(0%);  opacity:1 }

.menu_main_lb_menu{ width:100%;  }

.menu_main_lb_menu ul li { width: 100%; border-top:1px solid #e5e5e5;  }
.menu_main_lb_menu ul li:first-child{ border-top:0px none; }

.menu_main_lb_menu ul li a { display: flex; align-items:center; align-content:center;  padding: 12px 20px 12px 40px;  overflow: hidden; font-size: 15px; line-height: 1.5em; color: #616161; font-weight: 400; -webkit-transition: all 0.175s ease; -moz-transition: all 0.175s ease; -o-transition: all 0.175s ease; -ms-transition: all 0.175s ease; transition: all 0.175s ease; }

.menu_main_lb_menu ul li a i { float: left; width:20px; height: 20px; display:block; }
.menu_main_lb_menu ul li a .menu_icon_active{ display:none; }
.menu_main_lb_menu ul li a span { padding-left:20px; display: block; line-height:20px; width:100%; text-transform:uppercase; }

.menu_main_lb_menu ul li a i img { display: block; max-width: 20px; max-height: 20px; margin: auto; width: auto; height: auto; -webkit-transition: all 0.175s ease; -moz-transition: all 0.175s ease; -o-transition: all 0.175s ease; -ms-transition: all 0.175s ease; transition: all 0.175s ease; }

.menu_main_lb_menu ul li a:hover i img, .menu_main_lb_menu ul li a.active i img { }

.menu_main_lb_menu ul li a:hover, .menu_main_lb_menu ul li a.active { color: #fff; background:#4d8c40; }
.menu_main_lb_menu ul li a:hover .menu_icon_normal, .menu_main_lb_menu ul li a.active .menu_icon_normal{ display:none; }
.menu_main_lb_menu ul li a:hover .menu_icon_active, .menu_main_lb_menu ul li a.active .menu_icon_active{ display:block; }



.menu_main_right{ width:100%;   }

.menu_main_show{ width:100%; display:none; }

.menu_main_detail{ width:100%; }

.menu_main_header{ width:100%; padding:8px 15px; border-bottom: 1px solid #e5e5e5; display:table; table-layout:fixed; }

.menu_main_header_left{ width:66px; display:table-cell; vertical-align:middle; }

.menu_main_header_left a{ max-width:35px; margin:auto; display:block; transition: all 0.175s ease; }
.menu_main_header_left a img, .menu_main_header_right a img{ max-width:none; width:100%; height:auto; display:block; }

.menu_main_header_mid{ width:auto; display:table-cell; vertical-align:middle; padding:0px 15px; }

.menu_main_header_mid p{ font-size:14px; line-height:1.5em; color:#4d8c40; text-align:center;font-weight:500; }

.menu_main_header_right{ width:66px; display:table-cell; vertical-align:middle; }
.menu_main_header_right a{ max-width:58px; margin:auto; display:block; transition: all 0.175s ease; }

.menu_main_detail_inner{ width:100%; max-height:calc(100vh - 244px); overflow-x:hidden; overflow-y:auto; }

.menu_main_row{ width:100%; border-bottom:1px solid #e5e5e5; }
.menu_main_row:last-child{ border-bottom:0px; }

.menu_main_row ul{ width:100%; display:flex; flex-wrap:wrap; position:relative; }

.menu_main_row ul li{ width:16.66%; height:126px; border-left:1px solid #e5e5e5; }
.menu_main_row ul li:first-child{ border-left:0px; }

.menu_main_row ul li a{ width:100%; height:100%; display:flex; align-items:center; padding:10px; font-size:14px; color:#626262; font-weight:500; -webkit-transition: all 0.175s ease; -moz-transition: all 0.175s ease; -o-transition: all 0.175s ease; -ms-transition: all 0.175s ease; transition: all 0.175s ease; text-align:center; }

.menu_main_row ul li span{ text-align:center; width:100%; display:block; }

.menu_main_row ul li a i{ display:block; height:60px; }
.menu_main_row ul li a i img{ max-width:44px; max-height:44px; min-width:28px; display:block; margin:auto; -webkit-transition: all 0.175s ease; -moz-transition: all 0.175s ease; -o-transition: all 0.175s ease; -ms-transition: all 0.175s ease; transition: all 0.175s ease; }

.menu_main_row ul li em{ display:block; font-style:normal; }

.menu_main_row ul li a i.submenu_icon_active{ display:none; }

.menu_main_row ul li a:hover, .menu_main_row ul li a.active{ color:#fff; background:#4d8c40; box-shadow:0px 0px 22px rgba(0,0,0,0.17); position:relative; z-index:2; }
.menu_main_row ul li a:hover i.submenu_icon, .menu_main_row ul li a.active i.submenu_icon{ display:none; }
.menu_main_row ul li a:hover i.submenu_icon_active, .menu_main_row ul li a.active i.submenu_icon_active{ display:block; }


.submenu_show{ background:#f9f9f9; width:100%; display:none; padding-right:33.33%; position:relative; margin-bottom: -1px; border-bottom: 1px solid #e5e5e5;  }
.menu_main_row .submenu_show ul{ margin-bottom: -1px; }
.menu_main_row .submenu_show li{ border-bottom:1px solid #e5e5e5; width:33.33%; min-height:70px;  height:auto; }
.menu_main_row .submenu_show ul li a{ padding-left:70px; position:relative; text-align:left; }
.menu_main_row .submenu_show ul li a span{ text-align:left; }
.menu_main_row .submenu_show ul li a i{ position:absolute; left:25px; top:0px; height:100%;   }
.menu_main_row .submenu_show ul li a i img{ max-width:36px; max-height:36px; }
.menu_main_row .submenu_show ul li a i.submenu_icon{ display:flex; }
.menu_main_row .submenu_show ul li a:hover i.submenu_icon, .menu_main_row .submenu_show ul li a.active i.submenu_icon{ display:none; }
.menu_main_row .submenu_show ul li a:hover i.submenu_icon_active, .menu_main_row .submenu_show ul li a.active i.submenu_icon_active{ display:flex; }

.submenu_show.active{ display:block; }

.open_menu{ overflow:hidden; touch-action:none; overscroll-behavior: none !important; }


.submenu_big_icon{ position:absolute; right:0px; top:0px; width:33.33%; height:100%;  background: url(../images/menu_icons/submenu_big_img_bg.png) no-repeat center center;
    background-size: cover; background-color:#fff;    display:flex; justify-content:center; align-items:center; border-left: 1px solid #e5e5e5; }

.submenu_big_icon span img{ max-width:150px; max-height:150px; display:block; margin:auto; }


 .header_menuIcon { display:block;
  width: 22px;
  height: 36px;

  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;  position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -17px; z-index:225;
}

 .header_menuIcon span  {
  display: block;
  position: absolute;
  height: 2px;
  width: 100%;
  background: #353635;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}





.header_menuIcon span:nth-child(1) {
  top: 8px;
}

.header_menuIcon span:nth-child(2),.header_menuIcon span:nth-child(3) {
  top: 15px;
}

.header_menuIcon span:nth-child(4) {
  top: 22px;
}
.header_menuIcon.active span{ background:#4d8c40; }
.header_menuIcon.active span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.header_menuIcon.active span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header_menuIcon.active span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.header_menuIcon.active span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}

.menu_backBtn{ display:none; }


.empty_menu_tabshow{ display:none !important; }

.content{ min-height: calc(100vh - 140px); }

.plyr:-webkit-full-screen video{height:100%!important;}
.plyr:-ms-fullscreen video{height:100% !important;}
.plyr:-moz-full-screen video{height:100% !important;}
.plyr:fullscreen video{height:100% !important;}



/***************************ih new menu style end here****************************/





.lb_termsMain{ text-align:center; padding-top:16px; position:fixed; left:0px; bottom:0px; width:100%;  }
.lb_termsMain ul li {  display: inline-block; position:relative; vertical-align: top;  padding: 0px 10px;   }
.lb_termsMain ul li:before{ width:1px; height:12px; content:""; position:absolute; left:0px; top:50%; margin-top:-6px;  background:#626262;  }
.lb_termsMain ul li:first-child:before{ display:none; }
.lb_termsMain ul li a{ display:block; }
.lb_termsMain .footer_inner p{ font-size:14px; color:#626262; font-weight:400; }


.lb_userInfo_notlogin{ padding:0px; }
.lb_userInfo_notlogin .lb_userAvatar, .lb_userInfo_notlogin strong{ display:none !important;}
.lb_userInfo_notlogin p{ font-size:14px !important}



/*************************inheritance style start*********************/

.prayer_rakat_list ul li a i.ic_lb_icon_testCases {  background: url(../images/ic_test_casesIcon.svg) no-repeat center center; background-size:27px auto; }
.prayer_rakat_list ul li a i.ic_lb_icon_rules {  background: url(../images/ic_rule_inh_icon.svg) no-repeat center center; background-size: 27px auto; }
.prayer_rakat_list ul li a i.ic_lb_icon_chart {  background: url(../images/ic_charticon.svg) no-repeat center center; background-size: 27px auto; }
.prayer_rakat_list ul li a i.ic_lb_icon_faq {  background: url(../images/ic_faqicon.svg) no-repeat center center; background-size: 27px auto; }
.prayer_rakat_list ul li a i.ic_lb_icon_info {  background: url(../images/ic_info.svg) no-repeat center center; background-size:27px auto; }


.ic_testcases_list{ width:100%; overflow:hidden; }

.ic_testcases_list ul{ display:flex; margin:0px -1px; flex-wrap: wrap;     counter-reset: casesCounter; }
.ic_testcases_list ul li{ width:50%; min-height:66px; display:flex; justify-content: center;  align-items: center; flex-wrap: wrap; border-top:1px solid #f9f9f9; border-right:1px solid #f9f9f9; position:relative; transition: all 0.175s ease; }
.ic_testcases_list ul li a{  padding:10px 35px 10px 60px; color:#3c3c3c; font-size:16px; line-height:1.5em; width:100%; height:100%; display:flex; text-align:left; align-items: center; transition: all 0.175s ease; }
.ic_testcases_list ul li a:after { content:""; width: 24px;  height: 100%;  display: block; position: absolute; right: 0px;  top: 0px;  background: url(../images/right_arrow_green.svg) no-repeat 0px center;  background-size: 8px auto !important; }

.ic_testcases_list ul li:before { counter-increment: casesCounter; content: counter(casesCounter) "";  width: 60px;  height: 100%; position: absolute; left: 0px; top: 0px; color: #4d8c40; display: flex; align-content: center; align-items: center;  justify-content: center; z-index: 2; text-align: center;  font-size: 18px;  font-weight: 500; transition: all 0.175s ease;  }


.ic_testcases_list ul li:hover a, .ic_testcases_list ul li.active a{ color: #fff; background: #6fa264;}
.ic_testcases_list ul li:hover:before, .ic_testcases_list ul li.active:before{ color: #fff; }
.ic_testcases_list ul li:hover a:after, .ic_testcases_list ul li.active a:after{  background: url(../images/right_arrow_white.svg) no-repeat 0px center;  }

.ic_sectionShow{ display:none; }

.ic_rulesOfInheritence_content{ padding:20px; width:100%; font-size:16px; line-height:1.5em;  }
.ic_rulesOfInheritence_content strong{ font-weight:700; }
.ic_rulesOfInheritence_content h3{ padding-bottom:6px;  font-weight:700; font-size:20px; }


.ic_chartContent{ padding:20px; width:100%;  }
.ic_chartContent h3{ padding-bottom:50px; text-align:center; font-weight:500; font-size:20px; text-transform:uppercase;  }

.ic_chartImg{ width:100%; text-align:center; }
.ic_chartImg img{ display:block; margin:auto; height:auto; width:100%; max-width:700px; }

.ic_faqsContent{ width:100%; padding:20px; }
.ic_faqsContent ul li{ padding-bottom:15px; }
.ic_faqsContent ul li h3{ padding-bottom:8px; color:#3c3c3c; font-weight:500; font-size:20px; line-height:1.5em; }
.ic_faqsContent ul li p{ padding-bottom:15px; color:#3c3c3c; font-weight:400; font-size:16px; line-height:1.5em; }




.ic_testCases_result_popup .popup_auto{ max-width:1100px; }

.ic_cases_result_tables_row{ width:100%; padding-bottom:20px; }
.ic_cases_result_tablesMain{ width:50%; float:left; padding-right:40px; padding-bottom:20px; }
.ic_cases_result_tablesMain:last-child{ padding-right:0px; }

.ic_cases_result_tablesMain h2{ padding-bottom:10px; color:#232323; font-weight:500; font-size:20px; line-height:1.5em; }

.ic_cases_result_table{ width:100%; overflow-y:hidden; overflow-x:auto;}

.ic_cases_result_tablesMain table {  border-collapse: collapse;  width: 100%; }

.ic_cases_result_tablesMain table td,
.ic_cases_result_tablesMain table th { border: 1px solid #ddd;  padding: 6px 12px; }

.ic_cases_result_tablesMain table tr:nth-child(even) { background-color: #f2f2f2 }

.ic_cases_result_tablesMain table tr:hover { background-color: #ddd }

.ic_cases_result_tablesMain table th { padding-top:8px; padding-bottom:8px; text-align:left; background-color:#4d8c40; font-weight:400; color:#fff }

.ic_cases_result_steps{ width:100%; padding-bottom:10px;  }
.ic_cases_result_steps h3{ padding-bottom:10px; color:#232323; font-weight:500; font-size:18px; line-height:1.5em; }
.ic_cases_result_steps ul li{ font-size:14px; position:relative; line-height:1.5em; color:#3c3c3c; padding-left:22px; }
.ic_cases_result_steps ul li:before{ width:6px; height:5px; content:""; position:absolute; left:0px; top:7px; background:#3c3c3c; }


.ic_calc_form{ width:100%; padding-bottom:40px;  }
.ic_calc_form ul li{ width:100%; display:flex; align-items:center; padding-bottom:10px; }
.ic_calc_form_title{ padding-right:15px; width:310px; }
.ic_calc_form_field{ padding-right:30px; width:170px; flex-shrink: 0; }
.ic_calc_form_info{ padding-right:15px; width:100%; }

.ic_calc_form ul li strong{ display:block; font-size:16px; line-height:1.5em; color:#3c3c3c; }
.ic_calc_form ul li p{ display:block; font-size:16px; line-height:1.5em; color:#3c3c3c; }
.ic_show_information .ic_rulesOfInheritence_content b{font-weight: bold;}
.ic_show_information .ic_rulesOfInheritence_content p{padding-bottom: 20px;}
.ic_show_rulesOfInheritence .ic_rulesOfInheritence_content ul li{padding-bottom: 20px;}





.ih_read_quran_header .trending_header_left ul li h3{ color:#fff; }

.song-title, .song-timer, .fa-volume-up{ opacity:0; visibility:hidden; display:none; }

.quranSurahInfo_content{ padding-top:0px !important; }
.quranSurahInfo_content .ih_read_stick_header{ position:relative !important; background:#4d8c40 !important; margin:0px !important; }
.quranSurahInfo_content .ih_read_section{ padding-top:12px; }

.quranSurahInfo_data_main{ margin-top:12px; background:#fff; padding:15px 15px 15px 200px; border-radius:6px; position:relative;  }

.quranSurahInfo_data_img{ width:100%; max-width:200px; position:absolute; left:0px; top:0px; padding:15px 25px;  }
.quranSurahInfo_data_img span{ display:block; width:100%;  }
.quranSurahInfo_data_img span img{ max-width:none; width:100%; height:autoa; display:block; }

.quranSurahInfo_facts_right{ width:100%; }

.quranSurahInfo_top_header { width: 100%; padding-bottom: 15px; margin-bottom: 15px;  border-bottom: 1px solid #e6e6e6; }

.quranSurahInfo_top_header h2 {  color: #2b2b2b; font-size:26px;  line-height: 1.2em; font-weight: 500; padding-bottom:4px;  width: 100%; }

.quranSurahInfo_top_header h2 strong { color: #4d8c40;     font-weight: bold !important; letter-spacing: 1px; }

.quranSurahInfo_top_header p { display: block; color:#3c3c3c; font-size: 16px; line-height: 1.2em; font-weight: 400; }
.quranSurahInfo_top_header p strong{ font-weight:500; }

.quranSurahInfo_data_detail { width: 100%; font-size: 16px; }

.quranSurahInfo_data_detail p { font-size: 16px; line-height: 1.5em; color: #3c3c3c; padding-bottom: 20px; }

.quranSurahInfo_data_detail a { color: #4d8c40; font-weight: 700; }

.quranSurahInfo_data_detail em { color:#4d8c40; }

.quranSurahInfo_data_detail a:hover { text-decoration: underline; }

.quranSurahInfo_data_detail h4, .quranSurahInfo_data_detail h2 {  color: #3c3c3c; font-size: 18px; line-height: 1.2em; font-weight: 700; padding-bottom: 10px; width: 100%;  }


.quranSurahView_backBtn.all_buttons{ padding-top:5px; padding-bottom:5px; }



.paraView_header_titleTop{ width:100%; text-align:center; padding-bottom:20px; padding-top:10px; }
.paraView_header_titleTop_img{ display:block; width:100%; max-width:190px; margin:auto; padding-bottom:20px; }
.paraView_header_titleTop_img img{ display:block; width:100%; height:auto; margin:auto; max-width:none;  }

.parahView_readBtn.all_buttons { display:inline-block;  min-width: 150px; padding: 8px 15px 7px 40px;  font-size: 16px; border-radius: 1px;  background: url(../images/quran_new_icon_green.svg) no-repeat 15px 6px;  background-size: 17px auto !important;  background-color: #fff;  color: #3d7e41;  width:auto; transition:all 0.1s ease; }

.parahView_readBtn.all_buttons:hover {  /*background: url(../images/quran_new_icon.svg) no-repeat 15px 4px;*/  background-color: #f4f4f4;  }

.all_buttons.ih_searchFilter_btn{ border-radius:3px; padding-left:32px;  background: url(../images/search_white.svg) no-repeat 10px center;  background-size: 16px auto !important; background-color: #3d7e41 !important;   }

.all_buttons.ih_searchFilter_btn:hover{  background-color: #616161 !important; }

.paraView_header_new{ padding-bottom:20px; }


.ih_surahJuz_main{ background:#4d8c40; }
.ih_surahJuz_content{ width:100%; background:#4d8c40;  }


.ih_surahJuz_tabs_title{ width:100%; padding-bottom:40px; text-align:center; font-size:0px; position:relative; }
.ih_surahJuz_tabs_title ul{ display:inline-block; vertical-align:top; background:#f4f4f4; border-radius:24px; padding:4px;  }
.ih_surahJuz_tabs_title li{ display:inline-block; vertical-align:top; }
.ih_surahJuz_tabs_title li a{ padding:10px 22px; display:flex; justify-content:space-between;   color:#1a1a1a; font-size:18px; line-height:1.4em; font-weight:500; min-width:230px; position:relative; transition:all 0.175s ease-in-out;border-radius:24px;   }
.ih_surahJuz_tabs_title li a strong{ padding-left:40px; font-weight:700;  }

/*.ih_surahJuz_tabs_title li a:before{  width:18px; height:18px; border-radius:2px; content:"";  position:absolute; left:50%; margin-left:-9px; bottom:-6px; transform:rotate(45deg); z-index:1; opacity:0; background:#6fa264;  transition:all 0.175s ease-in-out;  }*/

.ih_surahJuz_tabs_title li a:hover{ opacity:0.5;   }
.ih_surahJuz_tabs_title li a.active{ background:#4d8c40; color:#fff; opacity:1; }
/*.ih_surahJuz_tabs_title li a.active:before{ opacity:1; background:#4d8c40; display:block;    }*/

.ih_surahJuz_tabs_show{ width:100%; padding-bottom:30px; display:none;  }

.ih_surahJuz_surahList{ width:100%; }
.ih_surahJuz_surahList ul{    display: grid; grid-column-gap: 12px; -moz-column-gap: 12px;  column-gap: 12px; grid-row-gap: 12px; row-gap: 12px; grid-template-columns: repeat(4,1fr); }

.ih_surahJuz_surahList ul li{ position:relative; }


.ih_surahJuz_surah_card{ width:100%; display:block; position:relative;   border:1px solid #f4f4f4; background:#f4f4f4; border-radius:3px; height:100%; transition:all 0.175s ease; }
.ih_surahJuz_surah_link{ display:block; width:100%; padding:15px 15px 10px 15px; color:#1a1a1a; position:relative; transition:all 0.175s ease;  }
.ih_surahJuz_surah_link small{ display:block; width:100%; font-size:16px; }
.ih_surahJuz_surah_link strong{ display:block; font-size:20px; padding-bottom:4px; line-height:1.7em; }
.ih_surahJuz_surah_link strong b{ display:inline-block; vertical-align:top; padding-left:10px; font-weight:700; color:#4d8c40;}
.ih_surahJuz_surah_type{ display:inline-block; vertical-align:top; padding-right:32px; background:url(../images/khana_kaba.png) no-repeat center center; background-size:28px auto;}

.ih_surahJuz_surah_type.surah_madni{  background:url(../images/ghumbade_khizra.png) no-repeat center center; background-size:30px auto; }

.ih_surahJuz_infoAud .ih_surahJuz_surah_type{ height:30px; float:left; width:30px; padding:0px; margin-right:10px; }


.surahJuzNumber{ width:42px; height:100%; border-right:1px solid #4d8c40; position:absolute; left:0px; top:0px; background:#f4f4f4; border-radius:3px 0px 0px 3px; /*display:flex;*/ align-items:center; justify-content:center; color:#4d8c40; font-size:16px; font-weight:700; transition:all 0.175s ease; display:none;  }
.surahJuzNumber em{ font-style:normal; }



.ih_surahJuz_infoAud{ width:100%; position:relative;  padding-left:14px; padding-bottom:10px; z-index:2; padding-right:40px; }

.ih_surahJuz_infoIcon{ width:30px; height:28px; margin-top:2px; display:block; float:left; margin-right:15px; background:url(../images/ic_info_icon.svg) no-repeat center center; background-size:22px auto;  }

.ih_surahJuz_infoAud .ih_read_audio_btn{ left:initial !important; right:10px; top:3px !important; margin:0px !important; width:26px !important; height:26px !important; min-height:26px !important;  }
.ih_surahJuz_infoAud .song-main-info, .ih_surahJuz_infoAud .iru-tiny-player{ width:22px !important; height:22px !important; min-height:22px !important; }
.ih_surahJuz_infoAud .icon.fa-play, .ih_surahJuz_infoAud .icon.fa-pause{ width:22px !important; height:22px !important; background-size:8px auto !important; min-width:0px !important;  }
.ih_surahJuz_infoAud .icon.fa-play{ background-position: 8px center !important; }



.ih_surahJuz_surahList ul li:hover .ih_surahJuz_surah_card, .ih_surahJuz_surahList ul li.active .ih_surahJuz_surah_card{ border-color:#ffffff; background-color:#ffffff;}
.ih_surahJuz_surahList ul li:hover .surahJuzNumber, .ih_surahJuz_surahList ul li.active .surahJuzNumber{ background:#4d8c40; border-color:#4d8c40; color:#fff; }




.ih_surahJuz_paraList{ width:100%; }
.ih_surahJuz_paraList_ul{ -moz-columns: 290px 3; columns: 290px 3;  }

.ih_surahJuz_paraList_li{ position:relative; background-color: #fff;
    border-radius: 3px;
    padding: 0px 8px 0;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin: 15px auto;
    -moz-column-break-inside: avoid;
    break-inside: avoid-column; }
	.ih_surahJuz_paraList_li:first-child{ margin-top:0px; }


.ih_surahJuz_para_box{ width:100%; padding:10px;  border-radius:3px; transition:all 0.175s ease; margin-bottom:6px; }

.surahJuzNumber_has_sign em{ width:18px; height:25px; display:block;  background:url(../images/surahJuz_juzSign0.svg) no-repeat center center; background-size:100% 100% !important; }

 .ih_surahJuz_para_box .ih_surahJuz_surah_card{ margin-bottom:10px; }
 .ih_surahJuz_para_box .ih_surahJuz_surah_card:last-child{ margin-bottom:0px; }



.ih_surahJuz_para_title{ width:100%; padding-bottom:10px;  }
.ih_surahJuz_para_title a{ display:block; font-weight:500; position:relative; padding:0px 0px 0px 0px; color:#1a1a1a; font-size:18px; transition:all 0.175s ease; line-height: 1.7em   }
.ih_surahJuz_para_title a em{ display:none; min-width:30px; height:40px; position:absolute; left:0px; top:-2px; text-align:center; line-height:40px; font-size:14px; color:#454545; font-weight:700; font-style:normal;  background:url(../images/ih_surahJuz_para_title_icon0.svg) no-repeat center center; background-size:100% 100% !important;  }
.ih_surahJuz_para_title a strong{   padding-left:10px; font-family: 'QuranFont';
    font-weight: bold !important;
    line-height: 1.2em !important;
    word-spacing: 8px;
    direction:rtl; }



/*.ih_surahJuz_paraList_li:hover .ih_surahJuz_para_box, .ih_surahJuz_paraList_li.active .ih_surahJuz_para_box{ background:#4d8c40; }
.ih_surahJuz_paraList_li:hover .ih_surahJuz_para_title a, .ih_surahJuz_paraList_li.active .ih_surahJuz_para_title a{ color:#fff; }
.ih_surahJuz_paraList_li:hover .ih_surahJuz_para_title a em, .ih_surahJuz_paraList_li.active .ih_surahJuz_para_title a em{ color:#fff;  background:url(../images/ih_surahJuz_para_title_icon1.svg) no-repeat center center; }*/



/*.ih_surahJuz_paraList_li .ih_surahJuz_surah_card:hover .surahJuzNumber, .ih_surahJuz_paraList_li .ih_surahJuz_surah_card.active .surahJuzNumber{ background:#4d8c40; border-color:#4d8c40; color:#fff; }
.ih_surahJuz_paraList_li .ih_surahJuz_surah_card:hover .surahJuzNumber:after, .ih_surahJuz_paraList_li .ih_surahJuz_surah_card.active .surahJuzNumber:after{ display:block; content:""; width:1px; height:100%; position:absolute; right:1px; top:0px; background: #fff; transition:all 0.175s ease;  }
.ih_surahJuz_paraList_li .ih_surahJuz_surah_card:hover .surahJuzNumber em{   background:url(../images/surahJuz_juzSign1.svg) no-repeat center center; }*/

.ih_surahJuz_paraList_li.active .ih_surahJuz_para_title a{ color:#fff; }



.ih_surahJuz_paraList_li .ih_surahJuz_surah_card:hover{ background:#fff; border-color:#3e8042; }
.ih_surahJuz_paraList_li .ih_surahJuz_surah_card.active{ background:#fff; border-color:#3e8042; }
.ih_surahJuz_paraList_li .ih_surahJuz_surah_card.surah_readed{ background:#f4f4f4; border-color:#3e8042; }



 .popHeader_iconTicClose{ padding-top:24px; padding-bottom:8px; padding-left:50px; padding-right:50px; position:relative;}
.popHeader_iconTicClose strong{  text-align:center; }
 .popHeader_iconTicClose:before{ width:40px; height:40px; content:""; position:absolute; left:50%; top:0px; margin-left:-20px; margin-top:-20px; border-radius:50%; background-color:#4d8c40 !important; display:block;  background:url(../images/ih_read_topIcon_white.svg) no-repeat center center;  background-size:18px auto !important; }

.ih_read_search .popHeader_iconTicClose:before{ background:url(../images/ih_read_topIcon2_white.svg) no-repeat center center; }

.popHeader_tickIcon{ width:40px; height:40px;  position:absolute; left:15px; top:8px; border-radius:50%; display:block;  background:url(../images/tick.svg) no-repeat center center;  background-size:20px auto !important; }
.popHeader_tickIcon:hover{ background-color: #f4f4f4 !important; }

  .popHeader_closeIcon{ width:40px; height:40px;  position:absolute; right:15px; top:8px; border-radius:50%; display:block;  background:url(../images/cross.svg) no-repeat center center;  background-size:15px auto !important; }
.popHeader_closeIcon:hover{ background-color: #f4f4f4 !important; }



.ih_quran_search_popup_main .ih_read_search{ display:block !important; height: 0px; overflow:hidden;}
.ih_quran_search_popup_main .popup_overlay{ display:none; }
.ih_quran_search_popup_main .popup_auto{  width: 100%; padding:0px; max-width:600px; position:fixed; transition: all 0.6s ease; display: block !important; z-index: 9999; left: 50%; top: initial; bottom: -100%; overflow:initial !important; max-height:none !important; transform: translate(-50%, 0%); }

.ih_quran_search_popup_main.active .popup_auto{ bottom:0px; }
.ih_quran_search_popup_main.active .ih_read_search{ height:100%; }
.ih_quran_search_popup_main.active .popup_overlay{ display:block; }
.ahadis_book_top_title{color:white;}
.ahadis_book_title_number{color: #3C3C3C; }


/********/
.paraView_popular{width:40px; height:40px;  position:absolute; right:0px; top:6px; border-radius:50%; display:block;  background:url(../images/popular_unfill_green.svg) no-repeat center center;  background-size:18px auto !important; background-color:#f4f4f4 !important; cursor:pointer; }
.paraView_popular.active, .paraView_popular:hover{  background:url(../images/popular_fill_green.svg) no-repeat center center;  }

.popular_searches_popup .popHeader_iconTicClose:before{ background:url(../images/popular_unfill_white.svg) no-repeat center center; }
.popular_searches_popup .ih_read_setting_popup{ max-width:590px; }

.popularSearches_tags{ width:100%; }
.popularSearches_tags ul{ font-size:0px; margin:0px -8px; }
.popularSearches_tags ul li{ display:inline-block; vertical-align:top; text-align:center; font-size:16px; padding:0px 8px 15px 8px;  }


.popularSearches_tags ul li a {padding: 5px 15px 5px 15px; display: block;background-color: #fff;border-radius: 3px;border: 1px solid #3c3c3c;color: #3c3c3c;font-size: 15px;
-webkit-transition: all 0.175s ease;-moz-transition: all 0.175s ease;-o-transition: all 0.175s ease;-ms-transition: all 0.175s ease;transition: all 0.175s ease; }
.popularSearches_tags ul li a:hover, .popularSearches_tags ul li a.active { background-color: #3d7e41; border-color: #3d7e41; color: #fff; }



.ih_read_audio_btn.customAudioPlayer{ background: url(../images/circle_play.svg) no-repeat center center !important; background-size: 12px auto !important;}
.ih_read_audio_btn.customAudioPlayer:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; background: url(../images/circle_play.svg) no-repeat 8px center !important; background-size: 12px auto !important; }
.ih_read_audio_btn.customAudioPlayer:before { width:26px; height:26px; top:50%; margin-top:-12px; background-color: #f4f4f4 !important; border-radius:50%;   }
.ih_read_audio_btn.customAudioPlayer.pauseBtn:before {background: url(../images/circle_pause.svg) no-repeat center center !important; background-color: #4d8c40 !important; }
.quranAudio{ opacity:0; visibility:hidden; }



.ih_surahJuz_infoAud .ih_read_audio_btn.customAudioPlayer:before, .ih_surahJuz_infoAud .ih_read_audio_btn.customAudioPlayer{  width:30px; height:30px; background-size:14px auto !important;     background-position: 10px center !important; background-color: transparent !important; }
.ih_surahJuz_infoAud .ih_read_audio_btn.customAudioPlayer{ background:none !important; }
.ih_surahJuz_infoAud .ih_read_audio_btn.customAudioPlayer.pauseBtn:before {background: url(../images/circle_pause_green.svg) no-repeat center center !important;  background-size:16px auto !important; background-position: center center !important; background-color: transparent !important;  }


.kalma_audios_cell .iru-tiny-player{    top: 40px !important; left: 50% !important;  margin-left: -13px !important; }

.kalma_audios_player .icon.fa-play{ background-position: center center !important;  border: 0px none !important; }
.kalma_audios_player .icon.fa-pause{background-position: center center !important;    border: 0px none !important; }
.ih_read_stick_header {  position: fixed; margin-top: -22px; }

.helpUsPage_titleImg{ width:100%; text-align:center; padding-bottom:20px; padding-top:20px; }
.helpUsPage_titleImg span{ display:block; width:100%; max-width:150px; margin:auto;   }
.helpUsPage_titleImg img{ display:block; width:100%; height:auto; margin:auto; max-width:none;  }



/********************v4 style start here*********************/

.menu_main_row ul li a.tv_liveMenuBtn i img{ max-width:60px; }

.liveTv_headIcon{ width:40px; display:inline-block; }


.prayer_rakat_list ul li a i.tv_lb_makah {  background: url(../images/khana_kaba.png) no-repeat center center; background-size:40px auto; }
.prayer_rakat_list ul li a i.tv_lb_madina {  background: url(../images/ghumbade_khizra.png) no-repeat center center; background-size:40px auto; }

.liveTv_content{ padding:20px; width:100%; }
.liveTv_topImg{ width:100%; display:block; max-width:100px; margin:auto; }
.liveTv_content h4{ text-align:center; font-weight:500; color:#151515; font-size:16px; padding:10px 0px 30px 0px; }


.tv_streaming_section{ width:100%; text-align:center;  }
.tv_streaming_section iframe{ width:100% !important; display:block; max-width:none; outline:none; border:0px none;}


.mosqueNearby_list_content{ width:100%; }

.mosqueNearby_list{ width:100%; }
.mosqueNearby_list ul{ font-size:0px; margin:0px -4px; }
.mosqueNearby_list ul li{ width:50%; display:inline-block; vertical-align:top; font-size:16px; padding:0px 4px 8px 4px; }

.mosqueNearby_list_box{ width:100%; background:#fff;  }
.mosqueNearby_box_icon{ display:block; width:70px; height:100%; position:absolute; left:0px; top:0px; background: url(../images/menu_icons/mosque_location.svg) no-repeat center center;background-size:34px auto;}

.mosqueNearby_box_link{ display:block;  padding:18px 70px; position:relative; color:#1d1d1d; font-size:16px; border:1px solid #fff; transition:all 0.175s ease;  }
.mosqueNearby_box_link strong{ display:block; padding-bottom:4px; font-weight:500; }

.mosqueNearby_box_location { display:block; color: #3c3c3c; font-weight: 400; font-size: 14px; line-height: 20px; padding-left: 25px;  margin-bottom: 8px; background: url(../images/location_gray.png) no-repeat left 2px;background-size: 14px auto; }

.mosqueNearby_box_distance{   max-width:60px; position:absolute; right:0px; top:50%; transform: translateY(-48%); display:block; width:100%;  background: url(../images/mosquerNb_distance_icon.svg) no-repeat top center;background-size:24px auto; padding-top:30px; text-align:center; color:#3c3c3c; font-size:12px; }


.mosqueNearby_box_link:hover, .mosqueNearby_box_link.active{ border:1px solid #4d8c40; }

.mosqueNearby_map{ width:100%; position:relative; }

.mosque_map_popup { position: absolute; left: 20px; top: 65px; background: #fff;  z-index: 223; box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.39); overflow-y: auto;  overflow-x: hidden; width: 100%; max-width: 240px; padding: 12px; }

.mosque_map_popup_inner {  width: 100%; display: block; max-width:280px; }

.mosque_map_popup_inner strong{ display:block; color:#1d1d1d; padding-left:46px; font-size:18px; padding-bottom:6px; min-height:34px;  background: url(../images/menu_icons/mosque_location.svg) no-repeat left 0px;background-size:34px auto; font-weight:500; }
.mosque_map_popup_inner span { display:block; color: #3c3c3c; font-weight: 400; font-size: 14px; line-height: 20px; padding-left: 25px;  margin-bottom: 8px; background: url(../images/location_gray.png) no-repeat left 2px;background-size: 14px auto; }



.socialFeed_inner{ width:100%; padding:15px 0px; }

.socialFeed_left{ width:100%; max-width:260px; background:#FFF; position:fixed; overflow-y:auto; max-height:calc(100vh - 100px);  }

.socialFeed_leftInner{ width:100%; padding:10px 0px 0px 0px;   }

.socialFeed_filter{ width:100%;  }

.socialFeed_leftInner h3{ font-size:18px; line-height:1.5em; color:#212121; font-weight:500; padding:0px 10px 15px 10px; }
.socialFeed_filter ul{  padding:0px 10px 0px 10px; border-bottom:3px solid #f9f9f9; margin-bottom:10px;  }
.socialFeed_filter ul li{ width:100%; padding-bottom:15px; }
.socialFeed_filter ul li a{ font-size:14px; line-height:1.5em; color:#3c3c3c; display:block; padding-left:34px; }
.socialFeed_filter ul li a.socialFeed_typeLb_all{ background: url(../images/socialFeed_lb_icon0.svg) no-repeat left 0px;background-size: auto 20px;  }

.socialFeed_filter ul li a.socialFeed_typeLb_images{ background: url(../images/socialFeed_lb_icon1.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_audio{ background: url(../images/socialFeed_lb_icon2.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_videos{ background: url(../images/socialFeed_lb_icon3.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_text{ background: url(../images/socialFeed_lb_icon4.svg) no-repeat left 0px;background-size: auto 20px;  }


.socialFeed_filter ul li a:hover{ color:#4d8c40; }
.socialFeed_filter ul li a.active{ color:#4d8c40; }
.socialFeed_filter ul li a.socialFeed_typeLb_all:hover, .socialFeed_filter ul li a.socialFeed_typeLb_all.active{ background: url(../images/socialFeed_lb_icon0_hov.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_images:hover, .socialFeed_filter ul li a.socialFeed_typeLb_images.active{ background: url(../images/socialFeed_lb_icon1_hov.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_audio:hover, .socialFeed_filter ul li a.socialFeed_typeLb_audio.active{ background: url(../images/socialFeed_lb_icon2_hov.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_videos:hover, .socialFeed_filter ul li a.socialFeed_typeLb_videos.active{ background: url(../images/socialFeed_lb_icon3_hov.svg) no-repeat left 0px;background-size: auto 20px;  }
.socialFeed_filter ul li a.socialFeed_typeLb_text:hover, .socialFeed_filter ul li a.socialFeed_typeLb_text.active{ background: url(../images/socialFeed_lb_icon4_hov.svg) no-repeat left 0px;background-size: auto 20px;  }




.socialFeed_lb_popular ul{  padding:0px 0px 0px 0px; margin-bottom:10px;  }
.socialFeed_lb_popular ul li{ width:100%; padding:10px 10px 10px 10px;  border-bottom:2px solid #f9f9f9; display:flex; align-items:center; justify-content:space-between; }
.socialFeed_lb_popular ul li a{ display:block; color:#4d8c40; font-size:13px; line-height:1.5em; }
.socialFeed_lb_popular ul li a:hover{ text-decoration:underline; }
.socialFeed_lb_popular ul li strong{ display:block; color:#070707; font-size:13px; text-align:right; line-height:1.5em; padding-left:10px; min-width:70px; }




.feed_post_content{ width:100%; padding:0px 270px;  }

.feed_post{ width:100%; background:#fff; padding:12px 12px 0px 12px; border:1px solid #f2f2f2; margin-bottom:10px; }

.feed_post_head{ padding-bottom:12px; min-height:36px; position:relative; padding-left:46px;   }
.feed_post_avatar{ width:36px; height:36px; border-radius:50%; overflow:hidden; position:absolute; left:0px; top:0px; background:#f2f2f2; }
.feed_post_avatar img{ max-width:none; width:100%; height:100%; display:block; object-fit: cover; }

.feed_post_head strong{ display:block; font-size:16px; color:#3c3c3c; font-weight:500; line-height:1.3em; }
.feed_post_head small{ display:block; font-size:12px; color:#3c3c3c; font-weight:500; line-height:1.5em; }
.feed_post_head small em{ font-style:normal; font-weight:500; color:#3f8143; }



.feedPost_data{ width:100%; padding-bottom:15px; }

.feedPost_data p{ font-size:18px; color:#3c3c3c; padding-top:15px; }
.feedPost_data p a{  color:#3f8143;  }
.feedPost_data p a:hover{ text-decoration:underline; }

.feedPost_data div{ font-size:18px; color:#3c3c3c; padding-top:15px; }
.feedPost_data div a{  color:#3f8143;  }
.feedPost_data div a:hover{ text-decoration:underline; }


.feePost_img{ width:100%; }
.feePost_img img{ width:auto; height:auto; min-width:100%; object-fit: cover;/* max-height:500px;*/}



.feedPost_footer{ width:100%;  }

.feedPost_footer ul{ display:flex; align-content:center; justify-content:center;margin:0px -12px;  border-top:1px solid #f1f1f1; }
.feedPost_footer ul li{ padding:0px 10px; width:50%; text-align:center;}
.feedPost_footerBtn{ padding:10px 10px 10px 32px; display:inline-block; font-size: 14px; ine-height: 24px; color: #3c3c3c;  }

.feedPost_footerBtn.feedPost_likes{ background: url(../images/likeIcon.svg) no-repeat left 10px; background-size: 19px auto; }
.feedPost_footerBtn.feedPost_shares{ background: url(../images/sharesIcon.svg) no-repeat left 11px; background-size: 19px auto; }
.feedPost_footerBtn.feedPost_makeDua{ background: url(../images/feedPost_makeDua_icon.svg) no-repeat left 11px; background-size: 25px auto; }


.feedPost_footerBtn:hover{ color:#3f8143; }
.feedPost_footerBtn.active{ color:#3f8143; }
.feedPost_footerBtn.feedPost_likes:hover{ background: url(../images/likeIcon_hov.svg) no-repeat left 10px; background-size: 19px auto; }
.feedPost_footerBtn.feedPost_shares:hover{background: url(../images/sharesIcon_hov.svg) no-repeat left 11px; background-size: 19px auto; }
.feedPost_footerBtn.feedPost_makeDua:hover{background: url(../images/feedPost_makeDua_icon_hov.svg) no-repeat left 11px; background-size: 25px auto; }

.feedPost_footerBtn.feedPost_likes.active{ background: url(../images/like_fill.svg) no-repeat left 10px; background-size: 19px auto;}
.feedPost_footerBtn.feedPost_shares.active{ background: url(../images/share_fill.svg) no-repeat left 11px; background-size: 19px auto;}
.feedPost_footerBtn.feedPost_makeDua.active{ background: url(../images/dua_fill.svg) no-repeat left 6px; background-size: 25px auto;}



.feePost_video video{ display:block; width:100%; height:auto;  max-height:500px; background:#f9f9f9;  }


.socialFeed_audio_main{ width:100%; padding-top:15px; }
.socialFeed_audio_btn_main{ width:100%; padding-left:60px; position:relative; }

.socialFeed_audio_player{ background:#f2f2f2; min-height:50px;  }

.socialFeed_audio_btn{ width:50px; height:50px; border-radius:50%;  display:block; position:absolute; left:0px; top:0px; background: url(../images/circle_play.svg) no-repeat 18px center !important;  background-size: 18px auto !important; background-color:#f4f4f4  !important; }

.socialFeed_audio_btn i{ display:block; cursor:pointer; width:100%; height:100%; position:absolute; left:0px; top:0px; }
.socialFeed_audio_btn i.socialFeed_audio_pause{ display:none; }

.socialFeed_audio_btn.active{  background: url(../images/circle_pause.svg) no-repeat center center !important;  background-size: 18px auto !important; background-color:#3f8143  !important; }

 .socialFeed_audio_btn.active i.socialFeed_audio_play{ display:block; }
 .socialFeed_audio_btn.active i.socialFeed_audio_pause{ display:block; }

.socialFeed_header_mob{ display:none; }


.khatamUlQuran_content{ width:100%; max-width:800px; margin:auto; padding:20px 15px; text-align:center; background:#fff; }
.khatamUlQuran_logo{ width:100%; max-width:200px; margin:auto; padding-bottom:30px; }

.khatamUlQuran_logo img{ max-width:none; width:100%; height:auto; display:block; margin:auto; }
.khatamUlQuran_content p{ max-width:580px; margin:auto; font-size:18px; line-height:1.5em; color:#3c3c3c; padding-bottom:20px; }
.khatamUlQuran_content h3{ font-size:22px; line-height:1.5em; color:#3c3c3c; padding-bottom:20px; font-weight:700; }
.khatamUlQuran_fields{ width:100%; max-width:400px; margin:auto; padding-bottom:24px;  }
.khatamUlQuran_fields ul{ display:flex; justify-content:space-between; align-items:center; }
.khatamUlQuran_fields ul li{ width:33%; display:inline-block; vertical-align:top; border-top:4px solid #3e8042; border-bottom:4px solid #3e8042; }
.khatamUlQuran_fields ul li select{ padding:20px 10px; width:100%; display:block; text-align:center; color:#3c3c3c; font-size:22px; appearance: none;}
.khatamUlQuran_content .all_buttons{ max-width:300px; margin:auto; width:100%; display:block; margin-bottom:20px; }




.khtmQuran_lastRead_row{ width:100%; background:#fff; margin-bottom:10px; }
.khtmQuran_lastRead_row ul{ display:flex; align-content:center; justify-content:stretch; }
.khtmQuran_lastRead_row ul li{ width:250px; border-left:2px solid #f9f9f9;  }
.khtmQuran_lastRead_row ul li:first-child{ width:100%; border-left:0px none;  }

.khtmQuran_lastRead_box{ padding:15px; max-width:700px; width:100%; height:100%; }

.khtmQuran_lastRead_box p{ font-size:20px; line-height:1.5em; color:#3c3c3c; }
.khtmQuran_lastRead_box p strong{ color:#3e8042; font-weight:500; padding-left:5px; }
.khtmQuran_lastRead_box span{ display:block; font-size:18px; line-height:1.5em; color:#3c3c3c; }
.khtmQuran_progress{ height:18px; border-radius:18px; background:#e7e7e7; width:100%; position:relative; overflow:hidden; margin:8px 0px ; }
.khtmQuran_progressBar{ height:100%; position:absolute; left:0px; top:0px; background:#3e8042;  border-radius:18px; }




.khtmQuranMenu_main_box{ width:100%; height:100%; display:flex; align-items:center; padding:10px; font-size:14px; color:#626262; font-weight:500; -webkit-transition: all 0.175s ease; -moz-transition: all 0.175s ease; -o-transition: all 0.175s ease; -ms-transition: all 0.175s ease; transition: all 0.175s ease; text-align:center; }

.khtmQuranMenu_main_box span{ text-align:center; width:100%; display:block; }

.khtmQuranMenu_main_box i{ display:block; height:60px; }
.khtmQuranMenu_main_box i img{ max-width:44px; max-height:44px; min-width:28px; display:block; margin:auto; -webkit-transition: all 0.175s ease; -moz-transition: all 0.175s ease; -o-transition: all 0.175s ease; -ms-transition: all 0.175s ease; transition: all 0.175s ease; }

.khtmQuranMenu_main_box em{ display:block; font-style:normal; }

.khtmQuranMenu_main_box i.submenu_icon_active{ display:none; }

.khtmQuranMenu_main_box:hover, .khtmQuranMenu_main_box.active{   background:#f4f4f4; box-shadow:0px 0px 22px rgba(0,0,0,0.17); position:relative; z-index:2; }
/*.khtmQuranMenu_main_box:hover i.submenu_icon, .khtmQuranMenu_main_box.active i.submenu_icon{ display:none; }
.khtmQuranMenu_main_box:hover i.submenu_icon_active, .khtmQuranMenu_main_box.active i.submenu_icon_active{ display:block; }*/






.khatamUlQuran_readList .ih_surahJuz_para_title a strong{ float:none; }
.khatamUlQuran_readList .ih_surahJuz_para_title{ position:relative; padding-right:40px; }
.khatamUlQuran_readList .ih_surahJuz_surah_card{ padding-right:40px; }


.khatamUlQuran_check{ width:26px; height:26px; border-radius:6px; position:absolute; right:4px; top:0px;  background: url(../images/tick_gray.svg) no-repeat center center;  background-size: 14px !important;  background-color: #fff !important; }
.ih_surahJuz_para_title .khatamUlQuran_check{ background-color:#f4f4f4 !important; }
.khatamUlQuran_check input{ width:100%; height:100%; position:absolute; left:0px; top:0px; opacity:0; cursor:pointer;}
.khatamUlQuran_check.active { border-color: #3e8042 !important;  background-color: #3e8042 !important; color: #3d7e41; background: url(../images/tick_white.svg) no-repeat center center; }

.ih_surahJuz_surah_card:hover .khatamUlQuran_check, ih_surahJuz_surah_card.active .khatamUlQuran_check{ background-color:#f4f4f4 !important;  }
.ih_surahJuz_surah_card:hover .khatamUlQuran_check.active, ih_surahJuz_surah_card.active .khatamUlQuran_check.active{ background-color:#3e8042 !important;  }

.ih_surahJuz_infoAud .khatamUlQuran_check{ right:-30px; }


.ih_surahJuz_surah_card .khatamUlQuran_check{ top:50%; margin-top:-15px;}


.khtmQuran_profileInfo{ position:relative; padding-left:160px; padding-top:20px; padding-bottom:20px; height:100%; display:flex; flex-wrap:wrap; justify-content:flex-start; align-content:center; min-height:120px; }

.khtmQuran_profileImg{ width:140px; height:100%; position:absolute; left:0px; top:0px; padding:5px; background:#fff; border-radius:2px; border-right: 2px solid #f9f9f9; }
.khtmQuran_profileImg img{ max-width:none; width:100%; height:100%;  object-fit: cover; border-radius:2px;  }


.khtmQuran_profileDetail{ width:100%; }
.khtmQuran_profileDetail h4{ font-size:22px; line-height:1.5em; color:#4b8b37; font-weight:500; padding-bottom:6px; }
.khtmQuran_profileDetail p{ font-size:16px; line-height:1.5em; color:#3c3c3c; font-weight:400; padding-right:44px; display:inline-block; vertical-align:top; position:relative;  }
.khtmQuran_profileDetail p strong{ font-weight:500; color:#4d8c40;	}

.khtmQuran_profileEdit{ width:30px; height:30px; display:block; position:absolute; right:0px; top:-4px; background: url(../images/edit_icon.svg) no-repeat center center; background-size:14px auto; }


.khtmQuran_daysLeft_box{ height:100%; display:flex; flex-wrap:wrap; justify-content:center; align-content:center; min-height:120px; text-align:center;}
.khtmQuran_daysLeft_box strong{ font-size:30px; line-height:1em; color:#3c3c3c; font-weight:700; }
.khtmQuran_daysLeft_box strong span{ display:block; font-size:16px; line-height:1.5em; color:#3c3c3c; font-weight:400; }

.khtmQuran_lastRead_row.khtmQuran_chart_row ul li:first-child{ width: 250px; }
.khtmQuran_lastRead_row.khtmQuran_chart_row ul li:last-child{ width: 100%;}
.khtmQuran_lastRead_row.khtmQuran_chart_row ul li:nth-child(3){ width: 300px;}


.khtmQuran_progressChrt{ padding:15px 10px;   display:flex; flex-wrap:wrap; justify-content:center; align-content:center; min-height:120px; text-align:center; height:100%; width:100%; position: relative; }

.khtmQuran_progressChrt strong{ display:block; width:100%; font-size:30px; line-height:1em; color:#3c3c3c; font-weight:700; margin-top: -10px; }
.khtmQuran_progressChrt p{ width:100%; display:block; font-size:16px; line-height:1.5em; color:#3e8042; font-weight:400; }




.barOverflow{ /* Wraps the rotating .bar */
  position: relative;
  overflow: hidden; /* Comment this line to understand the trick */
  width: 140px; height:60px; /* Half circle (overflow) */
  margin-bottom: -14px; /* bring the numbers up */
}
.bar{
  position: absolute;
  top: 0; left: 0;
  width: 140px; height: 140px; /* full circle! */
  border-radius: 50%;
  box-sizing: border-box;
  border: 15px solid #e7e7e7;     /* half gray, */
  border-bottom-color: #3e8042;  /* half azure */
  border-right-color: #3e8042;
}


.khatamUlQuran_history_list{ width:100%; }
.khatamUlQuran_history_list ul{ font-size:0px; margin:0px -5px;  }
.khatamUlQuran_history_list ul li{ width:50%; padding:0px 5px 10px 5px; display:inline-block; vertical-align:top; font-size:16px; }

.khatamUlQuran_history_box{ padding:20px 40px 20px 66px; background:#fff; width:100%; position:relative; }

.khatamUlQuran_history_img{ width:40px; height:56px; position:absolute; left:15px; top:50%; margin-top:-30px; background: url(../images/menu_icons/quran_comp.svg) no-repeat center center; background-size:36px auto;  }
.khatamUlQuran_history_box h4{ display:block; width:100%; font-size:18px; line-height:1em; color:#1d1d1d; font-weight:500; padding-bottom:4px;   }
.khatamUlQuran_history_box span{ width:100%; display:block; font-size:16px; line-height:1.5em; color:#3c3c3c; font-weight:400; padding-left:24px;background: url(../images/khtm_datepicker_icon.svg) no-repeat left center; background-size:14px auto;  }



.khatamUlQuran_history_delete{ width:30px; height:30px; position:absolute; right:15px; top:50%; margin-top:-15px; background: url(../images/favourit_delete.svg) no-repeat center center; background-size:20px auto;  }

.khatamUlQuran_progress_mainContent .trending_header { margin-bottom:10px; }






/**************/



.gm_content{ width:100%; }

.gm_left{ width:32%; float:left; padding-left:60px; position:relative;  }

.gm_tabs{ position:absolute; left:0px; top:0px; max-width:60px; width:100%; }
.gm_tabs ul li{ width:100%; border-bottom:1px solid #f6f6f6; background:#eeeeee; }
.gm_tabs ul li a{ width:60px; height:60px; display:block; }
.gm_tabs ul li a.gm_tab1_btn{ background: url(../images/gm_lb1.svg) no-repeat center center; background-size:30px auto;}
.gm_tabs ul li a.gm_tab2_btn{ background: url(../images/gm_lb2.svg) no-repeat center center; background-size:26px auto;}
.gm_tabs ul li a.gm_tab3_btn{ background: url(../images/gm_lb3.svg) no-repeat center center; background-size:26px auto;}


.gm_tabs ul li a:hover{ background-color:#6fa264 !important; }
.gm_tabs ul li a.active{ background-color:#4d8c40 !important; }

.gm_tabs ul li a.gm_tab1_btn:hover, .gm_tabs ul li a.gm_tab1_btn.active{ background: url(../images/gm_lb1_hov.svg) no-repeat center center; background-size:30px auto;}
.gm_tabs ul li a.gm_tab2_btn:hover, .gm_tabs ul li a.gm_tab2_btn.active{ background: url(../images/gm_lb2_hov.svg) no-repeat center center; background-size:26px auto;}
.gm_tabs ul li a.gm_tab3_btn:hover, .gm_tabs ul li a.gm_tab3_btn.active{ background: url(../images/gm_lb3_hov.svg) no-repeat center center; background-size:26px auto;}

.gm_tabs_show_main{ width:100%; }
.gm_tabs_show{ width:100%; display:none; }
.gm_geeting_main{ width:100%; background:#fff; min-height:calc(100vh - 220px); }
.gm_geeting_title{ width:100%; color:#3c3c3c; text-align:center; font-size:14px; font-weight:500; border-bottom:2px solid #f9f9f9; padding:5px 10px; line-height:20px;  }

.greetings_mainContent .certificates_main_inner{ padding-bottom:0px; }
.greetings_mainContent .trending_header{ margin-bottom:4px; }
.greetings_mainContent .trending_header_right ul li{ padding-right:5px;}
.greetings_mainContent .formRow{ padding-bottom:10px; }

.gm_geetingBg_scrollable{  width:100%; min-height:200px; max-height:calc(100vh - 240px); overflow-y:auto; overflow-x:hidden;}
.gm_geeting_list{ width:100%; padding-right:1px; padding-left:1px; }
.gm_geeting_list ul li{ width:100%; border-bottom:1px solid #f9f9f9; transition:all 0.175s ease; cursor:pointer; }
.gm_geeting_list ul li:hover, .gm_geeting_list ul li.active{ background:#eeeeee; }

.gm_geeting_box{ width:100%; padding:15px; display:block; flex-wrap:wrap; align-content:center; justify-content:space-between; align-items: center; }
.gm_geeting_box strong{ display:block; font-size:15px; color:#1d1d1d; line-height:1.5em;  }
.gm_geeting_box small{display:block; font-size:12px; color:#3c3c3c; line-height:1.2em; }

.gm_geeting_box_arabic span{padding-top: 5px; display:block; font-size:18px; color:#4d8c40; line-height:1.5em; font-family: 'QuranFont';  }


.gm_right{ width:68%; float:right; background:#eeeeee; /*max-height:calc(100vh - 160px);*/ min-height:230px; overflow-y:hidden; overflow-x:hidden;  }
.gm_right_inner{ width:100%; padding:2px 15px; z-index:1; }
.gm_msg_img{ display:block; width:100%; height:auto; border:2px solid transparent; }
.gm_msg_img img{ width:100%; height:520px; display:block; margin:auto; object-fit: cover; }


.gm_right_box{ width:100%; position:relative; min-height:230px; }
.gm_msg_pos{ position:absolute;  color:#fff; left:0; top:0; display:inline-block;  border:2px solid transparent;   }
.gm_msg_pos em{ font-style:normal; padding:20px 25px;  display:inline-block; line-height: 1.2em; width:102%; word-break:break-all; margin-left:-1%; }

.gm_msg_pos.gm_msg_arabic{ font-size:50px; /*line-height:1.3em;*/ top:34%;  }
.gm_msg_pos.gm_msg_eng{ font-size:22px;/* line-height:1.3em;*/ top:58%;  }
.gm_msg_pos.gm_msg_arabic em{ line-height:1.7em;  padding:20px 50px;}

.gm_msg_logo{ left:0px; top:initial; top:88%; cursor:pointer;  }
.gm_msg_logo svg{ display:block; width:130px; height:auto; padding:15px; }


.gm_backgrounds_list{ width:100%;}
.gm_backgrounds_list ul{ font-size:0px; margin:0px -1px;}
.gm_backgrounds_list ul li{ font-size:16px; width:33.33%; display:inline-block; vertical-align:top; padding:1px; }
.gm_lb_bg_box{ width:100%; border:3px solid #fff; cursor:pointer; }
.gm_lb_bg_box img{ display:block; width:100%; height:auto; min-height:92px; object-fit: cover;}

.gm_backgrounds_list ul li:hover .gm_lb_bg_box, .gm_backgrounds_list ul li.active .gm_lb_bg_box{ border:3px solid #4d8c40; }


.gm_formating_top{ width:100%; padding:0px 15px 15px 15px; border-bottom:1px solid #f9f9f9;  }

.gm_boldItalic_row{ width:100%; }
.gm_boldItalic_row ul{ font-size:0px; margin:0px -5px;}
.gm_boldItalic_row ul li{ font-size:16px; width:auto; display:inline-block; vertical-align:top; padding:5px; }

.gm_boldItalic_btn{ width:44px; height:44px; color:#000000; display:flex; align-content:center; justify-content:center; align-items:center; background:#eeeeee; border-radius:2px; transition:all 0.175s ease; }
.gm_boldItalic_btn i{ display:block;  }

.gm_boldItalic_btn:hover{ color:#fff; background:#6fa264;}
.gm_boldItalic_btn.active{ color:#fff; background:#4d8c40;}








.gm_font_range_row .irs-single, .gm_brightness_range_row .irs-single {
    display: none !important;
}

.gm_font_range_row .irs--flat, .gm_brightness_range_row .irs--flat {
    position: relative;
}

.gm_font_range_row .irs--flat:before, .gm_brightness_range_row .irs--flat:before { content: "A" !important; font-size: 16px; font-weight: 700; line-height: 1.2em; color: #3c3c3c;
 position: absolute; left:0px; top:0px; }

.gm_font_range_row .irs--flat:after, .gm_brightness_range_row .irs--flat:after { content: "A" !important; font-size:25px; font-weight:700; line-height:1.2em; color:#3c3c3c; position:absolute; right: 0px; top: -4px; }

.gm_formating_top .form_heading strong{ padding-bottom:0px; text-align:center; padding-top:10px; margin-bottom:-18px; }


.gm_brightness_range_row .irs--flat:before{ font-size:0px; width:30px; height:20px;  background: url(../images/gm_brightness_icon1.svg) no-repeat center center; background-size:20px auto; }
.gm_brightness_range_row .irs--flat:after{ font-size:0px; width:30px; height:20px;  background: url(../images/gm_brightness_icon2.svg) no-repeat center center; background-size:20px auto; }




.gm_formating_fontsList{ width:100%;}
.gm_formating_fontsList ul{ font-size:0px; margin:0px -1px;}
.gm_formating_fontsList ul li{ font-size:16px; width:33.33%; display:inline-block; vertical-align:top; padding:1px; }
.gm_formating_fontsList a{ width:100%; border:2px solid #fff; font-size:14px; cursor:pointer; min-height:92px;  display:flex; align-content:center; justify-content:center; text-align:center; align-items:center; background:#eeeeee; color: #3c3c3c; transition:all 0.175s ease; }

.gm_formating_fontsList a:hover, .gm_formating_fontsList a.active{ border-color:#4d8c40; background:#fff; color:#4d8c40;}

.socialFeed_backBtn.all_buttons{ padding:5px !important; }

.feedPost_footer .ih_social_links ul{ margin:0px !important; }
.feedPost_footer .ih_social_links ul li{ padding:0px !important; }


.khtmQuran_profileInfo_no_user{ padding-left:20px !important; }

/*.donor_colorPicker input{ display:none; background: #f9f9f9 !important; border-radius:4px; height:12px;}*/

.drawrpallete-wrapper{ width:100% !important; display:block !important; }

.donor_colorPicker .colorPickerIcon, .clpicker_btn{ display:block !important; width:100% !important; border:1px solid #ddd !important; margin:0px !important; border-radius:4px!important; height:12px !important; background-image:none !important;}


.gm_disabled{ cursor:not-allowed; }
.gm_disabled a{ pointer-events:none; opacity:0.5;  }
.gm_invisible{ visibility:hidden; }



.current_focus{ border:2px solid #3d7e41 !important;  box-shadow: 0 0 5px #3d7e41; }
.ui-draggable{ cursor:move; }

.gm_disable_opacity{ pointer-events:none; opacity:0.3; }

.gm_boldItalic_row, .gm_font_range_row, .gm_colorPicker_range_row, .gm_formating_fontsMain{ transition:all 0.175s ease; }



.khtmQuran_lastRead_view{ display:inline-block; font-size:16px; line-height:1.5em; color:#3e8042; font-weight:400; padding-left:26px; background: url(../images/khtmQuran_viewAll.svg) no-repeat left center; background-size:18px auto; float:right;  }
.khtmQuran_lastRead_view:hover{ text-decoration:underline; }
.khtmQuran_chart_row .khtmQuran_lastRead_box{ max-width:none; }


.align_center{ text-align:center; }
.align_right{ text-align:right; }

.gm_bold em{ font-weight:700 !important; }
.gm_underline em{ text-decoration:underline !important; }
.gm_italic em{ font-style:italic !important; }

.greetings_mainContent .ih_social_links{ top:100%; left:initial; right:-30px; }
.greetings_mainContent .ih_social_links li{ padding:0px !important; width:auto !important; }


.gm_msg_arabic{ font-family: 'QuranFont'; }

.gm_right * { -webkit-user-select: none; -ms-user-select:none; user-select: none; }


.gm_colorPicker{ position:relative; z-index:223; }
.gm_colorPicker div{ display:block; width:100%; border:1px solid #ddd !important; margin:0px !important; border-radius:4px; height:12px; background-image:none !important;}
.colorpicker{ z-index:223; }


.liveTv_content_main .prayer_rakat_right, .liveTv_content_main .prayer_rakat_left{ max-height:none; }


.greetings_mainContent .trending_header{ padding-bottom:5px; padding-top:10px; }




.nav_social_feed {  width: 32px; height: 32px;  display: block; background: url(../images/nav_social_feed_icon.svg) no-repeat center center;  background-size: 16px auto !important; background-color: #4d8c40; transition: all 0.175s ease-in-out;  position: relative; border-radius: 50%; }
.nav_social_feed.active { background: url(../images/nav_social_feed_icon_active.svg) no-repeat center center; background-color: #f1f1f1; }


.feedPost_data p.quranfont{ text-align:right; font-size:20px;}


.gm_formating_main{ min-height: 200px; max-height: calc(100vh - 220px);  overflow-y: auto;   overflow-x: hidden;}


.gm_loadMore{ padding:5px 10px; text-align:center; }
.gm_loadMore a{ display:inline-block; font-weight:400; font-size:16px; color:#4b8b37; }
.gm_loadMore a:hover{ text-decoration:underline; }

.whitespace, .current_focus.whitespace{ white-space:nowrap; }
.gm_msg_eng_editable{ min-width:80px; min-height:40px; }







.ih_search_banner_main.paraView_header_new{ background:#4d8c40; border:0px none !important;  }
.paraView_header_new .ih_search_banner_inner{  background: url(../images/paraView_banner_bg.png) no-repeat right center; background-size:576px;  }
.paraView_header_new .form_heading strong{ color:#fff; }

.paraView_header_new .all_buttons.ih_searchFilter_btn{ border-radius:3px; padding-left:32px;  background: url(../images/search_green.svg) no-repeat 10px center;  background-size: 16px auto !important; background-color: #fff !important; color:#4d8c40 !important;   }

.paraView_header_new .all_buttons.ih_searchFilter_btn:hover{  background-color: #f4f4f4 !important; }



.khatamUlQuran_list_mainContent{ background:#4d8c40; }
.khtmQuran_lastRead_row{border: 1px solid #f4f4f4;}


.ih_surahJuz_paraList_li.active{ background: #2d6831; }



.khatamUlQuran_progress_mainContent .trendsGraph_icon img { max-width: 30px; max-height: 44px; }
.khatamUlQuran_progress_mainContent .trendsGraph_icon {  width: 30px; height: 34px;}


.daily_azkar_main .trending_header_left ul li h3{ overflow:initial; white-space:initial; text-overflow:initial; }







/*************quiz screens css start here***************/


.main_quiz_list{ width:100%; }
.main_quiz_list ul{ margin:0px -10px; font-size:0px;  }
.main_quiz_list ul li{ display:inline-block; font-size:16px; vertical-align:top; padding:0px 10px 20px 10px; width:25%;  }


.main_quiz_box{ width:100%; background:#fff; position:relative; transition:all 0.175s ease; border:1px solid #fff;  }
.main_quiz_box_top{ width:100%; position:relative; padding-right:80px; }
.main_quiz_img{ width:100%; }
.main_quiz_img span{ width:100%; height:148px; display:block; overflow:hidden; border-radius:0px 0px 30px 0px; }
.main_quiz_img span img{ height:100%; width:100%;  display:block; max-width:none; margin:auto; object-fit: cover; }

.main_quiz_type{ width:40px; height:40px; position:absolute; right:15px; top:10px; background:url(../images/main_quiz_normal.svg) no-repeat top center; background-size:auto 40px!important;transition:all 0.175s ease;  }

.main_quiz_type_child .main_quiz_type{  background:url(../images/quiz_kids.svg) no-repeat top center; background-size:auto 40px !important; }


.main_quiz_arrow{ width:50px; height:40px; position:absolute; bottom:15px; right:10px; background:url(../images/main_quiz_arrow.svg) no-repeat bottom center; background-size:auto 20px; }

.main_quiz_text{ width:100%; padding:12px 15px 4px 15px; transition:all 0.175s ease;  }
.main_quiz_text p{  color: #1d1d1d;  margin: 0 0 6px 0; display: -webkit-box; max-height: 3.2rem; min-height: 3.2rem; -webkit-box-orient: vertical;  overflow: hidden; -overflow: ellipsis;  white-space: normal; -webkit-line-clamp: 2; font-weight: 500;  line-height: 1.6rem; transition:all 0.175s ease;  }

.main_quiz_link{ display:block; width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:2; }


.main_quiz_box:hover, .main_quiz_box.active{ border:1px solid #4d8c40; }
.main_quiz_box:hover .main_quiz_type, .main_quiz_box.active .main_quiz_type{  background:url(../images/main_quiz_hov.svg) no-repeat top center;  }
.main_quiz_box.main_quiz_type_child:hover .main_quiz_type, .main_quiz_box.main_quiz_type_child.active .main_quiz_type{  background:url(../images/quiz_kids_active_.svg) no-repeat top center;   }



.quiz_content_main .trending_header_left ul li{ padding-right:6px; }
.quiz_content_main .trendsGraph_icon img { max-width: 30px; max-height: 44px; }
.quiz_content_main .trendsGraph_icon {  width: 30px; height: 34px;}

.quiz_ans_content_main{ width:100%; position:relative;  }

.quiz_ans_baner{ width:100%;  min-height:160px; background:url(../images/quiz_baner_bg.png) no-repeat center center; background-size:cover; }

.quiz_ans_baner_inner{ padding:30px 0px 40px 10px; }
.quiz_ans_baner_inner h2{ font-size:22px; line-height:1.5em; color:#ffffff; font-weight:700; min-height:92px; }

.quiz_ans_content{ width:100%; margin-top:-42px; }




.quiz_ans_main_row{ width:100%; display:table; table-layout:fixed; border-spacing:10px; }

.quiz_ans_left{ width:69%; background:#fff; display:table-cell; vertical-align:top; margin-left:10px; }

.quiz_ans_right{ width:31%; background-color:#fff !important; display:table-cell; vertical-align:middle; margin-left:10px;  background:url(../images/quiz_ans_list_bg.png) no-repeat left -90px bottom -160px; background-size:280px auto; }

.quiz_ans_list_row{ width:100%; padding:15px; min-height:330px; background:url(../images/quiz_ans_list_bg.png) no-repeat left -80px bottom -150px; background-size:300px auto;  }

.quiz_ans_list{ width:100%; display:none;  }

.quiz_ans_list.active{ display:block; }

.quiz_ans_question_hidden{ display:none; }


.quiz_ans_list ul li{ padding-bottom:15px; }


.quiz_ans_radio{ display:block; width:100%; position:relative; border-radius:3px; border:1px solid #d7d7d7; padding:12px 10px 12px 68px; color:#353635; font-size:16px; line-height:1.5em; background:#fff; transition:all 0.175s ease; }

.quiz_ans_radio em{ display:block; font-style:normal; width:36px; height:36px; position:absolute; left:15px; top:6px; text-align:center; line-height:36px; font-weight:700; font-size:20px; color:#343434; background:url(../images/quiz_ans_circle_normal.svg) no-repeat center center; background-size:100% 100% !important; padding-left: 1px; }
.quiz_ans_radio span{ display:block; line-height:1.5em;  }
.quiz_ans_radio input{ width:100%; height:100%; position:absolute; left:0px; top:0px; cursor:pointer; opacity:0 }

.quiz_ans_radio.active{ border-color:#9cbd9e; background:#f4fcf4;}
.quiz_ans_radio.active em{  background:url(../images/quiz_ans_circle_true.svg) no-repeat center center; }

.quiz_ans_radio.wrong{ border-color:#e22e2e; background:#ffeeee;}
.quiz_ans_radio.wrong em{  background:url(../images/quiz_ans_circle_false.svg) no-repeat center center; }


.quiz_ans_footer{ width:100%; border-top:1px solid #e7e7e7; padding:5px 15px; }
.quiz_ans_footer ul li{ width:33.33%; float:left; text-align:center; font-size:0px; }

.quiz_ans_prev, .quiz_ans_next{ width:46px; height:46px; display:block;  background:url(../images/quiz_prev.svg) no-repeat center center; background-size:auto 20px !important;  }
.quiz_ans_next{ float:right;  background:url(../images/quiz_next.svg) no-repeat center center; }


.quiz_ans_finish{ display:inline-block; vertical-align:top; padding-top:24px; margin-top:4px;  background:url(../images/quiz_finish_flags.svg) no-repeat top center; background-size:auto 20px !important; color:#353635; text-transform:uppercase; font-size:13px; line-height:1.5em; }



.quiz_ans_progress .pie_progress svg{ width:70%; height:auto; margin:auto; display:block; }

.quiz_ans_progress .circle-progress-text { font-weight: 700; font-size:20px; fill: #3c3c3c; }



.quiz_ans_progress{ padding:15px; width:100%;  }

.quiz_score_section{  width:100%; padding:15px; display:none;  }

.quiz_score_box{ width:100%; max-width:262px; min-height:330px; margin:auto; padding:190px 10px 0px 0px; margin-bottom:30px; position:relative; text-align:center;  background:url(../images/quiz_result_poor.png) no-repeat bottom center; background-size:100% auto !important;  }

.quiz_score_text{ width:100%; padding-bottom:24px;}
.quiz_score_text p{ color:#fff; font-weight:700; font-size:16px; padding-bottom:6px; line-height:1.5em; }
.quiz_score_text h3{ color:#fff; font-weight:700; font-size:50px;  line-height:1em }
.quiz_score_text h3 em{ font-style:normal; }


.quiz_score_btns_row{ width:100%; text-align:center; padding-left: 14px; position: absolute; left: 0px;  bottom: -12px; }
.quiz_score_btns_row ul{ font-size:0px; margin:0px -20px; }
.quiz_score_btns_row ul li{ display:inline-block; vertical-align:top; padding:0px 20px; }


.quiz_score_btn{ border:4px solid #fff; display:block; border-radius:10px; background:#4aa04d; width:40px; height:40px; position:relative; transition:all 0.175s ease;  }
.quiz_score_btn i{ width:100%; height:100%; display:block; position:absolute; left:0px; top:0px; background:url(../images/quiz_score_reload.svg) no-repeat center center; background-size: auto  22px !important;  }
.quiz_score_btn.quiz_score_replay i{ background:url(../images/quiz_replay.svg) no-repeat center center; }

.quiz_score_btn:hover{ background:#17591a;}

.quiz_result_poor .quiz_ans_progress, .quiz_result_good .quiz_ans_progress, .quiz_result_excellent .quiz_ans_progress{ display:none; }
.quiz_result_poor .quiz_score_section, .quiz_result_good .quiz_score_section, .quiz_result_excellent .quiz_score_section{ display:block; }

.quiz_result_good .quiz_score_box{ background:url(../images/quiz_result_good.png) no-repeat bottom center;  }
.quiz_result_excellent .quiz_score_box{ background:url(../images/quiz_result_excellent.png) no-repeat bottom center;  }

.quiz_ans_footer ul li span{ display:inline-block; }
.quiz_ans_footer ul li:first-child{ text-align:left; }
.quiz_ans_footer ul li:last-child{ text-align:right; }
.quizBtn_disabled{ cursor:not-allowed; display:inline-block;  }
.quizBtn_disabled a{ pointer-events:none; opacity:0.5; }


.quiz_ans_left.quiz_disabled{ cursor:not-allowed; }
.quiz_ans_left.quiz_disabled .quiz_ans_left_inner, .quiz_ans_baner_inner.quiz_disabled{ pointer-events:none; opacity:0.5; }

.quiz_result_excellent{ position:relative; }
.quiz_ans_right.quiz_result_excellent:before{ content:""; display:block;  width:100%; height:150px; position:absolute; left:0px; top:0px; background:url(../images/excelent_topbg.png) no-repeat center center; background-size:cover; }



.gm_msg_arabic {
    font-family: 'QuranFont';
    direction: rtl;
}


.quiz_ans_right{ position:relative; }
.quiz_ans_progress h4{ font-size: 20px; line-height: 1.5em; width:100%;   color: #3c3c3c; font-weight: 500; text-align:center; border-bottom: 1px solid #e7e7e7; padding:8px 10px; position:absolute; left:0px; top:0px;  }
.quiz_ans_progress{ padding-top:50px; }

.clpicker_okcancel{ display:none !important; }


/*************quiz screens css end here***************/





.trending_has_big_icon.trending_header_left ul li{ padding-right:6px; }
.trending_has_big_icon .trendsGraph_icon img { max-width: 30px; max-height: 44px; }
.trending_has_big_icon .trendsGraph_icon {  width: 30px; height: 34px;}


.audio_quran_list{ width:100%; }

.audio_quran_list ul{ margin:0px -8px; font-size:0px;  }
.audio_quran_list ul li{ display:inline-block; font-size:16px; vertical-align:top; padding:0px 8px 16px 8px; width:20%;  }


.audio_quran_box{ width:100%; background:url(../images/audio_quran_box_bg.png) no-repeat center center; background-size:cover; position:relative; transition:all 0.175s ease; border:1px solid #f9f9f9; text-align:center; display:flex; align-content:center; justify-content:center; align-items:center;  min-height:230px; padding:10px;     }
.audio_quran_box_wrap{ display:block; width:100%;  }
.audio_quran_box i{ display:block; width:100%; height:auto; padding-bottom:10px; }
.audio_quran_box i img{ display:block; margin:auto; max-height:60px; height:auto; width:auto; }
.audio_quran_box small{ display:block; font-size:16px; line-height:1.5em; color:#000000; }




.aq_box_play{ display:block; width:80px; height:80px; border-radius:50%; position:absolute; left:50%; margin-left:-40px; top:50%; margin-top:-40px;
background-color:rgba(62,128,66,0.90) !important ; background:url(../images/play_border.svg) no-repeat 27px center; background-size: auto 40px; opacity:0; transition:all 0.175s ease;  }

.audio_quran_box.current_playing, .audio_quran_box:hover{ border-color:#4d8c40; }
.audio_quran_box:hover .aq_box_play, .audio_quran_box.current_playing .aq_box_play{ opacity:1; }
.audio_quran_box.active .aq_box_play{ opacity:1; background:url(../images/pause_border.svg) no-repeat 27px center; background-size: auto 40px; }




.audio_quran_footer{ width:100%; z-index:990; padding:10px 0px; background:#fff;  box-shadow:0px 0px 4px rgba(0,0,0,0.24); position:fixed; left:0px; bottom:0px;  }

.aq_content_left{ width:72%; float:left; }

.aq_content_right{ width:28%; float:right; }

.aq_playing_row{ width:100%; position:relative;}


.aq_playing_content{ width:100%; }

.aq_playing_left{ width:100%; position:relative; padding-left:60px; min-height:48px;  }

.aq_playing_img{ width:48px; height:48px; position:absolute; left:0px; top:0px;  background:url(../images/audio_quran_box_bg.png) no-repeat center center; background-size:cover; display:flex; align-content:center; justify-content:center; align-items:center; flex-wrap:wrap; }
.aq_playing_img i{ display:block; width:100%; padding-top:2px; }
.aq_playing_img i img{ display:block; margin:auto; max-height:20px; height:auto; width:auto; max-width:100%;  }
.aq_playing_img small{ display:block; width:100%; font-size:8px; line-height:14px; text-align:center;  color:#4a4a4a;}


.aq_playing_text{ width:100%; position:relative; padding-top:4px;  }
.aq_playing_text span{ display:block; font-size:12px; line-height:1.5em; color:#4a4a4a; position:absolute; transition:all 0.175s ease; }
.aq_playing_text strong{ display:block; font-size:16px; line-height:1.5em; color:#000000; padding-top:18px;  transition:all 0.175s ease; }

.aq_playing_content{ padding-right:50px; }

.aq_list_icon{ z-index:223; width:30px; height:30px; position:absolute; right:0px; top:50%; margin-top:-15px; display:block;  background:url(../images/audio_play_list_gray.svg) no-repeat center center; background-size:auto 18px !important; }
.aq_list_icon.active{ background:url(../images/audio_play_list.svg) no-repeat center center; }

.aq_list_popup{ width:100%; min-width:280px; position:absolute; right:0px; bottom:100%; background:#fff;  box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.17); margin-bottom:10px; display:none; }

 .aq_pop_inner{ width:100%; }

.aq_pop_header{ width:100%; padding:10px 15px;  }
.aq_pop_header ul{ display:flex; width:100%; }
.aq_pop_header ul li:first-child{ width:100%; }

.aq_pop_header strong{ font-size: 16px;  line-height: 1.5em; display: block; font-weight:400; color:#000000; }

.aq_clear_btn{ display:block; padding:2px 10px; font-size:12px; line-height:1.5em; border-radius:3px; border:1px solid #e5e5e5; text-align:center; color:#333333; }
.aq_clear_btn:hover{ background:#4d8c40; color:#fff; border-color:#4d8c40; transition: all 0.175s ease-in-out; }

.aq_close_btn { display:block; width: 32px; height: 22px;  cursor: pointer;  background: url(../images/popup_close.png) no-repeat right center;  background-size: 14px auto;  transition: all 0.175s ease-in-out; }



  .aq_pop_content{ width:100%; overflow-y: auto; overflow-x: hidden; max-height:calc(100vh - 200px);  -webkit-overflow-scrolling: touch;  }

 .aq_pop_list{ width:100%; padding:0px 15px 15px 15px; }
 .aq_pop_list ul li{ width:100%; padding-bottom:10px; }

 .aq_pop_list_box{ display:flex; align-content:center; justify-content:center; align-items: flex-end; width:100%; color:#4a4a4a;  }

.aq_pop_list_play{ display:block; width:32px; height:32px; border-radius:50%; position:absolute; left:50%; margin-left:-16px; top:50%; margin-top:-16px;
background-color:rgba(62,128,66,0.90) !important ; background:url(../images/play_border.svg) no-repeat 12px center; background-size: auto 16px; opacity:0;  transition:all 0.175s ease;  }

.aq_pop_list_box:hover .aq_pop_list_play, .aq_pop_list_box.pause_icon .aq_pop_list_play{ opacity:1; }
.aq_pop_list_box.active .aq_pop_list_play{ opacity:1; background:url(../images/pause_border.svg) no-repeat center center; background-size: auto 18px; }

.aq_pop_list_box .aq_playing_text span{}

.aq_pop_list_box:hover .aq_playing_text strong, .aq_pop_list_box.active .aq_playing_text strong, .aq_pop_list_box.active .aq_timer span{ color:#4e8c41; }


.aq_timer span{ text-align:right; display:block; font-size:14px; padding-bottom: 3px;}


.disabled_btn{ opacity:0.5; pointer-events:none; }



.aq_tabs_top_right ul li a{ color:#3d7e41; font-size:16px; line-height:20px !important; padding:8px 22px; display:flex; justify-content: space-between; border-radius: 24px; transition:all 0.175s ease; height:36px;   }
.aq_tabs_top_right ul li a strong {
    padding-left: 40px;
    font-weight: 700;
}
.aq_tabs_top_right ul li a:hover{     opacity: 0.5; }
 .aq_tabs_top_right ul li a.active{ color:#fff; background:#3d7e41; opacity:1;  }

.aq_audio_type.aq_audio_type_arabic{ padding-top:3px; padding-bottom:7px; font-size:18px;  }
.aq_audio_type.aq_audio_type_urdu{ padding-top:4px; padding-bottom:6px; font-size:18px; }

.trending_header_right.aq_tabs_top_right ul{ float:right; margin-left:20px; display: inline-block;
    vertical-align: top;
    background: #f4f4f4;
    border-radius: 24px;
    padding: 4px;}
.trending_header_right.aq_tabs_top_right ul li{ padding-right:0px; }
.trending_header_right.aq_tabs_top_right ul li:last-child{ padding-right:0px; }
.audio_quran_list ul.data_is_loading:before{ position:fixed !important; }



.aq_juzSurah_tab_show{ width:100%; display:none; }
.aq_juzSurah_tab_show.active{ display:block; }