/* 07-03-2018 Hussein Alwesi */
@font-face {
    font-family: 'Lotus_Linotype';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/lotus_linotype/Lotus_Linotype.ttf);
    unicode-range: U+0600-06FF !important;
    font-size: 21px !important;
}
@font-face {
    font-family: 'garamond';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/garamond/garamondpremrpro.otf);
    /*src: url(../fonts/garamond/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/garamond/DroidNaskh-Regular.woff) format('woff'),
        url(../fonts/garamond/DroidNaskh-Regular.ttf) format('truetype');*/
    font-size: 21px !important;
}
@font-face {
    font-family: 'cardo';
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/cardo/Cardo-Regular.ttf);
    /*src: url(../fonts/garamond/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/garamond/DroidNaskh-Regular.woff) format('woff'),
        url(../fonts/garamond/DroidNaskh-Regular.ttf) format('truetype');*/
    font-size: 21px !important;
}
@font-face {
    font-family: 'lato';
    font-style: normal;
    font-weight: bold;
    src: url(../fonts/latoNew/Lato-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/latoNew/Lato-Regular.woff) format('woff'),
        url(../fonts/latoNew/Lato-Regular.ttf) format('truetype');
    /*src: url(../fonts/garamond/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/garamond/DroidNaskh-Regular.woff) format('woff'),
        url(../fonts/garamond/DroidNaskh-Regular.ttf) format('truetype');*/
    font-size: 21px !important;
}
@font-face {
    font-family: 'Droid Arabic Naskh';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/naskh/DroidArabicNaskh.eot?#iefix) format('embedded-opentype'),
        url(../fonts/naskh/DroidArabicNaskh.woff) format('woff'),
        url(../fonts/naskh/DroidArabicNaskh.ttf) format('truetype');
    /* src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v2/DroidNaskh-Regular.eot?#iefix) format('embedded-opentype'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v2/DroidNaskh-Regular.woff) format('woff'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabicnaskh/v2/DroidNaskh-Regular.ttf) format('truetype'); */
    unicode-range: U+0600-06FF !important; /* Define the available characters */
    font-size: 18px !important;
}
/* 
@font-face {
    font-family: 'Playfair Display';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Playfair/PlayfairDisplay-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Playfair/PlayfairDisplay-Regular.woff) format('woff'),
        url(../fonts/Playfair/PlayfairDisplay.woff2) format('woff'),
        url(../fonts/Playfair/PlayfairDisplay2.woff2) format('woff'),
        url(../fonts/Playfair/PlayfairDisplay-Regular.ttf) format('truetype');
}
@font-face { 
    font-family: 'Playfair Display SC';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/PlayfairSc/PlayfairDisplaySC-Regular.ttf) format('truetype');
} */

@font-face {
    font-family: 'Merriweather';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Merriweather/MerriweatherSans-Regular.eot?#iefix) format('embedded-opentype'),
        url(../fonts/Merriweather/MerriweatherSans-Regular.woff) format('woff'),
        url(../fonts/Merriweather/MerriweatherSans-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid Arabic Kufi';
    font-style: normal;
    font-weight: 400;
    src: url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.woff) format('woff'),
        url(//themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v2/DroidKufi-Regular.ttf) format('truetype');
    unicode-range: U+0600-06FF !important; /* Define the available characters */
    font-size: 18px !important;
}

@font-face {
    font-family: "number";
    src: url(../fonts/lato/Lato-Regular.ttf);
    font-style: normal;
    font-weight: 700 !important;
    unicode-range: U+0030-0039;
    font-size: 50px !important;
}


@font-face {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: normal;
    font-display: auto;
    src: url("fontawesome/webfonts/fa-brands-400.eot");
    src: url("fontawesome/webfonts/fa-brands-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-brands-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-brands-400.woff") format("woff"), url("fontawesome/webfonts/fa-brands-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-brands-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("fontawesome/webfonts/fa-regular-400.eot");
    src: url("fontawesome/webfonts/fa-regular-400.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-regular-400.woff2") format("woff2"), url("fontawesome/webfonts/fa-regular-400.woff") format("woff"), url("fontawesome/webfonts/fa-regular-400.ttf") format("truetype"), url("fontawesome/webfonts/fa-regular-400.svg#fontawesome") format("svg");
}

@font-face {
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 400;
    font-display: auto;
    src: url("fontawesome/webfonts/fa-solid-900.eot");
    src: url("fontawesome/webfonts/fa-solid-900.eot?#iefix") format("embedded-opentype"), url("fontawesome/webfonts/fa-solid-900.woff2") format("woff2"), url("fontawesome/webfonts/fa-solid-900.woff") format("woff"), url("fontawesome/webfonts/fa-solid-900.ttf") format("truetype"), url("fontawesome/webfonts/fa-solid-900.svg#fontawesome") format("svg");
}
@font-face {
    font-family: 'Amiri';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Amiri-Regular.ttf);
    unicode-range: U+0600-06FF !important; /* Define the available characters */
    font-size: 18px !important;
}
@font-face {
    font-family:  "A Thuluth";
    src: url(../fonts/A-Thuluth.ttf),
        url(../fonts/A-Thuluth.eot);
}
/*
@font-face {
    font-family: 'Open Sans Semi Bold';
    src: url('//fonts.googleapis.com/css?family=Open+Sans:600');
}
*/
body, div,input, button, select, textarea{
    /*font-family: 'Droid Arabic Naskh', 'Open Sans', sans-serif !important;*/
    /* font-family: 'Merriweather', serif; */
    font-family: 'Droid Arabic Naskh','Merriweather', serif;
    font-size: 14px !important;
    line-height: 20.5px !important;
    text-align: justify;
}
h1, h2, h3, h4, h5, h6{
    /*font-family: 'Merriweather', serif;
    font-family: 'Merriweather Sans', sans-serif;
    font-family: 'Playfair Display', serif;
    font-family: 'Playfair Display SC', serif;*/
    font-family: 'Playfair Display', serif;
}
.hm14.x-menu > li > .x-anchor .x-anchor-text-primary
{
    font-family: 'Playfair Display SC' ,'Playfair Display SC', serif;
    font-weight: bold !important;
    /*font-family: 'garamond', 'Open Sans', sans-serif !important;*/
    word-spacing: 5px;
}
/*
// Hide text while Typekit is loading.
*/
.wf-loading a,
.wf-loading p,
.wf-loading ul,
.wf-loading ol,
.wf-loading dl,
.wf-loading h1,
.wf-loading h2,
.wf-loading h3,
.wf-loading h4,
.wf-loading h5,
.wf-loading h6,
.wf-loading em,
.wf-loading pre,
.wf-loading cite,
.wf-loading span,
.wf-loading table,
.wf-loading strong,
.wf-loading blockquote {
    visibility: hidden !important;
}
.x-bg-layer-lower-image{
    background-image: url(../image/quran-1920.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
/*
Muath Abu zr :: 10-07-2018
*/
.iframeContent{
    width: 1000px;
    height: 1000px;
}
.screen-reader-text{
    display: none;
}
.navigation.pagination, .nav-links
{
    width: 100%;
    display: block;
    text-align: center;
}
.navigation.pagination .nav-links .page-numbers
{
    display: inline-block;
    height: 50px;
    line-height: 50px;
    vertical-align: middle;
    border-width: 1px;
    border-style: solid;
    border-color: #b40000;
    font-size: 16px;
    font-weight: bold;
    color: #b40000;
}
.navigation.pagination .nav-links .page-numbers:hover,
.navigation.pagination .nav-links .page-numbers.current
{
    background-color: #b40000;
    color: #FFFFFF;
}


/***
Header Style
*/
a,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover,
.x-breadcrumb-wrap a:hover,
.x-comment-author a:hover,
.x-comment-time:hover,
.p-meta > span > a:hover,
.format-link .link a:hover,
.x-main .widget ul li a:hover,
.x-main .widget ol li a:hover,
.x-main .widget_tag_cloud .tagcloud a:hover,
.x-sidebar .widget ul li a:hover,
.x-sidebar .widget ol li a:hover,
.x-sidebar .widget_tag_cloud .tagcloud a:hover,
.x-portfolio .entry-extra .x-ul-tags li a:hover {
    color: #ff2a13;
}

a:hover {
    color: #d80f0f;
}

a.x-img-thumbnail:hover {
    border-color: #ff2a13;
}

.x-main {
    width: 72%;
}

.x-sidebar {
    width: 28%;
}

.x-post-slider-archive-active .x-container.main:before {
    top: 0;
}

.x-content-sidebar-active .x-container.main:before {
    right: 28%;
}

.x-sidebar-content-active .x-container.main:before {
    left: 28%;
}

.x-full-width-active .x-container.main:before {
    left: -5000em;
}

.h-landmark,
.x-main .h-widget,
.x-main .h-widget a.rsswidget,
.x-main .h-widget a.rsswidget:hover,
.x-main .widget.widget_pages .current_page_item a,
.x-main .widget.widget_nav_menu .current-menu-item a,
.x-main .widget.widget_pages .current_page_item a:hover,
.x-main .widget.widget_nav_menu .current-menu-item a:hover,
.x-sidebar .h-widget,
.x-sidebar .h-widget a.rsswidget,
.x-sidebar .h-widget a.rsswidget:hover,
.x-sidebar .widget.widget_pages .current_page_item a,
.x-sidebar .widget.widget_nav_menu .current-menu-item a,
.x-sidebar .widget.widget_pages .current_page_item a:hover,
.x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {
    color: #333333;
}

.x-main .widget,
.x-main .widget a,
.x-main .widget ul li a,
.x-main .widget ol li a,
.x-main .widget_tag_cloud .tagcloud a,
.x-main .widget_product_tag_cloud .tagcloud a,
.x-main .widget a:hover,
.x-main .widget ul li a:hover,
.x-main .widget ol li a:hover,
.x-main .widget_tag_cloud .tagcloud a:hover,
.x-main .widget_product_tag_cloud .tagcloud a:hover,
.x-main .widget_shopping_cart .buttons .button,
.x-main .widget_price_filter .price_slider_amount .button,
.x-sidebar .widget,
.x-sidebar .widget a,
.x-sidebar .widget ul li a,
.x-sidebar .widget ol li a,
.x-sidebar .widget_tag_cloud .tagcloud a,
.x-sidebar .widget_product_tag_cloud .tagcloud a,
.x-sidebar .widget a:hover,
.x-sidebar .widget ul li a:hover,
.x-sidebar .widget ol li a:hover,
.x-sidebar .widget_tag_cloud .tagcloud a:hover,
.x-sidebar .widget_product_tag_cloud .tagcloud a:hover,
.x-sidebar .widget_shopping_cart .buttons .button,
.x-sidebar .widget_price_filter .price_slider_amount .button {
    color: #333333;
}

.x-main .h-widget,
.x-main .widget.widget_pages .current_page_item,
.x-main .widget.widget_nav_menu .current-menu-item,
.x-sidebar .h-widget,
.x-sidebar .widget.widget_pages .current_page_item,
.x-sidebar .widget.widget_nav_menu .current-menu-item {
    border-color: #333333;
}

.x-post-slider {
    height: 425px;
}

.archive .x-post-slider {
    height: 425px;
}

.x-post-slider .x-post-slider-entry {
    padding-bottom: 425px;
}

.archive .x-post-slider .x-post-slider-entry {
    padding-bottom: 425px;
}

.format-link .link a,
.x-portfolio .entry-extra .x-ul-tags li a {
    color: #2f2f28;
}

.p-meta > span > a,
.x-nav-articles a,
.entry-top-navigation .entry-parent,
.option-set .x-index-filters,
.option-set .x-portfolio-filters,
.option-set .x-index-filters-menu >li >a:hover,
.option-set .x-index-filters-menu >li >a.selected,
.option-set .x-portfolio-filters-menu > li > a:hover,
.option-set .x-portfolio-filters-menu > li > a.selected {
    color: #2f2f28;
}

.x-nav-articles a,
.entry-top-navigation .entry-parent,
.option-set .x-index-filters,
.option-set .x-portfolio-filters,
.option-set .x-index-filters i,
.option-set .x-portfolio-filters i {
    border-color: #2f2f28;
}

.x-nav-articles a:hover,
.entry-top-navigation .entry-parent:hover,
.option-set .x-index-filters:hover i,
.option-set .x-portfolio-filters:hover i {
    background-color: #2f2f28;
}

@media (max-width:979px) {
  .x-site.site{
    width:100% !important;
    left: 0px !important;
  }
    .x-content-sidebar-active .x-container.main:before,
    .x-sidebar-content-active .x-container.main:before {
        left: -5000em;
    }
    body .x-main .widget,
    body .x-main .widget a,
    body .x-main .widget a:hover,
    body .x-main .widget ul li a,
    body .x-main .widget ol li a,
    body .x-main .widget ul li a:hover,
    body .x-main .widget ol li a:hover,
    body .x-sidebar .widget,
    body .x-sidebar .widget a,
    body .x-sidebar .widget a:hover,
    body .x-sidebar .widget ul li a,
    body .x-sidebar .widget ol li a,
    body .x-sidebar .widget ul li a:hover,
    body .x-sidebar .widget ol li a:hover {
        color: #2f2f28;
    }
    body .x-main .h-widget,
    body .x-main .widget.widget_pages .current_page_item a,
    body .x-main .widget.widget_nav_menu .current-menu-item a,
    body .x-main .widget.widget_pages .current_page_item a:hover,
    body .x-main .widget.widget_nav_menu .current-menu-item a:hover,
    body .x-sidebar .h-widget,
    body .x-sidebar .widget.widget_pages .current_page_item a,
    body .x-sidebar .widget.widget_nav_menu .current-menu-item a,
    body .x-sidebar .widget.widget_pages .current_page_item a:hover,
    body .x-sidebar .widget.widget_nav_menu .current-menu-item a:hover {
        color: #2f2f28;
    }
    body .x-main .h-widget,
    body .x-main .widget.widget_pages .current_page_item,
    body .x-main .widget.widget_nav_menu .current-menu-item,
    body .x-sidebar .h-widget,
    body .x-sidebar .widget.widget_pages .current_page_item,
    body .x-sidebar .widget.widget_nav_menu .current-menu-item {
        border-color: #2f2f28;
    }
}

@media (max-width:767px) {
    .x-post-slider,
    .archive .x-post-slider {
        height: auto !important;
    }
    .x-post-slider .x-post-slider-entry,
    .archive .x-post-slider .x-post-slider-entry {
        padding-bottom: 65% !important;
    }
}

html {
    font-size: 14px;
}

@media (min-width:480px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:767px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:979px) {
    html {
        font-size: 14px;
    }
}

@media (min-width:1200px) {
    html {
        font-size: 14px;
    }
}

body {
    /*font-style: italic;*/
    font-weight: 400;
    color: #2f2f28;
    background-color: #f0eff0;
    background-color: #FFFFFF;
}

.w-b {
    font-weight: 400 !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
}

h1,
.h1 {
    letter-spacing: -0.035em;
}

h2,
.h2 {
    letter-spacing: -0.035em;
}

h3,
.h3 {
    letter-spacing: -0.035em;
}

h4,
.h4 {
    letter-spacing: -0.035em;
}

h5,
.h5 {
    letter-spacing: -0.035em;
}

h6,
.h6 {
    letter-spacing: -0.035em;
}

.w-h {
    font-weight: 400 !important;
}

.x-container.width {
    width: 88%;
}

.x-container.max {
    max-width: 1200px;
}

.x-main.full {
    float: none;
    display: block;
    width: auto;
}

@media (max-width:979px) {
    .x-main.full,
    .x-main.left,
    .x-main.right,
    .x-sidebar.left,
    .x-sidebar.right {
        float: none;
        display: block;
        width: auto !important;
    }
}

.entry-header,
.entry-content {
    font-size: 1rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a,
.h1 a,
.h2 a,
.h3 a,
.h4 a,
.h5 a,
.h6 a,
blockquote {
    /*color: #2f2f28;*/
    color: inherit;
}

.cfc-h-tx {
    color: #2f2f28 !important;
}

.cfc-h-bd {
    border-color: #2f2f28 !important;
}

.cfc-h-bg {
    background-color: #2f2f28 !important;
}

.cfc-b-tx {
    color: #2f2f28 !important;
}

.cfc-b-bd {
    border-color: #2f2f28 !important;
}

.cfc-b-bg {
    background-color: #2f2f28 !important;
}

.x-btn,
.button,
[type="submit"] {
    color: #f0eff0;
    border-color: #31a2ac;
    background-color: #af1c1c;
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0.25em 0 0 #af1c1c, 0 4px 9px rgba(0, 0, 0, 0.75);
    border-radius: 0.25em;
}

.x-btn:hover,
.button:hover,
[type="submit"]:hover {
    color: #f0eff0;
    border-color: #af1c1c;
    background-color: #31a2ac;
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.5);
    /*box-shadow: 0 0.25em 0 0 #31a2ac, 0 4px 9px rgba(0, 0, 0, 0.75);*/
}

.x-btn.x-btn-real,
.x-btn.x-btn-real:hover {
    margin-bottom: 0.25em;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
}

.x-btn.x-btn-real {
    box-shadow: 0 0.25em 0 0 #af1c1c, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-real:hover {
    box-shadow: 0 0.25em 0 0 #31a2ac, 0 4px 9px rgba(0, 0, 0, 0.75);
}

.x-btn.x-btn-flat,
.x-btn.x-btn-flat:hover {
    margin-bottom: 0;
    text-shadow: 0 0.075em 0.075em rgba(0, 0, 0, 0.65);
    box-shadow: none;
}

.x-btn.x-btn-transparent,
.x-btn.x-btn-transparent:hover {
    margin-bottom: 0;
    border-width: 3px;
    text-shadow: none;
    text-transform: uppercase;
    background-color: transparent;
    box-shadow: none;
}

.hm5.x-bar {
    width: calc(100% - (0px * 2));
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    height: 4em;
}

.hm10.x-bar {
    width: 11em;
    background-color: hsl(0, 0%, 100%);
}

.hm1.x-bar {
    height: 6em;
}

.hm1.x-bar,
.hm5.x-bar,
.hm10.x-bar {
    font-size: 16px;
    box-shadow: 0em 0.15em 2em rgba(0, 0, 0, 0.15);
    z-index: 9999;
}

.hm1.x-bar,
.hm5.x-bar {
    background-color: #ffffff;
}

.hm10.x-bar-content {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    width: 140px;
}

.hm1.x-bar-content,
.hm5.x-bar-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
}

.hm1.x-bar-content {
    -webkit-justify-content: center;
    justify-content: center;
    height: 6em;
}

.hm5.x-bar-content {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    height: 4em;
}

.hm1.x-bar-content,
.hm5.x-bar-content,
.hm10.x-bar-content {
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
}

.hm1.x-bar-outer-spacers:before,
.hm1.x-bar-outer-spacers:after {
    -webkit-flex-basis: 0.5em;
    flex-basis: 0.5em;
    width: 0.5em;
    height: 0.5em;
}

.hm5.x-bar-outer-spacers:before,
.hm5.x-bar-outer-spacers:after {
    -webkit-flex-basis: 2em;
    flex-basis: 2em;
    width: 2em;
    height: 2em;
}

.hm10.x-bar-outer-spacers:before,
.hm10.x-bar-outer-spacers:after {
    -webkit-flex-basis: .2em;
    flex-basis: .2em;
    width: .2em;
    height: .2em;
}

.hm1.x-bar-space,
.hm5.x-bar-space,
.hm10.x-bar-space {
    font-size: 16px;
}

.hm1.x-bar-space {
    height: 6em;
}

.hm5.x-bar-space {
    height: 4em;
}

.hm10.x-bar-space {
    -webkit-flex-basis: 140px;
    flex-basis: 140px;
	width:160px;
}

.hm7.x-anchor {
    margin: 0.5em 0em 0.5em 0em;
}

.hm8.x-anchor {
    margin: 0.5em;
}

.hm7.x-anchor,
.hm8.x-anchor,
.hm9.x-anchor {
    border-width: 1px;
    border-style: solid;
    border-color: #b40000;
    font-size: 1em;
    background-color: ;
}

.hm7.x-anchor .x-anchor-content,
.hm8.x-anchor .x-anchor-content,
.hm9.x-anchor .x-anchor-content {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
}

.hm7.x-anchor .x-anchor-content {
    padding: 0.21em 0.35em 0.21em 0.35em;
}

.hm8.x-anchor .x-anchor-content,
.hm9.x-anchor .x-anchor-content {
    padding: .5em 0.35em .5em 0.35em;
}

.hm7.x-anchor[class*="active"],
.hm8.x-anchor[class*="active"],
.hm9.x-anchor[class*="active"] {
    border-color: transparent;
    background-color: #b40000;
}

.hm7.x-anchor .x-anchor-text {
    margin: 5px;
}

.hm7.x-anchor .x-anchor-text-primary {
    font-size: 22px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    text-align: center;
    color: #2f2f28;
    padding: 3px;
}

.hm7.x-anchor[class*="active"] .x-anchor-text-primary {
    color: #f0eff0;
}

.hm8.x-anchor .x-graphic,
.hm9.x-anchor .x-graphic {
    margin: 5px;
}

.hm8.x-anchor .x-graphic-icon,
.hm9.x-anchor .x-graphic-icon {
    width: 2em;
    height: 1em;
    line-height: 1em;
    font-size: 1.25em;
    color: #b40000;
    background-color: transparent;
}

.hm8.x-anchor[class*="active"] .x-graphic-icon,
.hm9.x-anchor[class*="active"] .x-graphic-icon {
    color: #f0eff0;
    background-color: transparent;
}

.hm11.x-bar-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: center;
    align-items: center;
}

.hm2.x-bar-container,
.hm6.x-bar-container {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-align-items: center;
    align-items: center;
}

.hm2.x-bar-container {
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

.hm6.x-bar-container {
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-flex: 1 0 0%;
    flex: 1 0 0%;
}

.hm2.x-bar-container,
.hm11.x-bar-container {
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
}

.hm2.x-bar-container,
.hm6.x-bar-container,
.hm11.x-bar-container {
    background-color: transparent;
}

.hm12.x-image {
    max-width: 200px;
}

.hm3.x-image,
.hm12.x-image {
    background-color: transparent;
}

a.hm12.x-image:hover {
    background-color: transparent;
}

.hm14.x-menu {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-flex: 0 0 auto;
    flex: 0 0 auto;
    margin: 0px;
    font-size: 1em;
}

.hm14.x-menu > li,
.hm14.x-menu > li > a {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

.hm14.x-menu > li > .x-anchor {
    font-size: 1em;
    background-color: transparent;
}

.hm14.x-menu > li > .x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.6em;
}

.hm14.x-menu > li > .x-anchor[class*="active"] {
    background-color: transparent;
}

.hm14.x-menu > li > .x-anchor .x-anchor-text {
    margin: 5px;
}

.hm14.x-menu > li > .x-anchor .x-anchor-text-primary {
    font-size: 1em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.06em;
    margin-right: calc(0.06em * -1);
    text-align: center;
    text-transform: uppercase;
    color: rgb(47, 47, 40);
}

.hm14.x-menu > li > .x-anchor[class*="active"] .x-anchor-text-primary {
    color: #f0eff0;
}

.hm14.x-menu > li > .x-anchor .x-anchor-sub-indicator {
    margin: 5px;
    font-size: 1em;
    color: rgb(47, 47, 40);
}

.hm14.x-menu > li > .x-anchor[class*="active"] .x-anchor-sub-indicator {
    color: #b40000;
}

.hm14.x-menu > li > .x-anchor .x-anchor-particle-primary {
    width: 100%;
    height: 200px;
    color: rgb(47, 47, 40);
    transform-origin: 100% 100%;
}

.hm14 .x-dropdown {
    width: 14em;
    font-size: 16px;
    background-color: #ffffff;
    box-shadow: 0em 0.15em 2em 0em rgba(0, 0, 0, 0.15);
}

.hm14 .sub-menu .x-anchor {
    font-size: 1em;
    background-color: transparent;
}

.hm14 .sub-menu .x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.75em;
}

.hm14 .sub-menu .x-anchor[class*="active"] {
    background-color: transparent;
}

.hm14 .sub-menu .x-anchor .x-anchor-text {
    margin: 5px auto 5px 5px;
}

.hm14 .sub-menu .x-anchor .x-anchor-text-primary {
    font-size: 1em;
    font-style: normal;
    font-weight: inherit;
    line-height: 1;
    color: rgba(0, 0, 0, 1);
}

.hm14 .sub-menu .x-anchor[class*="active"] .x-anchor-text-primary {
    color: rgba(0, 0, 0, 0.5);
}

.hm14 .sub-menu .x-anchor .x-anchor-sub-indicator {
    margin: 5px;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
}

.hm14 .sub-menu .x-anchor[class*="active"] .x-anchor-sub-indicator {
    color: rgba(0, 0, 0, 0.5);
}

.hm4.x-anchor-toggle {
    width: 3.5em;
    height: 3.5em;
    border-radius: 1em;
    font-size: 1em;
    background-color: transparent;
}

.hm4.x-anchor-toggle .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.5em;
}

.hm4.x-anchor-toggle[class*="active"] {
    background-color: transparent;
}

.hm4.x-anchor-toggle .x-graphic {
    margin: 5px;
}

.hm4 .x-toggle {
    color: #9a1303;
}

.hm4[class*="active"] .x-toggle,
.hm4 .x-toggle[class*="active"] {
    color: white;
}

.hm4 .x-toggle-more-h,
.hm4 .x-toggle-more-v {
    margin: 1.75em;
    font-size: 0.375em;
}

.hm4 .x-toggle-more-1 {
    transform: translate3d(-1.75em, 0, 0);
}

.hm4 .x-toggle-more-3 {
    transform: translate3d(1.75em, 0, 0);
}

.hm4.x-anchor-toggle .x-anchor-particle-primary {
    width: 100%;
    height: 100%;
    border-radius: 1em;
    color: #9a1303;
    transform-origin: 50% 50%;
}

.hm4.x-anchor-toggle .x-anchor-particle-secondary {
    width: calc(100% - 6px);
    height: calc(100% - 6px);
    border-radius: 0.85em;
    color: rgba(255, 255, 255, 0.25);
    transform-origin: 50% 50%;
}

.hm4.x-anchor-toggle .x-anchor-particle-secondary[class*="active"] {
    transition-delay: 0.15s;
}

.hm4.x-modal {
    font-size: calc(1vw + 12px);
}

.hm4.x-modal .x-modal-bg {
    background-color: rgba(154, 19, 3, 0.95);
}

.hm4.x-modal .x-modal-close {
    width: calc(1em * 1.5);
    height: calc(1em * 1.5);
    font-size: 2em;
    color: #f0eff0;
}

.hm4.x-modal .x-modal-close:hover,
.hm4.x-modal .x-modal-close:focus {
    color: #2f2f28;
}

.hm4.x-modal .x-modal-content-inner {
    padding: calc(2em * 1.5);
}

.hm4.x-modal .x-modal-content {
    max-width: 18em;
    background-color: transparent;
}

.hm4.x-menu {
    margin: 0px;
    font-size: 1em;
}

.hm4.x-menu .x-anchor {
    margin: 0em auto 0em auto;
    font-size: 1em;
    background-color: transparent;
}

.hm4.x-menu .x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.75em;
}

.hm4.x-menu .x-anchor[class*="active"] {
    background-color: rgba(175, 28, 28, 0.2);
}

.hm4.x-menu .x-anchor .x-anchor-text {
    margin: 7px;
}

.hm4.x-menu .x-anchor .x-anchor-text-primary {
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.35em;
    margin-right: calc(0.35em * -1);
    text-align: center;
    text-transform: uppercase;
    color: #f0eff0;
}

.hm4.x-menu .x-anchor[class*="active"] .x-anchor-text-primary {
    color: white;
}

.hm4.x-menu .x-anchor .x-anchor-text-secondary {
    margin-top: 0.5em;
    font-size: 0.75em;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.035em;
    margin-right: calc(0.035em * -1);
    text-align: center;
    color: #af1c1c;
}

.hm4.x-menu .x-anchor[class*="active"] .x-anchor-text-secondary {
    color: rgba(175, 28, 28, 0.5);
}

.hm4.x-menu .x-anchor .x-anchor-particle-primary {
    width: 10em;
    height: 100%;
    color: #2f2f28;
    transform-origin: 0% 50%;
}

.hm4.x-menu .x-anchor .x-anchor-particle-secondary {
    width: 10em;
    height: 100%;
    color: #2f2f28;
    transform-origin: 100% 50%;
}

.hm13.x-search {
    width: 90%;
    max-width: none;
    height: auto;
    margin: 1em 0em 01em 0em;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(60, 8%, 17%, 0.6);
    font-size: 1em;
    background-color: global-color: 4272616e64205072696d617279;
}

.hm13.x-search.x-search-focused {
    border-color: transparent;
    background-color: #ffffff;
}

.hm13.x-search .x-search-input {
    order: 2;
    margin: 0em;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    color: rgba(78, 74, 65, 0.65);
}

.hm13.x-search.x-search-has-content .x-search-input {
    color: rgb(78, 74, 65);
}

.hm13.x-search .x-search-btn-submit {
    order: 1;
    width: 1em;
    height: 1em;
    margin: 0.5em;
    font-size: 1em;
    color: rgba(47, 47, 40, 0.7);
    background-color: transparent;
}

.hm13.x-search .x-search-btn-submit:hover,
.hm13.x-search .x-search-btn-submit:focus {
    color: rgb(154, 19, 3);
    background-color: transparent;
}

.hm13.x-search .x-search-btn-clear {
    order: 3;
    width: 2em;
    height: 2em;
    margin: 0.5em;
    border-radius: 100em;
    font-size: .8em;
    color: hsl(42, 9%, 28%);
    background-color: rgba(0, 0, 0, 0.25);
}

.hm13.x-search .x-search-btn-clear:hover,
.hm13.x-search .x-search-btn-clear:focus {
    color: rgb(154, 19, 3);
    background-color: rgba(0, 0, 0, 0.3);
}

.fm1.x-bar,
.fm11.x-bar {
    height: auto;
    font-size: 16px;
    background-color: rgba(47, 47, 40, 0.05);
    z-index: 10;
}

.fm1.x-bar {
    padding: 2.5vw 0.75em 2.5vw 0.75em;
}

.fm11.x-bar {
    padding: 2vw 0.75em 2vw 0.75em;
}

.fm1.x-bar-content,
.fm11.x-bar-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: stretch;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: stretch;
    align-content: stretch;
    -webkit-flex: 0 1 100%;
    flex: 0 1 100%;
    height: auto;
    max-width: 1200px;
}

.fm1.x-bar-outer-spacers:before,
.fm11.x-bar-outer-spacers:before,
.fm1.x-bar-outer-spacers:after,
.fm11.x-bar-outer-spacers:after {
    -webkit-flex-basis: 0em;
    flex-basis: 0em;
    width: 0em;
    height: 0em;
}

.fm1.x-bar-space,
.fm11.x-bar-space {
    font-size: 16px;
}

.fm13.x-anchor {
    margin: 0em .5em 0em .5em;
    border-width: 1px;
    border-style: solid;
    border-color: #b40000;
    font-size: 1em;
    background-color: rgba(255, 255, 255, 1);
}

.fm13.x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.21em 0.85em 0.21em 0.85em;
}

.fm13.x-anchor[class*="active"] {
    border-color: transparent;
    background-color: #b40000;
}

.fm13.x-anchor .x-anchor-text {
    margin: 5px;
}

.fm13.x-anchor .x-anchor-text-primary {
    font-size: 2em;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: #2f2f28;
}

.fm13.x-anchor[class*="active"] .x-anchor-text-primary {
    color: #f0eff0;
}

.fm2.x-bar-container,
.fm5.x-bar-container,
.fm8.x-bar-container {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-flex: 1 1 360px;
    flex: 1 1 360px;
    max-width: 425px;
    margin: 0.75em;
    padding: 1.75em;
    box-shadow: 0em 0.35em 2em 0em rgba(0, 0, 0, 0.15);
}

.fm12.x-bar-container {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    background-color: transparent;
}

.fm2.x-bar-container {
    background-color: hsla(60, 8%, 17%, 0.65);
}

.fm5.x-bar-container {
    background-color: #2f2f28;
}

.fm8.x-bar-container {
    background-color: #b40000;
}

.fm10.x-menu {
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    margin: 0px;
    font-size: 1em;
}

.fm10.x-menu > li,
.fm10.x-menu > li > a {
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
}

.fm10.x-menu > li > .x-anchor {
    font-size: 1em;
    background-color: transparent;
}

.fm10.x-menu > li > .x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0em 0.75em .75em .4em;
}

.fm10.x-menu > li > .x-anchor[class*="active"] {
    background-color: transparent;
}

.fm10.x-menu > li > .x-anchor .x-anchor-text {
    margin: 0px 5px 5px 5px;
}

.fm10.x-menu > li > .x-anchor .x-anchor-text-primary {
    font-size: 1.2em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    color: #f0eff0;
}

.fm10.x-menu > li > .x-anchor[class*="active"] .x-anchor-text-primary {
    color: hsla(300, 3%, 94%, 0.85);
}

.fm10.x-menu > li > .x-anchor .x-anchor-sub-indicator {
    margin: 5px;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
}

.fm10.x-menu > li > .x-anchor[class*="active"] .x-anchor-sub-indicator {
    color: rgba(0, 0, 0, 0.5);
}

.fm10 .x-dropdown {
    width: 14em;
    font-size: 16px;
    background-color: #ffffff;
    box-shadow: 0em 0.15em 2em 0em rgba(0, 0, 0, 0.15);
}

.fm10 .sub-menu .x-anchor {
    font-size: 1em;
    background-color: transparent;
}

.fm10 .sub-menu .x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0.75em;
}

.fm10 .sub-menu .x-anchor[class*="active"] {
    background-color: transparent;
}

.fm10 .sub-menu .x-anchor .x-anchor-text {
    margin: 5px auto 5px 5px;
}

.fm10 .sub-menu .x-anchor .x-anchor-text-primary {
    font-size: 1em;
    font-style: normal;
    font-weight: inherit;
    line-height: 1;
    color: rgba(0, 0, 0, 1);
}

.fm10 .sub-menu .x-anchor[class*="active"] .x-anchor-text-primary {
    color: rgba(0, 0, 0, 0.5);
}

.fm10 .sub-menu .x-anchor .x-anchor-sub-indicator {
    margin: 5px;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
}

.fm10 .sub-menu .x-anchor[class*="active"] .x-anchor-sub-indicator {
    color: rgba(0, 0, 0, 0.5);
}

.fm3.x-text,
.fm6.x-text,
.fm9.x-text {
    margin: 0em 0em .2em 0em;
    font-size: 5em;
    line-height: 1;
    letter-spacing: -.05em;
}

.fm4.x-text,
.fm7.x-text {
    margin: 0em;
    font-size: 1.2em;
    line-height: 1.5;
    letter-spacing: 0em;
    color: #f0eff0;
}

.fm3.x-text,
.fm4.x-text,
.fm6.x-text,
.fm7.x-text,
.fm9.x-text {
    padding: 0em;
    font-style: normal;
    font-weight: 400;
    text-transform: none;
    background-color: transparent;
}

.fm3.x-text,
.fm6.x-text {
    color: rgba(240, 239, 240, 0.25);
}

.fm9.x-text {
    color: hsla(300, 3%, 94%, 0.25);
}

.fm3.x-text >:first-child,
.fm4.x-text >:first-child,
.fm6.x-text >:first-child,
.fm7.x-text >:first-child,
.fm9.x-text >:first-child {
    margin-top: 0;
}

.fm3.x-text >:last-child,
.fm4.x-text >:last-child,
.fm6.x-text >:last-child,
.fm7.x-text >:last-child,
.fm9.x-text >:last-child {
    margin-bottom: 0;
}

.el31.x-anchor,
.el33.x-anchor,
.el35.x-anchor,
.el37.x-anchor,
.el39.x-anchor,
.el44.x-anchor,
.el46.x-anchor,
.el48.x-anchor,
.el50.x-anchor,
.el52.x-anchor,
.el66.x-anchor,
.el68.x-anchor,
.el70.x-anchor,
.el72.x-anchor,
.el74.x-anchor,
.el79.x-anchor,
.el81.x-anchor {
    font-size: 1em;
}

.el31.x-anchor,
.el33.x-anchor,
.el35.x-anchor,
.el37.x-anchor,
.el39.x-anchor,
.el44.x-anchor,
.el46.x-anchor,
.el48.x-anchor,
.el50.x-anchor,
.el52.x-anchor,
.el66.x-anchor,
.el68.x-anchor,
.el70.x-anchor,
.el72.x-anchor,
.el74.x-anchor {
    background-color: ;
}

.el79.x-anchor,
.el81.x-anchor {
    background-color: rgb(175, 28, 28);
}

.el31.x-anchor .x-anchor-content,
.el33.x-anchor .x-anchor-content,
.el35.x-anchor .x-anchor-content,
.el37.x-anchor .x-anchor-content,
.el39.x-anchor .x-anchor-content,
.el44.x-anchor .x-anchor-content,
.el46.x-anchor .x-anchor-content,
.el48.x-anchor .x-anchor-content,
.el50.x-anchor .x-anchor-content,
.el52.x-anchor .x-anchor-content,
.el66.x-anchor .x-anchor-content,
.el68.x-anchor .x-anchor-content,
.el70.x-anchor .x-anchor-content,
.el72.x-anchor .x-anchor-content,
.el74.x-anchor .x-anchor-content,
.el79.x-anchor .x-anchor-content,
.el81.x-anchor .x-anchor-content {
    -webkit-flex-direction: row;
    flex-direction: row;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

.el79.x-anchor .x-anchor-content,
.el81.x-anchor .x-anchor-content {
    padding: 0.625em 1.25em 0.625em 1.25em;
}

.el31.x-anchor[class*="active"],
.el33.x-anchor[class*="active"],
.el35.x-anchor[class*="active"],
.el37.x-anchor[class*="active"],
.el39.x-anchor[class*="active"],
.el44.x-anchor[class*="active"],
.el46.x-anchor[class*="active"],
.el48.x-anchor[class*="active"],
.el50.x-anchor[class*="active"],
.el52.x-anchor[class*="active"],
.el66.x-anchor[class*="active"],
.el68.x-anchor[class*="active"],
.el70.x-anchor[class*="active"],
.el72.x-anchor[class*="active"],
.el74.x-anchor[class*="active"] {
    background-color: global-color: 4c696e6b20496e746572616374696f6e;
}

.el79.x-anchor[class*="active"],
.el81.x-anchor[class*="active"] {
    background-color: hsl(0, 0%, 100%);
}

.el79.x-anchor .x-anchor-text,
.el81.x-anchor .x-anchor-text {
    margin: 5px;
}

.el31.x-anchor .x-anchor-text-primary,
.el33.x-anchor .x-anchor-text-primary,
.el35.x-anchor .x-anchor-text-primary,
.el37.x-anchor .x-anchor-text-primary,
.el39.x-anchor .x-anchor-text-primary,
.el44.x-anchor .x-anchor-text-primary,
.el46.x-anchor .x-anchor-text-primary,
.el48.x-anchor .x-anchor-text-primary,
.el50.x-anchor .x-anchor-text-primary,
.el52.x-anchor .x-anchor-text-primary,
.el66.x-anchor .x-anchor-text-primary,
.el68.x-anchor .x-anchor-text-primary,
.el70.x-anchor .x-anchor-text-primary,
.el72.x-anchor .x-anchor-text-primary,
.el74.x-anchor .x-anchor-text-primary {
    font-size: 1.5em;
    font-weight: 400;
    text-transform: capitalize;
    color: #2f2f28;
}

.el79.x-anchor .x-anchor-text-primary,
.el81.x-anchor .x-anchor-text-primary {
    font-size: 0.75em;
    font-weight: 400;
    letter-spacing: 0.25em;
    margin-right: calc(0.25em * -1);
    text-transform: uppercase;
    color: white;
}

.el31.x-anchor .x-anchor-text-primary,
.el33.x-anchor .x-anchor-text-primary,
.el35.x-anchor .x-anchor-text-primary,
.el37.x-anchor .x-anchor-text-primary,
.el39.x-anchor .x-anchor-text-primary,
.el44.x-anchor .x-anchor-text-primary,
.el46.x-anchor .x-anchor-text-primary,
.el48.x-anchor .x-anchor-text-primary,
.el50.x-anchor .x-anchor-text-primary,
.el52.x-anchor .x-anchor-text-primary,
.el66.x-anchor .x-anchor-text-primary,
.el68.x-anchor .x-anchor-text-primary,
.el70.x-anchor .x-anchor-text-primary,
.el72.x-anchor .x-anchor-text-primary,
.el74.x-anchor .x-anchor-text-primary,
.el79.x-anchor .x-anchor-text-primary,
.el81.x-anchor .x-anchor-text-primary {
    font-style: normal;
    line-height: 1.2;
    text-align: center;
}

.el31.x-anchor[class*="active"] .x-anchor-text-primary,
.el33.x-anchor[class*="active"] .x-anchor-text-primary,
.el35.x-anchor[class*="active"] .x-anchor-text-primary,
.el37.x-anchor[class*="active"] .x-anchor-text-primary,
.el39.x-anchor[class*="active"] .x-anchor-text-primary,
.el44.x-anchor[class*="active"] .x-anchor-text-primary,
.el46.x-anchor[class*="active"] .x-anchor-text-primary,
.el48.x-anchor[class*="active"] .x-anchor-text-primary,
.el50.x-anchor[class*="active"] .x-anchor-text-primary,
.el52.x-anchor[class*="active"] .x-anchor-text-primary,
.el66.x-anchor[class*="active"] .x-anchor-text-primary,
.el68.x-anchor[class*="active"] .x-anchor-text-primary,
.el70.x-anchor[class*="active"] .x-anchor-text-primary,
.el72.x-anchor[class*="active"] .x-anchor-text-primary,
.el74.x-anchor[class*="active"] .x-anchor-text-primary {
    color: #9a1303;
}

.el79.x-anchor[class*="active"] .x-anchor-text-primary,
.el81.x-anchor[class*="active"] .x-anchor-text-primary {
    color: rgb(175, 28, 28);
}

.el79.x-anchor .x-graphic,
.el81.x-anchor .x-graphic {
    margin: 5px;
}

.el79.x-anchor .x-graphic-icon,
.el81.x-anchor .x-graphic-icon {
    width: 1em;
    height: 1em;
    line-height: 1em;
    font-size: 1.5em;
    color: white;
    background-color: transparent;
}

.el79.x-anchor[class*="active"] .x-graphic-icon,
.el81.x-anchor[class*="active"] .x-graphic-icon {
    color: rgb(175, 28, 28);
    background-color: transparent;
}

.el31.x-anchor .x-anchor-particle-primary,
.el33.x-anchor .x-anchor-particle-primary,
.el35.x-anchor .x-anchor-particle-primary,
.el37.x-anchor .x-anchor-particle-primary,
.el39.x-anchor .x-anchor-particle-primary,
.el44.x-anchor .x-anchor-particle-primary,
.el46.x-anchor .x-anchor-particle-primary,
.el48.x-anchor .x-anchor-particle-primary,
.el50.x-anchor .x-anchor-particle-primary,
.el52.x-anchor .x-anchor-particle-primary,
.el66.x-anchor .x-anchor-particle-primary,
.el68.x-anchor .x-anchor-particle-primary,
.el70.x-anchor .x-anchor-particle-primary,
.el72.x-anchor .x-anchor-particle-primary,
.el74.x-anchor .x-anchor-particle-primary,
.el79.x-anchor .x-anchor-particle-primary,
.el81.x-anchor .x-anchor-particle-primary {
    width: 100%;
    height: 100%;
    color: rgba(255, 255, 255, 0.25);
    transform-origin: 50% 50%;
}

.el78.x-column {
    text-align: right;
}

.el3.x-column,
.el5.x-column,
.el6.x-column,
.el7.x-column,
.el8.x-column,
.el9.x-column,
.el12.x-column,
.el14.x-column,
.el15.x-column,
.el16.x-column,
.el17.x-column,
.el18.x-column,
.el21.x-column,
.el23.x-column,
.el24.x-column,
.el25.x-column,
.el26.x-column,
.el27.x-column,
.el30.x-column,
.el32.x-column,
.el34.x-column,
.el36.x-column,
.el38.x-column,
.el40.x-column,
.el43.x-column,
.el45.x-column,
.el47.x-column,
.el49.x-column,
.el51.x-column,
.el53.x-column,
.el56.x-column,
.el58.x-column,
.el59.x-column,
.el60.x-column,
.el61.x-column,
.el62.x-column,
.el65.x-column,
.el67.x-column,
.el69.x-column,
.el71.x-column,
.el73.x-column,
.el75.x-column,
.el78.x-column,
.el80.x-column,
.el82.x-column,
.el83.x-column,
.el84.x-column,
.el85.x-column {
    background-color: transparent;
}

.el4.x-text {
    margin: 8em 0em 0em 0em;
    background-color: rgba(240, 239, 240, 0.9);
}

.el22.x-text,
.el57.x-text {
    margin: 0em;
    background-color: transparent;
}

.el4.x-text,
.el22.x-text,
.el57.x-text {
    padding: 0em;
    font-size: 1em;
}

.el4.x-text .x-text-content-text-primary,
.el22.x-text .x-text-content-text-primary,
.el57.x-text .x-text-content-text-primary {
    margin: 0 calc(0em * -1) 0 0;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
}

.el4.x-text .x-text-content-text-primary {
    font-size: 3em;
    text-align: center;
    text-transform: none;
    color: rgb(47, 47, 40);
}

.el22.x-text .x-text-content-text-primary,
.el57.x-text .x-text-content-text-primary {
    font-size: 2em;
    text-align: left;
    text-shadow: 0px 1px 5px #f0eff0;
    text-transform: capitalize;
    color: #9a1303;
}

.el2.x-container,
.el11.x-container,
.el20.x-container,
.el29.x-container,
.el42.x-container,
.el55.x-container,
.el64.x-container,
.el77.x-container {
    margin: 0em auto 0em auto;
    background-color: transparent;
    z-index: 1;
}

.el13.x-search {
    width: 100%;
    max-width: none;
    height: auto;
    border-width: 1px;
    border-style: solid;
    border-color: hsla(60, 8%, 17%, 0.6);
    font-size: 1em;
    background-color: transparent;
}

.el13.x-search.x-search-focused {
    border-color: hsla(0, 0%, 100%, 0);
    background-color: transparent;
}

.el13.x-search .x-search-input {
    order: 2;
    margin: 0em;
    font-size: 1em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-transform: capitalize;
    color: rgba(78, 74, 65, 0.65);
}

.el13.x-search.x-search-has-content .x-search-input {
    color: rgb(78, 74, 65);
}

.el13.x-search .x-search-btn-submit {
    order: 1;
    width: 2.5em;
    height: 1em;
    margin: 0.5em 0.5em 0.5em 0.9em;
    font-size: 1em;
    color: #2f2f28;
    background-color: global-color: 4272616e64205365636f6e64617279;
}

.el13.x-search .x-search-btn-submit:hover,
.el13.x-search .x-search-btn-submit:focus {
    color: rgb(154, 19, 3);
    background-color: global-color: 4272616e64205072696d617279;
}

.el13.x-search .x-search-btn-clear {
    order: 3;
    width: 2em;
    height: 2em;
    margin: 0.5em;
    border-radius: 100em;
    font-size: 0.9em;
    color: rgb(78, 74, 65);
    background-color: transparent;
}

.el13.x-search .x-search-btn-clear:hover,
.el13.x-search .x-search-btn-clear:focus {
    color: rgb(154, 19, 3);
    background-color: transparent;
}

.el1.x-section,
.el10.x-section,
.el19.x-section,
.el28.x-section,
.el41.x-section,
.el54.x-section,
.el63.x-section,
.el76.x-section {
    margin: 0em;
    background-color: transparent;
    z-index: 1;
}

.el1.x-section,
.el76.x-section {
    padding: 45px 0px 45px 0px;
}

.el10.x-section,
.el19.x-section {
    padding: 25px 0px 25px 0px;
}

.el28.x-section {
    padding: 5px 0px 5px 0px;
}

.el41.x-section,
.el63.x-section {
    padding: 5px 0px 45px 0px;
}

.el54.x-section {
    padding: 45px 0px 25px 0px;
}

p {
    margin: 0 0 1em;
}

@media (max-width: 995px) {
    .hm5 {
        display: none;
    }
    .hm6 {
        display: none;
    }
    .hm7 {
        display: none;
    }
    .el12.x-text {
        padding: 0;
    }
    .el1.x-section {
        padding: 25px 0px 45px 0px;
    }
    .el30.x-search {
        margin: auto;
    }
    .el68.x-column {
        margin: 4em 0em 1.5em 0em;
    }
}

.x-promo-content {
    padding: 0.2em;
}

.x-recent-posts a {
    margin: 0 2% 0 0;
}

.x-main .widget a {
    text-decoration: none;
}

.el12.x-text p {
    margin: 0 0 1em 0;
}

.single-post .entry-header {
    display: none;
}

.chpcs_prev span, .chpcs_next span {
    color: #af1c1c;
    font-size: 1.5em;
    font-style: normal;
}

.chpcs_title {
    font-weight: 500;
    font-size: 1.8em;
    line-height: 1;
}

.chpcs_title a {
    color: #9a1303;
}

.chpcs_more {
    display: none;
}

.chpcs_image_carousel {
    padding: 0px 10px 15px 10px;
}

.chpcs_foo_content {
    padding: 0;
}

.fm3.x-text, .fm6.x-text, .fm9.x-text {
    font-weight: 700;
    letter-spacing: -0.002;
}

.tco-section {
    padding: 0 !important;
}

.tco-subscribe-form {
    display: inline-flex !important;
    max-width: 100% !important;
}

.tco-subscribe-form input[type="text"], .tco-subscribe-form input[type="email"] {
    margin: auto;
    height: 2.8em;
}

.tco-subscribe-form-373 input[type="submit"] {
    margin: auto;
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #b40000;
}

.tco-subscribe-form-117 input[type="submit"] {
    margin: auto;
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #b40000;
}

.tco-subscribe-form-567 input[type="submit"] {
    margin: auto;
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #900000;
}

.tco-subscribe-form-566 input[type="submit"] {
    margin: auto;
    border: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    background-color: #900000;
}

.el67 .tco-subscribe-form input[type="email"] {
    display: none;
}

.tco-subscribe-form fieldset {
    margin: 1px;
}

.wpml-ls-native {
    color: black;
}

.wpml-ls-sidebars-header-1 {
    border: none;
}

.wpml-ls-legacy-list-horizontal.wpml-ls-statics-footer {
    display: none;
}
a:hover,a{
    text-decoration: none;
}
/**
End header Style
*/
.el12.x-text {    font-size: 1.2em;
                  font-style: normal;
                  font-weight: 400;
                  line-height: 1.4;
                  letter-spacing: 0em;
                  text-transform: none;
                  color: rgba(0,0,0,1);
}
.text-red{
    color: #b40000;
}

/**
Home Page Wha'ts New
*/
.discover_hover{
    position: relative;
}
.discover_hover div.shadow{
    content: " ";
    background-color: rgba(0,0,0,0.5);
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
}
.discover_hover a{
    position: absolute;
}
.discover_hover span{
    position: absolute;
}
.home h3{
    margin: 0 calc(0em * -1) 0 0;
    font-size: 2.2em;
    font-style: normal;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: 0em;
    text-align: center;
    text-transform: uppercase;
    color: #b40000;
}
.home h4{
    color: #b40000;
}
.center-box-shadow{
    box-shadow: 0 0rem 1rem rgba(0,0,0,.15) !important;
}
i{
    font-size: 18px;
}
.border-gray{
    border-color: #a3a3a3 !important;
}
.pagination_arrow{
    font-size: 18px;
    color: #b40000;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    vertical-align: middle;
    line-height: 26px !important;
}
.text-shadow{
    text-shadow: 2px 2px 2px rgba(0,0,0,0.15) !important;
}
/**
Muath Abu zr :: 13-08-2018 :: Fix bootstrap PopUp
*/
.fade{
    opacity: 1 ;
}
.disabled_action
{
    color: #8f8f8f !important;
    cursor: default !important;
}
/* Written by Hussein Alwesi 26-08-2018 */
.arrow-pagenation{
    position: absolute;
    top: 40%;
}
.arrow-pagenation.back{
    left: -15px;
}
.hm5.x-bar {
    background-color: #ffffff4d !important;
}
.hm5.x-bar.x-bar-fixed{
    background-color: #ffffff !important;
}
.no-padding a{
    vertical-align: text-top;
}
.header-icon{
    width: 40px;
    height: 40px;
    border: 0px !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block;
    flex-direction: unset;
    text-align: center;
    background-color: #54aceb;
    color: #fff;
    border-radius: 50%;
    line-height: 40px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    display: inline-block;
}
#main_header_menu_container .header-icon:nth-child(2){
    background-color: #42579a;
}
.header-icon:hover{
    background-color: #fff;
    color: #54aceb;
    border: 1px solid #54aceb !important;
}
#main_header_menu_container .header-icon:nth-child(2):hover{
    background-color: #fff;
    color: #42579a;
    border: 1px solid #42579a !important;
}
#main_header_menu_container a{
    margin-left: 1% !important;
}
#main_header_menu_container .language-div{
    font-family: 'Lotus_Linotype', 'Open Sans', sans-serif !important;
    font-size: 16px !important;
}
.language-switcher-header{
    border-color: #dadada !important;
}
.language-switcher-header .x-anchor-text{
    margin: -2px 4px !important;
}
.language-switcher-header .x-anchor-text i{
    padding-left: 5px;
}
.arrow-pagenation.next{
    right: -15px;
}
.separator{
    height: 1px;
    background-color: #b6b6b6;
    margin-top: 1.5rem;
}
.fas.fa-bars.mt-0.ml-1{
    font-size: 16px !important;
}
.text-gray{
    color: #8f8f8f;
}
.arrow-pagenation .pagination_arrow{
    width: 35px;
    height: 35px;
    line-height: 38px;
    background-color: #fff;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.12) !important;
}
body{
    background-image: url("/../wp-content/themes/pgt/assets/image/PGT_pattern.png");
}
.related-reading-author-books .border-bottom{
    /* width: 93%; */
    border-top: 0px solid #b40000;
}
.related-reading-author-books>div>div .text-audio{
    height: 175px;
}
.arrow-pagenation .pagination_arrow i{
    font-size: 25px;
    /* vertical-align: middle; */
}
.mr-6{
    margin-right: 4rem !important;
}
.ml-6{
    margin-left: 4rem !important;
}
.date-audio{
    font-size: 15px;
    color: #555;
}
.related-reading{
    text-align: center;
    padding-top: 1.5rem;
    padding-bottom: 0.5rem;
}
.border-bottom{
    border-bottom: 3px solid #b40000 !important;
    background-color: #ffffff;
    border-top: 1px solid #b40000;
}
.text-audio p{
    color: #444;
    font-size: 14px;
    line-height: 1.3;
    margin: 0.6rem 0 0em;
}
.text-audio p a{
    color: #444;
}
.related-reading-author-books h4{
    color: #b30000;
    margin: 1rem 0 1em !important;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
}
.player-section a{
    color: #444;
    font-size: 14px;
}
.under-player-audio a{
    border: 1px solid #e6e6e6;
    padding: 5px 10px;
    color: #444444;
    margin: 5px;
}
.under-player-audio span{

}
.under-player-audio span,.under-player-audio a{
    font-size: 12px;
    text-transform: uppercase;
}
.social ul{
    margin: 0 0 0em 0em;
    list-style: none;
    display: flex;
    float: right;
}
.social li a{
    color: #fff;
}
.social li{
    background-color: #42579a;
    padding: 0px;
    border-radius: 50%;
    color: #fff;
    margin: 5px;
    width: 30px;
    height: 30px;
    vertical-align: middle;
    line-height: 35px;
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.15) !important;
}
.under-player-audio a,a{
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.prize-info a:hover{
    color: #b40000;
}
.under-player-audio a:hover{
    color: #fff;
    background-color: #b40000;
}
.social a:nth-child(2) li{
    background-color: #54aceb;
}

.social a:nth-child(1) li:hover{
    background-color: #fff;
    color: #42579a;
    border: 1px solid #42579a;
}
.social a:nth-child(2) li:hover{
    background-color: #fff;
    color: #54aceb;
    border: 1px solid #54aceb;
}

.social{
    text-align: right;
}
.player-section i{
    color: #b40000;
    padding-right: 5px;
    font-size: 15px;
}
.author .box p{
    text-align: left;
    font-size: 14px;
    line-height: 1.3;
    margin-bottom: 0px;
    margin-top: 5px;
}
.author .box h5{
    text-align: left;
    margin-top: 1em;
    margin-bottom: 0em;
}
.author .box {
    border-bottom: 3px solid #b40000;
    background-color: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.15) !important;
    color: #353535;
}
.player-section audio{
    -moz-box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.30) !important;
    -webkit-box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.30) !important;
    box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.30) !important;
    background: #b40000;
}
.prize-info .box{
    min-height: 175px;
    background-color: #9c9c9c;
    height: auto;
    color: #fff;
    padding: 20px;
    width: 90%;
    margin: 0 auto !important;
}
.prize-info .col-4:nth-child(1) .box{
    margin-left: 0%;
}
.prize-info .col-4:nth-child(3) .box{
    margin-left: 10%;
}
.section-title{
    text-transform: capitalize;
    font-weight: 500;
}
.prize-info .box h3{
    margin: 0.2em 0 0.2em;
    font-weight: 600;
    font-size: 22px;
}
.prize-info .box p{
    font-size: 15px;
    line-height: 1.2;
    margin-top: 10px;
}
.box ul{
    margin: 0 0 0em 0.3em;
    list-style: none;
    /* padding-top: 10%; */
}
.box ul li a{
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}
.author h4{
    margin: 1rem 0 1em !important;
    color: #b40000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 16px;
}

.author .box h5{
    color: #000;
    font-size: 18px;
}
.btn-side{
    width: 100%;
    margin-top: 50px;
    margin-bottom: 30px;
    padding: 15px 10px;
    background-color: #b40000;
    border-color: #b40000;
    border-radius: 0;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    text-align: left;
    font-size: 14px;
    box-shadow: 0 0.5rem 0.5rem rgba(0, 0, 0, 0.25) !important;
}
.btn-side:hover,.btn-side:active,.btn-side:focus{
    background-color: #c03030 !important;
    border-color: #c03030 !important;
    box-shadow: unset !important;
    color: #fff !important;
}
.btn-side i,.text-title-box i{
    padding-left: 5px;
    padding-right: 3px;
}
.btn-side sup i,.text-title-box sup i{
    font-size: 12px;
    padding-left: 0px;
    padding-right: 0px;
}
.text-title-box{
    text-align: left !important;
}
.text-title-box ul{
    margin: 0 0 0 0;
    padding: 0;
}
.text-title-box ul li{
    border-bottom: 1px solid #dedada;
    padding: 16px;
    font-size: 15px;
}
.text-title-box-side a{
    color: unset !important;
    font-size: 13px !important;
    font-weight: unset !important;
}
audio{
    width: 100%;
}
.audio-section-header a{
    margin: 8px !important;
}
.audio-section-header .row.text-red{
    float: right;
}
@media screen and (max-width: 767px) {
    .prize-info .box{
        min-height: auto;
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        margin-top: 10px !important;
    }
    .box ul {
        padding-top: 0%;
    }
    .related-reading-author-books .row.border-bottom.ml-3{
        margin-left: 0rem !important;
    }
    /* .related-reading-author-books .border-bottom {
        width: 97%;
    } */
    .side-section{
        margin-left: -1rem;
    }
    .no-padding .col-4.p-0{
        padding-left: 15px !important;
    }
    .under-player-audio a {
        display: inline-block;
    }
}
@media screen and (max-width: 1230px) and (min-width: 991px){
    .player-section div.col-md-12.col-sm-12.col-xs-12.col-lg-7.no-padding{
        margin-left: 2%;
        margin-top: 1%;
    }
}
@media screen and (max-width: 991px){
    .player-section div.col-md-12.col-sm-12.col-xs-12.col-lg-7.no-padding{
        margin-left: 2%;
        margin-top: 1%;
    }
}
@media screen and (max-width: 700px){
    .player-section div.col-md-12.col-sm-12.col-xs-12.col-lg-7.no-padding{
        margin-left: 3%;
    }
}
@media screen and (max-width: 450px){
    .player-section div.col-md-12.col-sm-12.col-xs-12.col-lg-7.no-padding{
        margin-left: 4%;
    }
}
@media screen and (max-width: 350px){
    .jp-audio .jp-type-single .jp-progress {
        width: 50px;
    }
    .jp-audio {
        width: 230px;
    }
}
/* .slide{
  display: inherit;
} */
/* Fading animation */
.fadeSlide {
    -webkit-animation-name: fadeSlide;
    -webkit-animation-duration: 1.5s;
    animation-name: fadeSlide;
    animation-duration: 1.5s;
}
@-webkit-keyframes fadeSlide {
    from {opacity: .4}
    to {opacity: 1}
}
@keyframes fadeSlide {
    from {opacity: .4}
    to {opacity: 1}
}
/* Fading animation */
.slide{
    display: none;
}
.slide[data-pagenum="1"]{
    display: inherit;
}
.under-player-audio span{
    font-size: 15px !important;
}
.player-box{
    padding-bottom: 0.8rem !important;
}
.border-gray {
    border-color: #929292 !important;
}
.pagination_arrow {
    vertical-align: unset;
}
.text-title-box-side{
    height: 100%;
    overflow-y: scroll;
    max-height: 240px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .hm11.x-bar-container img{
        width: 176px;
        height: 250px;
    }
    .number-word{
        vertical-align: text-bottom;
    }
    .text-title-box-side li a{
        color: rgb(53, 53, 53) !important;
    }
    .related-reading img{
        max-width : 70px;
    }
    .related-slider,.author-slider{
        width: 100%;
    }
}
.related-reading-author-books.side .text-audio p{
    font-size: 13px;
}
.main-tabs{
    margin-left: -16px;
}
.main-tabs li:first-child:not(.active){
    box-shadow: inset 0px 0px 0px #fff ,inset 0px 0px 0px #fff,inset -5px 0px 5px #d1d1d1 ,inset 0px 0px 5px #fff !important;
}
.main-tabs li{
    padding: 8px 10px;
    width: 110px;
    background-color: #ffffff;
    border: 1px solid #efefef;
    text-align: center;
    font-weight: bold;
    margin-bottom: -1px;
    box-shadow: inset 5px 0px 5px #d1d1d1 ,inset 0px 0px 0px #fff,inset 5px 0px 5px #fff,inset 0px 0px 5px #fff !important;
}
.main-tabs li:nth-child(2){
    margin-left: -1px;
    position: relative;
    z-index: 0;
}
.main-tabs li:not(:active){
    border-bottom: 1px solid #b2b2b2;
}
.main-tabs li a{
    color: #555555;
}
.main-tabs li.active{
    position: relative;
    z-index: 1;
    border-bottom: 0px;
    box-shadow: 0px -7px 10px #ececec !important;
}
.main-tabs li.active a{
    color: #b40000;
}
.main-tabs-podcast .tab-content{
    border-top: 1px solid #b40000;
}
.player-box{
    padding: 30px !important;
    padding-bottom: 10px !important;
}
.section-1 p{
    margin: 2rem 0 3em;
}
.jp-audio {
    width: 100%;
}
.section-bar .col-3:nth-child(2) a{
    margin-left: -30%;
}
.pb-8{
    padding-bottom: 8rem !important;
}
#jp_container_1{
    box-shadow: 0 0rem 1rem rgba(0,0,0,.3) !important;
}
.jp-audio .jp-type-single .jp-progress {
    width: calc(100% - 175px);
}
.slide p:nth-child(3){

}
.side-box-body ul{
    list-style: none;
    margin: 0 0 0 0;
    overflow-x: auto;
    height: 100%;
    max-height: 315px;
}
.modal {
    z-index: 9999;
}
.hm1.x-bar, .hm5.x-bar, .hm10.x-bar {
    z-index: 1040;
}
.side-box-body ul li{
    border: 1px solid #e6e6e6;
    height: 50px;
    margin-top: -1px;
    cursor: pointer;
}
.side-box-body ul li a{
    line-height: 3;
}
.side-box-body i{
    font-size: 16px;
}
.side-box{
    box-shadow: inset 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}
.side-box .top button{
    padding: 10px;
    background-color: rgb(180, 0, 0);
    color: snow;
    border-radius: 10px;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.40) !important;
    padding-left: 50px;
    border: 0;
    width: 95%;
    text-align: left;
}
.side-box .top span{
    position: absolute;
    background-color: #b40000;
    top: 34px;
    border-radius: 50%;
    margin-left: -10px;
    color: #fff;
    border: 1px solid #0000004d;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.3) !important;
    /* padding: 13px; */
    width: 50px;
    height: 50px;
    line-height: 3.5;
    text-align: center;
}
.side-box-body ul li div:nth-child(2),
.side-box-body ul li div:nth-child(3),
.side-box-body ul li div:nth-child(4){
    float: right;
    position: relative;
    right: 0px;
    margin-top: 0px;
    height: 48px;
    width: 0px;
    text-align: center;
    background-color: #fff;
    cursor: pointer;
    border-left: 1px solid #e1e1e1;
    border-right: 1px solid #e1e1e1;
    padding: 0px 20px;
}
.side-box-body ul li div:nth-child(2) a,.side-box-body ul li div:nth-child(3) a{
    color: #6c757d;
    margin: 0;
}
.side-box-body ul li.active{
    background-color: #b40000;
    color: #FFF;
    box-shadow: inset 0 0rem 1rem rgba(0,0,0,.2) !important;
}

.side-box-body ul li.active div:nth-child(1){
    color: #fff;
    background-color: #b40000;
}
.side-box-body ul li.active::before {
    content: '';
    position: absolute;
    left: -19px;
    top: auto;
    margin-top: 15px;
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid #b40000;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    display: none;
}
.inner-colomn{
    background-color: #fff;
    background-color: #fff;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.15) !important;
    padding-left: 0;
    padding-right: 0;
    border: 1px solid #e3e3e3;
}
.side-box{
    padding-top: 35px;
}
.side-box .bottom h5{
    font-size: 16px;
    font-weight: bold;
    padding-top: 2rem !important;
    box-shadow: inset 0 0.5rem 1rem rgba(0, 0, 0, 0.12) !important;
}
.btn-circle-download{
    cursor: pointer;
}
.btn-circle-download:hover{
    background-color: #ad0d0d !important;
}
.btn-circle-download sup{
    margin-left: -3px;
}
.btn-circle-download .fa-file-pdf{
    margin-left: 4px;
}
.section-bar .col-4:nth-child(2){
    left: -8%;
}
@media screen and (min-width: 992px) and (max-width: 1285px){
    .side-box .top{
        padding-left: unset !important;
        text-align: center;
    }
}
.comment-form-author label, .comment-form-email label, .comment-form-url label, .comment-form-rating label, .comment-form-comment label{
    position: relative;
    top: 0;
    visibility: visible;
    text-transform: uppercase;
    float: left;
    width: 80px !important;
    font-size: 16px;
    color: #5c5c5c;
}
#commentform input{
    width: 40%;
    box-shadow: inset 0 0rem 0.3rem rgba(0,0,0,.15) !important;
    height: 40px;
    margin-top: -2px;
}
#commentform input#submit{
    width: auto;
    text-transform: uppercase;
    padding: 6px 25px;
    border-radius: 10px;
    height: auto;
}
.comment-form-author label .required, .comment-form-email label .required, .comment-form-url label .required, .comment-form-rating label .required, .comment-form-comment label .required{
    right: 0em;
    color: #ff2a13;
}
.border-bottom-line{
    border-bottom: 3px solid #b40000 !important;
    background-color: #ffffff;
}
.form-submit input{
    color: #fff;
    border-color: transparent;
    background-color: #b40000;
    margin-bottom: 0.25em;
    text-shadow: unset;
    box-shadow: unset;
    border-radius: 0;
}
.form-submit input:hover{
    color: #fff;
    border-color: transparent;
    background-color: #af1c1c;
    margin-bottom: 0.25em;
    text-shadow: unset;
    box-shadow: unset;
    border-radius: 0;
}
.commentlist li{
    padding: 20px;
}
.commentlist img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 1px solid #dbdbdb;
    box-shadow: 0 0rem 0.15rem rgba(0,0,0,.3) !important;
    margin-top: 10px;
}
.commentlist .says{
    display: none;
}
.commentlist .fn{
    color: #b40000;
    font-weight: bold;
    font-size: 14px;
    padding-left: 4px;
}
.comment-reply-link {
    float: left;
    font-weight: bold;
    color: #b40000;
}
.commentlist p{
    color: #555;
}
.commentlist{
    list-style: none;
    margin: 0 0 0 0;
}
#comments-title{
    font-size: 18px;
    font-weight: bold;
    color: #b40000;
}
.comment-meta.commentmetadata a{
    color: #868686;
}
#cancel-comment-reply-link{
    font-weight: bold;
    color: #b40000;
}
.comment-reply-title,.comment-notes{
    display: none;
}
.commentlist .comment-reply-title{
    display: block !important;
    clear: both;
    margin-top: 10px;
}

.title{
    font-weight: bold;
    font-size: 16px;
    margin-top: 1rem;
    margin-bottom: 0;
}
/* addition */
.side-box-body ul li div:hover{
    background-color: #e7e7e7;
}
.side-box-body ul li div:nth-child(1){
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 15px;
    float: left;
    background-color: #fff;
    width: calc(100% - 45px);
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    /**
    muath Abu zr :: 27-08-2018 :: for click effect
    max-width: 65%;
    */
    max-width: 100%;
}
.commentlist li:nth-child(1){
    border-top: 0;
}
.comment-box{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.commentlist li {
    padding-bottom: 20px !important;
}
.audio-section-header .mx-auto.pagination_arrow{
    line-height: unset;
}
.audio-section-header .mx-auto.pagination_arrow i{
    /*vertical-align: text-top;*/
    vertical-align: super;
}
.jp-audio {
    width: 100% !important;
}
.jp-audio .jp-type-single .jp-progress {
    width: calc(100% - 175px) !important;
}
.comment-title-date{
    display: inline-block;
    position: absolute;
    margin-top: 10px;
}
.comment-title-date a{
    color: #888888;
    margin-top: -7px;
    margin-left: 4px;
}
.btn-circle-download .fa-arrow-down{
    font-size: 12px;
}
@media (max-width:767px) {
    .prize-info .box {
        width: 95%;
    }
}
@media (max-width:663px) {
    .side-box-body ul li div:nth-child(1) {
        padding-top: 8px;
    }
}
.img-water-mark-width{
    width: 150px;

}
.img-water-mark{
    position: relative;
    width: 150px;
    background-repeat: no-repeat;
    background-size: contain;
    height: 215px;
    max-height: 215px;
    min-height: 215px;
    padding: 0px;
    margin: 0px;
    display: inline-flex;
    left: auto;
    right: auto;
}

.img-water-mark-title{
    -webkit-user-select: none;  /* Chrome all / Safari all */
    -moz-user-select: none;     /* Firefox all */
    -ms-user-select: none;      /* IE 10+ */
    user-select: none;          /* Likely future */
    /*background-color: rgba(255,0,0,0.5);*/
    position: absolute;
    top: 54px;
    left: 20px;
    display: table;
    margin: auto;
    width: 110px;
    height: 108px;
    text-align: center;
    virtical-align: middle;
    color: rgba(174, 160, 109, 0.8);
    text-shadow: 1px 1px 0px #000, 0px -1px 0px rgb(192, 180, 140, 0.8);
    font-size: 16px;
    font-weight: 550;
    font-style: normal;
    font-family: "A Thuluth" ,Regular;
}
html[lang="ar"] .img-water-mark-title{
    right: 20px;
    left: auto;
    font-size: 20px;
}
.img-water-mark-title span{
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
    line-height: 22px;
    font-size: 16px;
    width: 77px;
    height: 74px;
}
.small .img-water-mark-title span{
    display: table-cell;
    vertical-align: middle;
    padding: 0px;
    line-height: 22px;
    font-size: 12px;
    width: 46px;
    height: 45px;
}
html[lang="ar"] .img-water-mark-title span{
    line-height: 31px;
    font-size: 20px;
}
.img-water-mark {
    width: 80px;
    height: 80px;
    min-height: 80px;
}
.img-water-mark-title {
    width: 77px;
    top: 35px;
    left: 12px;
    height: 74px;
    overflow: hidden;
    display: block;
}
.small .img-water-mark-title {
    width: 46px;
    top: 5px;
    left: 7px;
    height: 45px;
    overflow: hidden;
    display: block;
}
.img-water-mark {
    width: 100px;
}
.small.img-water-mark {
    width: 60px;
}
.author-slider.slide.fadeSlide,.related-slider.slide.fadeSlide{
    width: 100%;
}
.col-lg-9.col-md-12.center-box-shadow.p-3.player-box{
    padding-bottom: 0 !important;
}
.img-water-mark .book-img{
    width: 100px;
    height: 140px;
}
.small.img-water-mark .book-img{
    width: 60px;
    height: 85px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    /*Chrome CSS here*/
    .img-water-mark-title {
        top: 34px;
        height: 72px;
    }
    .small .img-water-mark-title {
        top: 5px;
        height: 44px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /*IE CSS here*/
    .side-box-body li a i {
        margin-left: -10px !important;
    }
    .related-reading-author-books.side .text-audio p {
        margin-bottom: 2rem;
    }
    .audio-section-header .mx-auto.pagination_arrow {
        line-height: normal;
    }
    .audio-section-header .mx-auto.pagination_arrow i {
        vertical-align: baseline;
    }
    .book-img{
        width: 60px;
        height: 87px;
    }
    html[lang='ar'] .img-water-mark-title span {
        font-size: 16px !important;
    }
    html[lang='ar'] .small.img-water-mark-title span {
        font-size: 13px !important;
    }
}
.side-box-body ul{
    padding-left: 10px;
    margin-left: -10px;
}
.side-box-body ul li {
    position: relative;
}
.side-box-body{
    border-top: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
}
.side-box .bottom h5{
    margin-bottom: 0;
    padding-bottom: 10px;
}
.comment-title-date{
    margin-left: 5px;
}
.comment-title-date div:nth-child(1){
    margin-top: 5px;
}
.comment-title-date div:nth-child(2){
    margin-top: -10px;
}
.comment-body p{
    margin: 0 0 0.5em;
}
#registerformpopup img{
    width: 150px;
    height: 212px;
    margin: 0 auto;
}
.img-modal-register{
    padding-top: 30px;
}
#registerformpopup .btn, .pgt_btn{
    width: 100%;
    border-radius: 0;
    border: 0;
    box-shadow: unset;
    color: #ffffff;
    text-shadow: unset;
    background-color: #b40000 !important;
    height: 40px;
}
.pgt_btn{
    width: auto;
}
#registerformpopup .btn:hover, .pgt_btn:hover{
    background-color: #b62b2b !important;
}
#registerformpopup .modal-content{
    border: 0;
    border-radius: 0;
    border-bottom: 3px solid #af1c1c;
}
.erf-container .erf-account-switch a:nth-child(1) {
    float: right !important;
}
.erf-container .erf-account-switch a:nth-child(2) {
    float: left !important;
}
.erf-label-top.erf-container .erf-form label[class$="-label"] {
    font-weight: 500;
    color: #555555;
}
.erf-container .erf-form input[type="date"], .erf-container .erf-form
input[type="datetime"], .erf-container .erf-form input[type="datetime-local"],
.erf-container .erf-form input[type="email"], .erf-container .erf-form
input[type="month"], .erf-container .erf-form input[type="number"],
.erf-container .erf-form input[type="password"], .erf-container .erf-form
input[type="file"], .erf-container .erf-form input[type="range"], .erf-container
.erf-form input[type="search"], .erf-container .erf-form input[type="tel"],
.erf-container .erf-form input[type="text"], .erf-container .erf-form
input[type="time"], .erf-container .erf-form input[type="url"], .erf-container
.erf-form input[type="week"], .erf-container .erf-form input[type="user_email"],
.erf-container .erf-form select, .erf-container .erf-form textarea{
    box-shadow: inset 0 0rem 0.5rem rgba(0,0,0,.09) !important;
    border-radius: 0;
}
.erf-show-register,.erf-show-lost-password{
    text-decoration: underline;
    color: #555555;
}
#registerformpopup .modal-body{
    padding: 30px;
    padding-top: 5px;
}
.erf-container .erf-account-switch {
    margin: 0px 0 !important;
}
.erf-container .form-group .fb-required {
    margin-left: 0px !important;
}
.erf-password-lost-container h3{
    font-size: 22px;
    color: #b40000;
}
.erf-password-lost-container p{
    display: none;
}
#lostpasswordform .erf-show-login,.erf-form.erf-front-form .erf-account-switch .erf-show-login{
    float: left !important;
    text-decoration: underline;
    color: #555555;
}
#lostpasswordform,.erf-form.erf-front-form{
    margin: 0;
}
.erf-reg-form-container .erf-content-above{
    display: none;
}
#alertHtmlTitle{
    line-height: 1.5;
    margin-top: 0 !important;
    color: #b40000;
}
#alertHtml .modal-content{
    border-radius: 0;
    border: 0;
}
#alertHtml .modal-header{
    border-bottom: 0;
    padding-bottom: 0;
}
#alertHtml .modal-body{
    padding-top: 10px;
    padding-bottom: 5px;
}
#alertHtml td,#alertHtml th{
    padding-left: 0px;
    padding-right: 0px;
    color: #555555;
}
#alertHtml th{
    color: #444444;
}
#alertHtml td{
    line-height: 2;
    border-bottom: 1px solid #c5c5c5;
    border-top: 0;
}
#alertHtml tr:last-child td{
    border-bottom: 0;
}
#alertHtml .modal-content{
    padding-left: 15px;
    padding-right: 15px;
    border-bottom: 3px solid #af1c1c;
}
#alertHtml td:nth-child(1){
    font-weight: 600;
    text-decoration: none;
}
#alertHtml td:nth-child(1) a{
    color: #555555;
}
#alertHtml td a{
    color: #555555;
}
#alertHtml td:nth-child(2){
    text-decoration: underline;
}
#alertHtml td:nth-child(3){
    text-align: right;
}
#alertHtml table i{
    color: #b40000;
}
#alertHtml table{
    margin-bottom: 0 !important;
}
#alertHtml .close{
    padding-top: 35px;
    padding-right: 5px;
}
#alertHtml .close i{
    font-size: 16px;
}
.added-bookmark i{
    color: #b40000;
}
.added-bookmark i:nth-child(1){
    font-size: 25px;
}
.added-bookmark sup i{
    font-size: 10px !important;
}
.added-bookmark sup{
    top: -1.5em;
}
.added-bookmark h5{
    margin-top: 0.5em;
    color: #b40000;
}
.added-bookmark{
    padding: 30px;
}
#Loading,#Loading2{
    border-bottom: 3px solid #af1c1c;
}
#Loading .modal-body,#Loading2 .modal-body{
    padding: 50px;
    text-align: center;
}
#Loading h5,#Loading2 h5{
    margin: 0px;
    color: #b40000;
}
#Loading i,#Loading2 i{
    font-size: 36px;
}
#Loading .please-wait,#Loading2 .please-wait{
    padding-top: 20px;
}
#Loading .modal-content,#Loading2 .modal-content{
    border: 0;
    border-radius: 0px;
    border-bottom: 3px solid #af1c1c;
}
.row-register-title,.row-register-title h5,.row-register-title i{
    margin: 0;
}
.row-register-title h5,.row-register-title i{
    display: inline-block;
}
.row-register-title i{
    float: right;
    font-size: 18px;
    margin-top: 10px;
}
.row-register-title h5{
    font-size: 22px;
}
.row-register-title{
    margin: 15px 0 -10px 0;
}





/*  */
/* The container */
.container-check{
    display: block !important;
    position: relative;
    padding-left: 20px !important;
    cursor: pointer;
    -webkit-user-select: none !important;
    -moz-user-select: none;
    -ms-user-select: none !important;
    user-select: none !important;
    font-size: 16px;
    color: #555555;
    margin: -20px 0 -10px 0 !important;
}

/* Hide the browser's default checkbox */
.container-check input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border: 1px solid #b40000;
    margin-top: 8px;
    border-radius: 2px;
}

/* On mouse-over, add a grey background color */
.container-check:hover input ~ .checkmark {
    background-color: #fce4e4;
}

/* When the checkbox is checked, add a blue background */
.container-check input:checked ~ .checkmark {
    background-color: transparent;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.container-check input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.container-check .checkmark:after {
    left: 5px;
    top: -3px;
    width: 7px;
    height: 15px;
    border: solid #b40000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-modal-register{
    position: relative;
    z-index: 99;
}
.row-register-title-create{
    margin: 0 !important;
    padding: 0 !important;
}
.row-register-title-create h5{
    font-size: 22px;
    margin: 0;
    padding: 0;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #registerformpopup .btn {
        text-shadow: none;
        box-shadow: none;
    }
    #alertHtml .modal-dialog{
        margin-top: 10%;
    }
}
.main-tabs li{
    cursor: pointer;
}
.side-box-body li a i{
    position: absolute;
    width: 30px;
    height: 43px;
    margin-left: -7px;
    line-height: 2.5;
}
#Loading, #Loading2{
    border: 0;
}
#PDFRender embed{
    height: 25.5cm;
}
.comment-edit-link{
    display: none;
}
#comment{
    box-shadow: unset !important;
}
.side-box .top button{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
@media (max-width:350px) {
    .comment-body p {
        margin: 10px 0 0.5em;
    }
}
.arrow-pagenation {
    z-index: 999;
}
.authorpage-p p{

}
.authorpage-p p a{
    color: #555555;
}
.author-books.author-page .col-3 .row .col-12{
    text-align: center;
}
.erf-container .erf-error{
    text-align: center;
    color: #b40000 !important;
    padding: 10px !important;
    margin-top: 15px;
    border-radius: 2px;
}
.erf-container .erf-error:empty{
    padding: 0px !important;
}
.row.related-reading-author-books.side .ml-3{
    margin-top: 2.5em;
}
@media (max-width:400px) {
    .navigation.pagination .nav-links >*{
        margin-top: 5px;
    }
}
.home .img-water-mark{
    width: 148px;
}
.home .img-water-mark-title{
    width: 110px;
    top: 50px;
    left: 17px;
    height: 115px;
}
.home .img-water-mark-title span{
    width: 110px;
    height: 115px;
}
.whats_new .mx-auto{
    margin-top: 15px;
}
.home .so-panel.widget.widget_sow-editor.panel-last-child .panel-widget-style,
.home .so-panel.widget.widget_sow-editor.panel-first-child > .panel-widget-style{
    width: auto !important;
}
@media (max-width:700px) {
    .home .siteorigin-panels-stretch .panel-grid-cell .panel-cell-style{
        padding: 0em 2em 0em 2em !important;
        width: 100% !important;
    }
}
.siteorigin-panels-stretch .panel-row-style .panel-grid-cell .card_footer{
    height: 100% !important;
    min-height: 310px !important;
}
@media (max-width:780px) {
    .donate-form .form-row{
        display: block;
        width: 100%;
    }
    .donate-form .form-row > div{
        width: 100%;
    }
    .donate-form .form-row button{
        width: 100%;
        margin-top: 10px !important;
    }
    .signup_for_mailing_form div{
        display: block;
        width: 100%;
    }
    .signup_for_mailing_form input,.signup_for_mailing_form button{
        margin-top: 10px !important;
        width: 100%;
    }
}

@media (max-width:1318px) and (min-width:780px) {
    .home h3{
        height: 20px;
    }
}
.home .card-body .img-water-mark {
    width: 100px;
}
.home .card-body .img-water-mark-title {
    width: 76px;
    top: 34px;
    left: 12px;
    height: 72px;
}
.home .card-body .img-water-mark-title span {
    height: 73px;
}
.card-footer h5{
    margin-top: 0rem;
    margin-bottom: 0rem;
}
.card-footer h5 a{
    margin-top: 0px;
    height: 60px !important;
    overflow: hidden;
}
.img-water-mark.large.card-body{
    height: auto;
}
.card.img-water-mark-width{
    width: 100px;
}
.card.img-water-mark-width .img-water-mark {
    max-height: 140px;
}
.whats_new .img-water-mark-title{
    width: 110px !important;
    top: 54px !important;
    left: 22px !important;
    height: 110px !important;
}
.whats_new .img-water-mark-title span{
    height: 110px !important;
}
#carouselExampleControls2 a {
    font-size: 18px;
}
#menu-home-2 li{
    border-bottom: 1px solid #d5d5d5;
    box-shadow: 0px 0px 5px #d5d5d5;
}
#menu-home-2 .sub-menu{
    background-color: #F2F2F2;
}
#menu-home-2 .sub-menu li{
    box-shadow: none !important;
}
#menu-home-2  li.red-text > a .x-anchor-text-primary{
    color: #b00000 !important;
    font-weight: bold;
}
.hm14.x-menu > li > .x-anchor .x-anchor-content {
    justify-content: unset;
}
.hm14.x-menu > li > .x-anchor .x-anchor-text-primary {
    font-size: 14.5px;
    letter-spacing: 0em;
    line-height: 1;
    text-transform: capitalize;
    font-style: normal;
    font-weight: normal;
}
.jp-controls button {
    text-indent: 4px !important;
    margin-top: 0px;
}
.jp-current-time,.jp-duration{
    top: 14px !important;
}
.jp-volume-controls {
    top: 11px !important;
    right: 30px !important;
}
.jp-type-single{
    direction: ltr;
}
.side .pagination_arrow {
    line-height: 40px !important;
}
#menu-home-2 li:first-child{
    box-shadow: 0px 2px 3px #ededed;
}
#menu-home-2 li:last-child{
    box-shadow: 0px -1px 3px #ededed;
    border-bottom: 0px solid #d5d5d5;
}
.home h3 {
    font-size: 24px;
}
.siteorigin-widget-tinymce.textwidget h1{
    font-size: 30px;
}
.siteorigin-widget-tinymce.textwidget p{
    font-size: 20px;
    text-align: justify;
}
.language-div{
    display: inline-block;
    vertical-align: unset;
}
#menu-home-2 li a.active,
#menu-home-2 li a.active span.x-particle.x-anchor-particle-primary,
#menu-home-2 li a.active span.x-particle.x-anchor-particle-primary.x-active
{
    background-color: #b40000 !important;
    color: #FFFFFF !important;
    box-shadow: inset 0 0rem 1rem rgba(0,0,0,.2) !important;
    opacity: 1 !important;
}
#menu-home-2 li a.active span.x-particle.x-anchor-particle-primary.x-active{
    transform: unset !important;
}
#menu-home-2 li a.active span.x-particle.x-anchor-particle-primary span,
#menu-home-2 li a.active span.x-particle.x-anchor-particle-primary.x-active span{
    display: none !important;
    background-color: #b40000 !important;
    opacity: 1 !important;
    border: 0px !important;
    box-shadow: none !important;
}
#menu-home-2 li a.active span
{
    font-weight: bold !important;
}
#commentform input.error,
#commentform select.error{
    box-shadow: inset 0 0rem 0.3rem #b40000 !important
}
.whats_new span.p-1{
    font-size: 14px;
}
.pagination_arrow {
    line-height: 40px !important;
}
.side .pagination_arrow {
    line-height: 44px !important;
}
.header-icon {
    line-height: 47px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .pagination_arrow {
        line-height: 41px !important;
    }
    .side .pagination_arrow {
        line-height: 41px !important;
    }
    .language-div {
        font-size: 22px;
        vertical-align: unset;
    }
    .header-icon {
        line-height: 47px;
        margin: 5px !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .language-div {
        font-size: 22px;
        vertical-align: baseline;
    }
    .header-icon {
        line-height: 47px;
    }
    .row.mt-5.author-books.author-page{
        width: 100%;
    }
    .authorpage-p p{
        margin-top: 4em;
    }
    .pagination_arrow{
        line-height: 28px !important;
    }
    .side .pagination_arrow {
        line-height: 44px !important;
    }
    .jp-play {
        line-height: 0 !important;
    }
    #Loading.modal.fade .modal-dialog,#Loading2.modal.fade .modal-dialog{
        -webkit-transform: translate(0, 25%) !important;
        transform: translate(0px, 25%) !important;
    }
}
.hm14.x-menu > li > .x-anchor .x-anchor-text-primary {
    text-align: left;
    line-height: 20px;
}
.jp-progress{
    background-color: #bf1b1a !important;
}
.single_author_page p{
    text-align: left !important;
}
@media (max-width:600px) {
    #PDFRender embed {
        height: 19.6cm;
    }
}
@media (max-width:500px) {
    #PDFRender embed {
        height: 16cm;
    }
}
.author-page-book-sort{
    padding: 30px;
}
.card-footer:last-child {
    padding: 0px !important;
}
@media (max-width:1100px) {
    .card-footer:last-child {
        padding: 10px !important;
    }
}
@media (max-width:800px) {
    .card-footer:last-child {
        padding: 20px !important;
    }
}
@media (max-width:370px) {
    .card-footer:last-child {
        padding: 30px !important;
    }
}
#carouselExampleControls2 a{
    font-size: 14px;
}
.card-footer div.col-12.p-0{
    height: 75px !important;
}
@media (max-width:700px) {
    .siteorigin-panels-stretch .panel-row-style .panel-grid-cell .card_footer{
        padding: 1.75em !important;
    }
}
/* Set delay for main side menu */
[data-x-particle].x-active[data-x-particle*="scale"] {
    transition-duration: 0.5s;
}
.x-anchor, .x-anchor-text-primary, .x-anchor-text-secondary, .x-anchor-sub-indicator {
    transition-duration: 1s;
    transition-timing-function: unset;
}
[data-x-particle]{
    transition-delay: unset;
    transition-duration: 1s;
    transition-property: unset;
    transition-timing-function: unset;
}
/* Set delay for main side menu */
@media (max-width:780px) {
    .home .siteorigin-panels-stretch .prize-section-home .panel-grid-cell .panel-cell-style{
        padding: 30px !important;
        margin: 0 auto !important;
    }
}
.signup_for_mailing_form  button,.donate-form button{
    padding: 0.7em 1.125em 0.5em 1.125em !important;
}
.title-author-book-all{
    margin-top: .75rem;
}
#menu-home-1 li span{
    letter-spacing: 0em !important;
}
#reply-title{
    margin: 35px 0 35px !important;
    font-size: 16px;
    line-height: 2;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 15px;
}
@media (max-width:500px) {
    #commentform input{
        width: calc(100% - 80px);
    }
}
.main-tabs li.disable{
    display: none;
}
#menu-home-2 li a.active span.x-particle.x-anchor-particle-primary{
    box-shadow: unset !important;
}
.language-div {
    font-size: 18px;
    font-size: 25px;
}
#noCommentTitle{
    font-family: 'Droid Arabic Naskh', 'Open Sans', sans-serif !important;
    font-size: 14px !important;
}
.prize-info{
    padding-bottom: 2em !important;
}
@supports (-ms-ime-align: auto) {
    /*Targeting Edge  */
    .header-icon {
        line-height: 45px;
    }
    .pagination_arrow {
        line-height: 40px !important;
    }
    .side .pagination_arrow {
        line-height: 45px !important;
    }
}
.comment-body br{
    display: none;
}
@media (max-width:450px) {
    .comment-awaiting-moderation{
        display: block;
        margin-top: 20px;
    }
}
@media (max-width:979px) {
    #cs-content .mt-0.pl-3.pr-3 .col-11.mx-auto.my-4.text-secondary .col-lg-9.col-md-12.p-0.pr-4{
        padding-right: 0rem !important;
    }
}
@media (max-width:350px) {
    .mt-0.container.container .col-lg-6.mb-5.col-md-12.col-xs-12 .col-8 .col-12{
        padding-left: 30px;
    }
}
.slider-cover .book-img{
    max-height: 220px;
    height: 215px;
    width: 148px;
}
.slider-cover .img-water-mark-title,.slider-cover .img-water-mark-title span{
    width: 108px !important;
    top: 53px !important;
    left: 20px !important;
    height: 107px !important;
}
#carouselExampleControls2 .img-water-mark-width {
    width: 148px !important;
}
body.modal-open{
    padding-right: 0px !important;
}
.box ul li{
    border-top:0px !important;
    border-bottom:0px !important;
}
.box ul li a{
    color: #fff !important;
}
.whatsnew-card{
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.internal-page-author-book{
    width: 148px;
    height: 215px;
}
.internal-page-author-book .book-img{
    width: 148px;
    height: 215px;
}
.internal-page-author-book .img-water-mark-title,
.internal-page-author-book .img-water-mark-title span{
    width: 110px;
    top: 5px;
    left: 20px !important;
    height: 130px;
    font-size: 22px;
}
@media (max-width:1200px) and (min-width:992px) {
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 40px;
    }
}
@media (max-width:1100px) and (min-width:992px) {
    .internal-page-author-book-main .col-8 .col-12{
        padding-left: 40px;
    }
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 40px;
    }
}
@media (max-width:1000px){
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 60px;
    }
}
@media (max-width:470px){
    .internal-page-author-book-main .col-8 .col-12{
        padding-left: 40px;
    }
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 50px;
    }
}
@media (max-width:410px){
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 60px;
    }
}
@media (max-width:390px){
    .internal-page-author-book-main .col-8 .col-12{
        padding-left: 70px !important;
    }
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 70px;
    }
}
@media (max-width:350px){
    .single-page-author-book-main .col-8 .col-12{
        padding-left: 90px !important;
    }
}
.internal-page-author-book-main a p.card-text{
    color: #2f2f28;
}
/* enhance main menu */
[data-x-particle] span {
    background-color: transparent;
}
.hm14.x-menu > li > .x-anchor[class*="active"] .x-anchor-text-primary {
    color: rgb(47, 47, 40);
}
#menu-home-2 li:hover{
    background-color: currentColor;
    -webkit-transition: 0.8s;
    -moz-transition: 0.8s;
    -ms-transition: 0.8s;
    -o-transition: 0.8s;
    transition: 0.8s;
}
#menu-home-2 li:hover span{
    color: #fff;
}
#menu-home-2 li a.active span{
    color: #fff;
}
/* enhance main menu */
#registerformpopup input{
    max-width: 100% !important;
}
.book-img,.row.whats_new .mx-auto{
    -moz-box-shadow: 0em 0em 0.4em rgba(159, 159, 159, 0.5);
    -webkit-box-shadow: 0em 0em 0.4em rgba(159, 159, 159, 0.5);
    box-shadow: 0em 0em 0.4em rgba(159, 159, 159, 0.5);
    border-radius: 3px;
}
.shamilah-img{
  box-shadow: 0em 0em 0em rgba(159, 159, 159, 0.5);
  -moz-box-shadow: 0em 0em 0em rgba(159, 159, 159, 0.5);
  -webkit-box-shadow: 0em 0em 0em rgba(159, 159, 159, 0.5);
}
/* Hussein Alwesi 25-09-2018 */
.jp-current-time {
    left: 15px !important;
}
.jp-duration {
    right: 15px !important;
}
.jp-audio .jp-type-single .jp-progress {
    left: 55px !important;
    width: calc(100% - 110px) !important;
}
.jp-type-single .jp-gui.jp-interface:nth-child(1){
    height: 30px;
}
.jp-type-single .jp-gui.jp-interface:nth-child(2){
    height: 35px;
    background: #FFF;
    border: 1px solid #b1b1b1;
}
.jp-audio .jp-controls {
    padding: 1px 0px 0;
}
.jp-volume-controls {
    top: 9px !important;
}
.jp-volume-controls.backward{
    right: unset !important;
    left: 50px;
    top: 11px !important;
}
.jp-volume-controls.forward{
    right: unset !important;
    left: 90px;
    top: 11px !important;
}
.jp-volume-controls.speed_rate{
    right: unset !important;
    left: 130px;
    top: 11px !important;
}
.dropdown-x-speed{
    min-width: auto;
    left: 100px;
    background-color: #b30000;
}
.dropdown-x-speed a:hover{
    background-color: #be1a19;
    color: #fff;
}
.dropdown-x-speed a{
    color: #fff;
}
.dropdown-x-speed a.active{
    background-color: #be1a19;
    color: #fff;
}
/* .jp-type-single .jp-gui.jp-interface:nth-child(2) .jp-controls{
  background: #FFF;
  border: 1px solid gray;
} */
#addPlayListModal{

}
#addPlayListModalTitle{
    line-height: 1.5;
    margin-top: 0 !important;
    color: #b40000;
}
#addPlayListModal .modal-header{
    border-bottom: 0px solid #e9ecef;
}
#addPlayListModal .modal-footer{
    border-top: 0px solid #e9ecef;
}
#playListSelectCategory{
    display: inline-block;
    width: calc(100% - 100px);
    margin: 0;
    margin-left: 5px;
}
#addNewPlayListCategoryButton{
    background-color: #af1c1c;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: 0;
    vertical-align: middle;
    text-align: center;
    width: 30px;
    height: 30px;
    margin-top: 1px;
    margin-left: 5px;
}
#add-to-playlist{
    color: #f0eff0;
    border-color: #af1c1c;
    background-color: #af1c1c;
    margin-bottom: 0;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: .5em 1em .5em 1em;
    margin-left: 14%;
}
#addPlayListModal .modal-header,#addPlayListModal .modal-body{
    padding-left: 25px;
    padding-right: 25px;
}
.row-form{
    margin-top: 15px;
    margin-bottom: 15px;
}
#addPlayListModalForm span{
    padding-top: 5px;
}
#addPlayListModal .modal-content{
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 3px solid #af1c1c;
    border-radius: 0;
}
#addPlayListModalForm{
    margin: 0 0 1.15em;
}
#playListSelectCategory{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url("/../wp-content/themes/pgt/assets/image/pgt-arrow.png") 100% no-repeat #fff;
    cursor: pointer;
    border-radius: 1px;
}
#playListSelectCategory:focus{
    border-color: #af1c1c;
    box-shadow: unset;
}
.add-new-playlist{
    display: none;
}
.add-new-playlist .modal-body{
    padding-top: 0px;
    padding-bottom: 0px;
}
#addNewPlayListModalForm label input{
    height: 2.75em;
    width: calc(100% - 55px);
    margin: 0;
    margin-left: 10px;
}
#addNewPlayListModalForm .row-form{
    margin: 0;
}
.multiple-select-form{
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: 2px;
}
#add-new-playlist{
    color: #f0eff0;
    border-color: #af1c1c;
    background-color: #af1c1c;
    margin-bottom: 0;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0;
    padding: .5em 1.5em .5em 1.5em;
    margin-left: 0%;
}
.multiple-select-form:focus{
    border-color: #b40000;
    box-shadow: unset;
}
.list-of-playlist{
    height: 120px;
    overflow: auto;
    margin: 0;
    margin-top: 15px;
    margin-bottom: 15px;
    background-color: #f6f6f6;
    border: 1px solid #e0e0e0;
    padding: 15px;
    padding-top: 15px;
    padding-bottom: 0;
    list-style: none;
}
.list-of-playlist span{
    margin-left: 5px;
    vertical-align: inherit;
}
.list-of-playlist i{
    color: #b40000;
    vertical-align: middle;
}
.fa-stack .fa-play{
    margin-top: 10px;
    margin-left: 16px;
    width: auto;
    height: auto;
    font-size: 12px;
}
ul .fa-stack .fa-play{
    margin-top: 2px;
    margin-left: 12px;
    width: auto;
    height: auto;
    font-size: 10px;
}
ul .fa-stack .fa-clone{
    font-size: 24px;
}
#profile-form label{
    font-weight: 600;
}
.border-bottom-section{
    border-bottom: 3px solid #b40000 !important;
    background-color: #fff;
    box-shadow: 0px 0px 5px #c8c8c8;
    margin-top: 6em;
}
#profile-form textarea,
#profile-form select,
#profile-form input{
    padding-left: 0;
    padding-right: 0;
    border: 0;
}
#profile-form.form-edit textarea,
#profile-form.form-edit select,
#profile-form.form-edit input{
    border: 1px solid #ced4da;
    padding: .375rem .75rem;
}
#profile-form .form-control:focus{
    border-color: #b40000;
    box-shadow: none;
}
.head-profile{
    margin-top: -6em;
    padding: 0px 30px 0px 30px;
}
.user-img {
    text-align: center;
    height: 123px;
}
#profile-form{
    padding-left: 30px;
    padding-right: 30px;
}
.back-cover-profile-img{
    border-bottom: 2px solid #b40000 !important;
}
.user-profile-img img{
    border-radius: 50%;
    box-shadow: inset 0px 0px 10px #c5c5c5;
}
.user-profile-img-div{
    width: 150px;
    height: 150px;
    position: absolute;
    z-index: 1000;
    margin: 0 auto;
    border-radius: 50%;
    border: 3px solid #ffffff;
    top: -75px;
    left: 0;
    right: 0;
    box-shadow: 0px 0px 5px #cfcfcf;
}
.user-profile-img{
    text-align: center;
}
.user-profile-section label{
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}
.user-profile-section{
    margin-top: 8em;
    margin-bottom: 2em;
}
.user-profile-section label i{
    color: #2f2f28;
    font-weight: 500;
}
.user-profile-section span{
    color: #2f2f28;
}
#profile-form .form-control:disabled,#profile-form .form-control[readonly]{
    background-color: #fff;
    cursor: default;
}
#profile-form textarea{
    overflow: hidden;
    resize: none;
}
#profile-form select{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
}
#profile-form.form-edit select{
    -webkit-appearance: menulist;
    -moz-appearance: menulist;
    -ms-appearance: menulist;
    -o-appearance: menulist;
    appearance: menulist;
}
#profile-form .btn-edit,
#profile-form .btn-make-edit
{
    display: none;
    color: #f0eff0;
    border-color: #b40000;
    background-color: #b40000;
    margin-bottom: none;
    text-shadow: none;
    box-shadow: none;
    border-radius: none;
    padding: 10px 30px;
    /*margin-top: 2em;*/
    height: 45px;
    top: 0px;
    margin: 0px;
}
#profile-form .btn-make-edit{
    display: inline-block;
}
#profile-form.form-edit .btn-make-edit{
    display: none;
}
#profile-form.form-edit .btn-edit{
    display: inline-block;
}
#profile-form select::-ms-expand{
    display: none;
}
#profile-form.form-edit select::-ms-expand{
    display: inline-block;
}
.name-user{
    color: #b40000 !important;
}
.book-mark-table h5{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.book-mark-table a{
    color: inherit;
}
.book-mark-table i{
    color: #b40000;
}
.book-mark-table{
    padding-left: 40px;
    padding-right: 40px;
}
.title-list{
    margin-top: 1em;
    margin-bottom: 0em;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 600;
}
.title-list-download{
    margin-top: 1em;
    margin-bottom: 1em;
    padding-left: 40px;
    padding-right: 40px;
    font-weight: 600;
}
.book-mark-table td{
    padding: 25px 0px 25px 0px;
}
.book-mark-table tr:first-child td{
    border-top: 0;
}
.book-mark-table tr td:nth-child(2){
    vertical-align: bottom;
    text-align: right;
    padding-right: 40px;
    width: 40px;
}
.book-mark-table tr td:nth-child(1) h5,.book-mark-table tr td:nth-child(1) a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
/* .book-mark-table .table{
    table-layout: fixed;
} */
/*  */
.download-list-table h5{
    margin: 0;
    font-size: 14px;
    font-weight: 600;
}
.download-list-table a{
    color: inherit;
}
.download-list-table i{
    color: #b40000;
}
.download-list-table{
    padding-left: 40px;
    padding-right: 40px;
}
.download-list-table td{
    padding: 15px 0px 15px 0px;
}
.download-list-table tr:first-child td{
    border-top: 0;
}
.download-list-table tr td:last-child,
.download-list-table tr td:nth-child(3),
.download-list-table tr td:nth-child(2){
    vertical-align: bottom;
}
.download-list-table tr td:nth-child(1) h5,.download-list-table tr td:nth-child(1) a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
/* .download-list-table .table{
    table-layout: fixed;
} */
.download-list-table tr th{
    border-bottom: 0;
    padding: 0;
}
.download-list-table tr td:nth-child(1),
.download-list-table tr th:nth-child(1){
    width: 40%;
}
.download-list-table tr td:nth-child(2),
.download-list-table tr th:nth-child(2){
    text-align: center;
}
.download-list-table tr td:nth-child(3),
.download-list-table tr th:nth-child(3){
    text-align: center;
}
.download-list-table tr td:nth-child(4),
.download-list-table tr th:nth-child(4){
    text-align: center;
}
@media (max-width:500px){
    .download-list-table tr td:nth-child(1), .download-list-table tr th:nth-child(1) {
        width: auto;
    }
}
.book-mark-table h5:nth-child(2) a{
    font-weight: 500;
}
.download-list-table h5:nth-child(2) a{
    font-weight: 500;
}
.download-list-table .table,.book-mark-table .table{
    margin-bottom: 0rem;
}
#main_header_menu_container a:first-child img{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px #cfcfcf;
}
#main_header_menu_container a:first-child{
    color: inherit;
}
.hm6.x-bar-container.show{
    display: flex;
}
#main_header_menu_container .dropdown-menu a{
    margin-left: 0% !important;
}
#main_header_menu_container .dropdown-menu a:hover{
    background-color: #f0f0f0;
}
.header-icon.facebook{
    background-color: #42579a;
}
.header-icon.facebook:hover{
    background-color: #ffffff;
    color: #42579a;
    border: 1px solid #42579a !important;
}
.dropdown-toggle::after{
    display: unset;
    width: unset;
    height: unset;
    margin-left: unset;
    vertical-align: unset;
    border: none;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    left: 5px;
    top: 2px;
    position: relative;
}
.play-list-table .card,.play-list-table .card-header{
    border: 0px;
}
.play-list-table .card-header{
    background-color: #efefef;
    padding: 0;
}
.play-list-table .card-header .mb-0.row .col:nth-child(1),
.play-list-table .card-header .mb-0.row .col:nth-child(2),
.play-list-table .card-header .mb-0.row .col:nth-child(3){
    margin-top: 5px;
}
.play-list-table{
    padding: 0px 50px 20px 80px;
}
.play-list-table .fa-stack{
    top: 6px;
    line-height: 1.3em;
}
.play-list-table .fa-clone{
    font-size: 1.3em;
}
.play-list-table .fa-play{
    margin-top: 3px;
    font-size: 8px;
}
.choices-player{
    text-align: right;
}
.choices-player > div{
    display: inline-block;
    padding: 0px 10px 0px 10px;
    vertical-align: sub;
}
.choices-player .btn.btn-link{
    padding: 0;
    padding-top: 3px;
}
.choices-player .play i,.choices-player .pop-list i{
    color: #545454;
}
.card .card-body .row{
    border-bottom: 1px solid #d5d5d5;
    width: 100%;
    margin-left: 0px;
    padding: 10px 0px 10px 0px;
}
.card .card-body{
    padding: 0;
}
.card .duration{
    padding: 0px 40px 0px 40px;
    color: #000000;
}
.card .card-body .row.active .col,
.card .card-body .row.active .col-3{
    background-color: #fff0f1;
    color: #b40000;
}
.card .card-body .row.active .col{
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.card .card-body .row.active .col-3{
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
#playlistAccordion .card-body .row:last-child{
    border-bottom: 0px;
}
.auto-play-switch{
    padding: 0px 50px 20px 70px;
    font-size: 18px;
    font-weight: 500;
}
/* Switch */
.switch {
    position: relative;
    display: inline-block;
    width: 30px;
    height: 15px;
    margin: 0px 0px -2px 10px;
}
.switch input {display:none;}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}
.slider:before {
    position: absolute;
    content: "";
    height: 20px;
    width: 20px;
    left: -10px;
    bottom: -2px;
    background-color: #ba7575;
    -webkit-transition: .4s;
    transition: .4s;
    box-shadow: inset 0px 0px 2px #000;
}
input:checked + .slider {
    background-color: #e2e2e2;
    box-shadow: inset 0px 0px 3px #6c6c6c;
}
input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}
.slider.round {
    border-radius: 34px;
}
.slider.round:before {
    border-radius: 50%;
}
.player-section.playlist{
    padding: 0;
    bottom: -3px;
}
.player-section.playlist .jp-volume-controls.play{
    left: 50px !important;
}
.player-section.playlist .jp-volume-controls.backward{
    left: 22px !important;
}
.player-section.playlist .jp-volume-controls.play .jp-play{
    height: 27px;
}
.player-section.playlist .jp-volume-controls.play .jp-play i{
    font-size: 13px;
}
.jp-volume-controls.repeat{
    right: unset !important;
    left: 170px;
    top: 11px !important;
}
.footer-upper{
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9999999999999;
    background-color: #333333;
    width: 100%;
    color: #ffffff;
}
.footer-upper a,.footer-upper a i{
    color: #ffffff;
    vertical-align: top;
}
.footer-upper p{
    letter-spacing: 1px;
    font-size: 13px;
}
.footer-upper a i{
    padding: 0px 50px 0px 50px;
}
.footer-upper a:hover,
.footer-upper a i:hover{
    color: #b40000;
}
@media (max-width:500px){
    .play-list-table {
        padding: 0px 10px 20px 40px;
    }
}
@media (max-width:767px){
    .footer-upper .clearfix.w-100.d-md-none.pb-3,
    .footer-upper,
    .footer-upper .col-md-5.mt-md-0.mt-3,
    .footer-upper p{
        margin: 0 !important;
        padding: 0 !important;
    }
}
/**
Muath abu zr :: 04-10-2018
Remove Arrow from DDL
*/
.remove-arrow .dropdown-toggle:after{
    display: none;
}
.category_input_name{
    height: inherit !important ;
    padding: 0px 5px 0px 5px !important;
    margin: 0px 5px 0px 5px !important;
}
/**
Hussein Alwesi :: 07-10-2018
*/
#avatar,#change-profile-img{
    display: none;
}
#img-profile-preview{
    width: 144px;
    height: 144px;
}
.user-profile-img-div i{
    position: absolute;
    right: 25px;
    top: 25px;
    color: #b40000;
    cursor: pointer;
}
#profile-form .alert{
    margin-top: 1rem;
}
#playListCategoryName{
    width: calc(100% - 59px);
    margin-left: 15px;
    height: 40px;
    margin-bottom: 0;
}
#back-playlist{
    color: #f0eff0;
    border-color: #af1c1c;
    background-color: #af1c1c;
    margin-bottom: 0;
    text-shadow: unset;
    box-shadow: unset;
    border-radius: 0;
    padding: .49em 1.5em .49em 1.5em;
    margin-left: 0%;
    border: 0;
}
#addPlayListModal .alert{
    margin: 0;
    width: 100%;
}
.dropdown-toggle:focus{
    box-shadow: none;
}
.remove-arrow .dropdown-menu a:hover{
    background-color: #e9e9e9;
}
.footer-upper {
    z-index: 1039;
}
.x-main.full{
    padding-bottom: 4em;
}
.page-footer{
    padding-top: 1rem !important;
}
@media (max-width:768px) {
    .page-footer {
        padding-top: 0rem !important;
    }
    .page-footer .mt-3,.page-footer .mb-3{
        margin-top: 3px !important;
        margin-bottom: 3px !important;
    }
    .x-main.full {
        padding-bottom: 0;
    }
}
.dropup .dropdown-toggle{
    background-color: transparent;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    #addPlayListModal .modal-content {
        margin-top: 5em;
    }
    #playListSelectCategory::-ms-expand {
        display: none;
    }
}
.box.map-viewer{
    padding: 0;
    background-color: transparent;
}
#clustrmaps-widget-v2{
    width: 100% !important;
}
#carouselExampleControlsTrending .card.img-water-mark-width{
    width: 150px !important;
}
.has-read i{
    color: #8f8f8f !important;
}
.has-read.active i{
    color: #b40000 !important;
}
.side-box-body li .has-read a i{
    margin-left: -6px;
}
.more-option{
    transform: translate3d(0px, 0px, 0px) !important;
    height: auto !important;
    width: auto !important;
    border: 1px solid #c3c3c3 !important;
    padding: 0px 0px !important;
}
.more-option:hover{
    background-color: #fff !important;
}
.more-option a:hover{
    background-color: #e7e7e7 !important;
}
.more-option a{
    line-height: 2.55 !important;
}
.dropdown-item.download i{
    position: unset;
    width: unset;
    height: unset;
    margin-left: unset;
    line-height: unset;
}
#schools{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background: url("/../wp-content/themes/pgt/assets/image/pgt-arrow.png") 100% no-repeat #fff;
    cursor: pointer;
    border-radius: 1px;
    width: 50%;
    margin: 0;
    margin-left: 15px;
    margin-right: 15px;
}
#schools::-ms-expand {
    display: none;
}
.switch.checked-true .slider::before{
    background-color: #b40000;
}
.dropdown-menu.more-option{
    height: auto !important;
}
.book-mark-table tr td:nth-child(2),
.book-mark-table tr td:nth-child(3),
.book-mark-table tr td:nth-child(4){
    text-align: center;
    vertical-align: bottom;
    width: auto;
}
/* .book-mark-table tr td:nth-child(2){
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
} */
@media (max-width:540px){
    .choices-player .duration{
        padding: unset;
    }
}
.more-option a{
    border-bottom: 1px solid #dbdbdb;
    text-align: left;
}
.user-profile-img-div i{
    display: inline;
    width: 150px;
    height: 150px;
    right: -3px;
    top: -3px;
    line-height: 6;
    font-size: 25px;
    border-radius: 50%;
    color: #fff;
    background-color: #000000;
    opacity: 0.3;
}
.user-img .x-bg-layer-lower-image{
    background-image: url(../image/hader_image.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.user-profile-img-div::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.41);
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.41);
    border-radius: 50%;
}
.dropdown-menu.more-option{
    width: calc(100% - 32px) !important;
    box-shadow: 0px 0px 10px 5px #e7e7e7;
}
.download-list-table tr:nth-child(2) td,
.book-mark-table tr:nth-child(2) td{
    border-top: 0;
}
.download-list-table tr:nth-child(1) th,
.book-mark-table tr:nth-child(1) th{
    border: 0;
}
.single_author_page.mb-5 .col-lg-2.col-md-12{
    min-width: 180px;
}
@media (max-width:500px) {
    .single_author_page.mb-5 .row{
        margin: 0 auto;
        text-align: center;
    }
}
@media (max-width:575px) {
    #schools {
        width: 100%;
    }
}
@supports (-ms-ime-align: auto) {
    .dropdown-toggle::after {
        display: none;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .single_author_page.mb-5{
        width: 100%;
    }
    .side-box-body li a i {
        margin-left: 10px !important;
    }
    .more-option a {
        text-align: center;
    }
}
@supports (-ms-ime-align: auto) {
    .side-box-body ul li div:nth-child(2) a, .side-box-body ul li div:nth-child(3) a {
        margin-left: 0px;
    }
    .side-box-body li a i {
        margin-left: -15px;
    }
    .side-box-body li .has-read a i {
        margin-left: -15px;
    }
    .text-shadow {
        text-shadow: none !important;
    }

}
.jp-volume-controls button {
    text-indent: -3px !important;
}
.jp-controls[title="Play"]{
    width: 50px !important;
}

.login-header img{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px #cfcfcf;
}
.hr-line {
    height: 70%;
    width: 1px;
    background-color: #c5c5c5;
    margin-left: 20px;
    margin-right: 10px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    .play-list-table .fa-play {
        margin-top: 6px;
    }
}
@supports (-ms-ime-align: auto) {
    .play-list-table .fa-play {
        margin-top: 7px;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .play-list-table .fa-play {
        margin-top: 7px;
    }
}
.clstm.clustrmaps-visitors{
    padding-top: 10px;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .more-option a {
        text-align: left;
        margin: 0px !important;
    }
    .more-option{
        position: relative;
    }
    .more-option .dropdown-item i{
        position: relative;
    }
}
#alertHtml tbody tr td:nth-child(2),
#alertHtml tbody tr td:nth-child(3),
#alertHtml tbody tr td:nth-child(4){
    /* text-align: center; */
    text-align: left;
}
.erf-login-container .erf-message{
    text-align: center;
}
.erf-password-lost-container h3{
    padding-top: 25px;
}
.erf-login-container .erf-message{
    color: #b40000;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .side-box-body ul li div:nth-child(3) a{
        margin: 0;
    }
    /* .side-box-body li .has-read a i {
        margin-left: 5px;
    } */
}
    .side-box-body li .has-read a i {
        margin-left: -20px;
        width: 41px;
        height: 48px;
        line-height: 48px;
    }
@-moz-document url-prefix(){
    .side-box-body ul li div:nth-child(3) a{
        margin-left: 0px ;
    }
    .logged-in .side-box-body ul li div:nth-child(3) a{
        margin-left: 0px ;
    }
}
@supports (-ms-ime-align: auto) {
    .side-box-body li .has-read a i {
        margin-left: -15px;
    }
}
.under-player-audio a{
    display: inline-block;
}
.btn-group.dropup .dropdown-menu{
    width: 285px !important;
    /* height: 315px; */
    top: unset !important;
    transform: unset !important;
    left: unset !important;
    will-change: unset !important;
    bottom: 0px !important;
    right: 0;
    padding: 0;
}
.wcCurrentUserName{
    display: none !important;
}
.btn-group.dropup .dropdown-menu .position-relative{
    box-shadow: rgb(167, 167, 167) 0px 0px 5px 1px;
}
.wcContainer .wcMessages{
    height: 200px !important;
    border-bottom: 1px solid #b30000 !important;
}
.wcContainer .wcInputContainer {
    height: 31px !important;
}
.wcEmoticonsLayer{
    box-shadow: rgb(167, 167, 167) 0px 0px 5px 1px;
}
.wcCustomizations{
    display: none;
}
.wcControlsButtonsIncluded input.wcSubmitButton{
    border: 1px solid #b40000 !important;
    background-color: #b40000 !important;
    color: #ffffff !important;
}
.wcInput::placeholder {
    color: #7a7a7a !important;
    opacity: 1 !important;
}
#es_txt_button{
    background-color: #b40000;
    border: 0;
    border-radius: 0;
    text-shadow: unset;
    padding: 13px 20px;
    box-shadow: unset;
    margin-top: -4px;
}
#es_txt_button:active{
    background-color: #bd2130;
}
.es_shortcode_form .es_lablebox{
    display: none;
}
.es_textbox,.es-field-wrap{
    width: 170px;
    display: inline-block;
}
.es_button{
    width: auto;
    display: inline-block;
}
.es_textbox input,
.es-field-wrap input{
    width: 170px;
}
.signup_for_mailing_form{
    display: none;
}
.es_caption{
    padding: 0 !important;
    margin: 0;
}
.es_caption h3{
    margin-bottom: 38px !important;
}
@media (max-width:1073px) {
    .es_caption{
        padding-bottom: 1em !important;
    }
}
@media (max-width:860px) {
    .es_textbox,.es-field-wrap {
        width: 100%;
    }
    .es_textbox input,.es-field-wrap input {
        width: 100%;
    }
    .es_button {
        width: 100%;
    }
    .es_button input{
        width: 100%;
    }
}
@media (max-width:942px) {
    .fixed-bottom.mb-5{
        margin-bottom: 5rem !important;
    }
}
@media (max-width:392px) {
    .fixed-bottom.mb-5{
        margin-bottom: 6.5rem !important;
    }
}
@media (max-width:281px) {
    .fixed-bottom.mb-5{
        margin-bottom: 8.5rem !important;
    }
}
/* 14-11-2018 Hussein Alwesi */
.form-center{
    margin: 0 auto;
}
.form-center input,
.form-center textarea,
.form-center select{
    width: 100%;
    border-radius: .25rem;
    border: 1px solid #ced4da;
}
.form-center input:focus,
.form-center textarea:focus,
.form-center select:focus{
    border-color: #b40000;
    box-shadow: none;
}
.form-center select{
    height: 48px;
}
.form-center label{
    color: #b40000;
    font-weight: 600;
}
.form-center button{
    margin-bottom: 0.25em;
    border-radius: 0.25em;
    display: inline-block;
    position: relative;
    border: 1px solid #ac1100;
    cursor: pointer;
    font-size: 16px;
    font-weight: inherit;
    line-height: 1.3;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    background-color: #ff2a13;
    transition: all 0.15s linear;
    /*  */
    color: #f0eff0;
    border-color: #b40000;
    background-color: #b40000;
    text-shadow: none;
    box-shadow: none;
    padding: 10px 30px;
}
.form-center button:hover{
    color: #f0eff0;
    border-color: #c61e1e;
    background-color: #c61e1e;
    text-shadow: none;
    box-shadow: none;
}
@media (max-width:575px) {
    .form-center {
        width: 90%;
    }
    .form-center button{
        display: block;
        width: 100%;
        text-align: center;
    }
}
.donate-alert{
    width: 90%;
    margin: 0 auto;
    margin-bottom: 15px;
    font-size: 14px !important;
}
.bankAccount-card{
    background-color: #ded4b2;
    padding: 30px;
    text-align: center;
    margin: 0 auto;
    font-weight: 600;
}
.bankAccount-card button{
    margin: 20px 0 -10px 0;
    border-radius: 4px;
    border: 2px solid rgb(171, 143, 56);
    background-color: rgb(255, 255, 255);
    color: rgb(171, 143, 56);
    font-weight: 600;
    padding: 0px 10px;
    transition: 0.5s;
}
.bankAccount-card button:hover{
    background-color: rgb(171, 143, 56);
    color:rgb(255, 255, 255);
    transition: 0.5s;
}
.es_textbox input,
.es-field-wrap input{
    width: 100%;
}
.es_textbox,
.es-field-wrap{
    width: calc(50% - 65px);
}
.es_button {
    width: 115px;
}
#es_txt_button{
    width: 115px;
}



/*  */
.img-water-mark-author.book-img {
    /*background-color: transparent !important;
    border-radius: unset !important;
    box-shadow: none;
    width: 75%;
    height: 100%;*/
    box-shadow: none;
    background-color: transparent !important;
    border-radius: 0% !important;
    width: 148px;
    height: 215px;
    border-image: url(../../images/Author-image.png) 66 round;
    border-style: solid;
    border-width: 20px;
}
.img-water-mark-author .book-img{
    margin: 0 auto;
    box-shadow: none;
    display: none;
}
.img-water-mark-author.book-img .img-water-mark-title{
    margin: auto;
    left: auto;
    right: auto;
    display: block;
    width: 100%;
    text-align: center;
}
.img-water-mark-author.book-img .img-water-mark-title span{
    vertical-align: middle;
    padding: 0px;
    line-height: 22px;
    font-size: 16px;
    height: 74px;
    margin: auto;
    text-align: center;
    width: 70px;
    left: auto;
    right: auto;
    display: block;
    border-radius: 50%;
    line-height: 60px;
}
.single_author_page .img-water-mark-author.book-img .img-water-mark-title{
    top: 35px;
    left: 15px !important;
    height: 105px;
    overflow: hidden;
}
.single_author_page .img-water-mark-author.book-img .img-water-mark-title span{
    overflow: hidden;
}
.single_author_page .authors-template-default .internal-page-author-book .img-water-mark-title{
    top: 55px;
    left: 20px !important;
    height: 75px;
}
@media (max-width:991px) {
    .single_author_page .authors-template-default .internal-page-author-book .img-water-mark-title{
        left: 0px !important;
    }
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title {
        left: 0px !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title span{
        line-height: 130px;
    }
}
@media all and (max-width:991px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title span{
        line-height: 80px;
    }
}
.post-type-archive-authors .img-water-mark-author.book-img .img-water-mark-title {
    top: 35px;
    left: 30px !important;
    right: 0;
    width: 100%;
}
.post-type-archive-authors .img-water-mark-author.book-img .img-water-mark-title span{
    left: 0 !important;
    overflow: hidden;
    width: 70px;
    margin: 5px;
}
@media (max-width:500px) {
    .post-type-archive-authors .img-water-mark-author.book-img{
        width: 100% !important;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title span{
        line-height: 80px;
    }
}
.single_author_page .img-water-mark-author.book-img .img-water-mark-title span {
    color: #fff;
}
.post-type-archive-authors .img-water-mark-author.book-img .img-water-mark-title span,
.img-water-mark-author.book-img .img-water-mark-title span{
    color: #ffffff;
}
.jp-state-no-volume .jp-volume-controls {
    display: block;
}
@media (min-width:760px) and (max-width:770px) {
    #carouselExampleControls2 .img-water-mark-width {
        margin: 4px !important;
        width: 143px !important;
    }
    #carouselExampleControls2 .img-water-mark-width:first-child{
        margin-left: 22px !important;
    }

    #carouselExampleControlsTrending .card.img-water-mark-width {
        margin: 1px !important;
    }
    #carouselExampleControlsTrending .card.img-water-mark-width:nth-child(1){
        margin-left: 22px !important;
    }
    .post-type-archive-authors .img-water-mark-author.book-img .img-water-mark-title {
        left: 40px !important;
    }
}
.dropdown-menu.show {
    display: block !important;
}
.duplicate-item{
    display : none;
}
@media (max-width:995px) {
    .duplicate-item{
        display : block;
    }
}
.duplicate-item ul{
    margin: 0;
}
.duplicate-item ul li{
    margin: 0 auto;
}
.duplicate-item ul a{
    color:#ffffff;
}
.duplicate-item ul a:hover{
    border:0;
}
.duplicate-item .dropdown-item{
    color: #16181b;
}
.duplicate-item ul,
.duplicate-item ul a,
.duplicate-item{
    border:0 !important;
}
.duplicate-item.x-hide-lg.x-hide-xl.header-icon.facebook,
.duplicate-item.x-hide-lg.x-hide-xl.header-icon.instagram,
.duplicate-item.x-hide-lg.x-hide-xl.header-icon.twitter{
    margin : 0 auto !important;
    margin-top : 10px !important;
}
.duplicate-item.x-hide-lg.x-hide-xl.login-header
{
    text-align:center;
    color:#ffffff !important;
}
.language-div {
    letter-spacing: 0 !important;
}
.owl-carousel.manual .owl-prev,
.owl-carousel.manual .owl-next{
    color: #b40000 !important;
}
.owl-carousel.manual .owl-prev{
    position: absolute;
    top: 43%;
    left: -20px;
}
.owl-carousel.manual .owl-next{
    position: absolute;
    top: 43%;
    right: -20px;
}
/*  */
#most-watched .card.img-water-mark-width,
#updates .card.img-water-mark-width{
    width: auto;
    text-align: center;
    background-color: transparent;
}
@media (max-width:780px) {
    .es_shortcode_form .es_textbox,
    .es_shortcode_form .es-field-wrap,
    .es_shortcode_form .es_button{
        display: block;
        width: 90%;
        margin: 0 auto;
    }
    #es_txt_button {
        width: 100%;
    }
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title span {
        line-height: 32px !important;
        margin-left: 26px;
    }
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title {
        left: 10px !important;
    }
    @media (max-width:991px) {
        .single_author_page .img-water-mark-author.book-img .img-water-mark-title {
            left: 0px !important;
        }
        .single_author_page .img-water-mark-author.book-img .img-water-mark-title span {
            margin-left: auto;
        }
    }
}
@-moz-document url-prefix() {
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title span {
        /*line-height: 70px !important;*/
        height: 100%;
        border-radius: 0;
        width: 100%;
        text-align: center;
        vertical-align: middle;
        display: table-cell;
        font-size: 3vh;
    }
    .single_author_page .img-water-mark-author.book-img .img-water-mark-title {
        /*left: 10px !important;*/
        background-color: #8c001a;
        top: 0px;
        height: 100%;
        width: 100%;
        left: auto !important;
        right: auto !important;
        display: table;
    }
    @media (max-width:991px) {
        .single_author_page .img-water-mark-author.book-img .img-water-mark-title {
            left: 0px !important;
        }
    }
}
.slider-cover .img-water-mark-title, .slider-cover .img-water-mark-title span {
    color: #275b82 !important;
    text-shadow: 0px 1px 1px #5f5f5f;
    top: 0px !important;
    font-size: 22px;
    height: 130px !important;
    line-height: 30px !important;
}
.card.img-water-mark-width {
    width: 150px !important;
}
.card.img-water-mark-width {
    background-color: transparent;
}
.img-water-mark-title{
    color: #275b82 !important;
    text-shadow: 0px 1px 1px #5f5f5f;
}
.owl-carousel.manual .owl-item a{
    padding-top: 10px;
}
.sub-menu{
    display: none;
}
.hm14.x-menu.x-menu-inline [data-x-icon]::before,
.hm14.x-menu.x-menu-inline [class*="x-icon-"]::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}
.x-anchor-content:hover i{
    color: #ffffff !important;
}
.hm14.x-menu.x-menu-inline li ul span{
    color: #555555 !important;
}
.hm14.x-menu.x-menu-inline li:hover ul{
    background: #ffffff;
}
.hm14.x-menu.x-menu-inline li:hover ul span{
    color: #555555 !important;
}
.hm14.x-menu.x-menu-inline li ul li:hover span{
    color: #ffffff !important;
}
.hm14.x-menu.x-menu-inline li a.active i{
    color: #ffffff !important;
}
.hm14 .sub-menu .x-anchor .x-anchor-text-primary::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f105";
    padding-right: 10px;
    color: #b00000;
}
.hm14.x-menu.x-menu-inline li ul li:hover .x-anchor-text-primary::before{
    color: #ffffff;
}
.hm14.x-menu.x-menu-inline li ul{
    border-bottom: 1px solid rgb(215, 164, 164);
}
.hm14.x-menu > li > .x-anchor .x-anchor-sub-indicator{
    margin: 0 auto;
    margin-right: 0;
}
.hm14.x-menu.x-menu-inline li ul li a{
    width: 100%;
}
.hm14.x-menu.x-menu-inline li ul li a.active span,
.hm14.x-menu.x-menu-inline li ul li a.active .x-anchor-text-primary::before{
    color: #ffffff !important;
}
.hm14.x-menu.x-menu-inline li ul li{
    height: 47px;
}
.hm14.x-menu.x-menu-inline li ul li span{
    font-size: 14px !important;
}
.home h3 {
    height: auto;
}
.hm4.x-menu.x-menu-modal .menu-item-has-children .x-anchor-text-primary::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    color: #fff;
    position: absolute;
    right: -20px;
    top: 0;
}
.hm4.x-menu.x-menu-modal .menu-item-has-children ul .x-anchor-text-primary::before{
    content: "\f104" !important;
}
.book_container{
    display: inline-block;
    vertical-align: top;
}.book_container .book_image{
    height: 180px;
    width: 100px;
}
.book_container img{
    height: 150px;
    width: 100px;
}
.login-header,.page-footer *{
    font-family: 'lato', 'Open Sans', sans-serif !important;
}
#pgc-2-2-0 > .panel-cell-style{
    padding: 0em 4em 0em 4em !important;
}
#pl-2 #panel-2-0-0-0, #pl-2 #panel-2-1-1-0, #pl-2 #panel-2-2-0-0, #pl-2 #panel-2-3-0-0, #pl-2 #panel-2-4-0-0, #pl-2 #panel-2-4-0-1, #pl-2 #panel-2-5-0-0, #pl-2 #panel-2-5-0-1, #pl-2 #panel-2-6-0-0, #pl-2 #panel-2-6-0-1, #pl-2 #panel-2-7-0-0, #pl-2 #panel-2-8-0-0, #pl-2 #panel-2-9-0-0 {
    margin: 0;
}

#pg-2-6,
#pg-2-7,
#pg-2-3{
    margin-bottom: 0 !important;
}
/* #pgc-2-4-0 > .panel-cell-style,
#pgc-2-5-0 > .panel-cell-style,
#pgc-2-6-0 > .panel-cell-style{
  width: 100% !important;
} */
.home .panel-grid-cell h4.mt-3{
    margin-top: 0 !important;
    margin-bottom: 30px !important;
}
.home #pg-2-4 .panel-grid-cell h4.mt-3{
    margin-top: 10px !important;
}
.siteorigin-widget-tinymce.textwidget p {
    font-size: 14px !important;
    line-height: 21.5px !important;
    text-align: justify !important;
}
.slider-cover .book-img {
    max-height: 100%;
    height: 100%;
}
.home .img-water-mark {
    width: 70px;
}
.slider-cover .img-water-mark-title, .slider-cover .img-water-mark-title span {
    font-size: 14px;
    height: 100px !important;
}
.slider-cover .img-water-mark-title, .slider-cover .img-water-mark-title span {
    width: 70px !important;
}
.slider-cover .img-water-mark-title, .slider-cover .img-water-mark-title span {
    left: 0 !important;
}
.donate-form .form-row{
    padding-top: 5px;
}
@media (max-width:1080px) {

}
.slider-cover .img-water-mark-title, .slider-cover .img-water-mark-title span {
    left: 5px !important;
    height: 70px !important;
    width: 60px !important;
}
.siteorigin-widget-tinymce.textwidget p{
    margin: 0;
}
.siteorigin-widget-tinymce.textwidget h3{
    padding-bottom:5px;
}


.el1.x-section {
    margin-top: -30px;
}
@media (max-width:786px){
    .footer-upper {
        /*position: relative !important;*/
    }
    .el1.x-section {
        display: none;
    }
    .siteorigin-widget-tinymce.textwidget h2{
        font-size: 30px;
    }
    #pgc-2-2-0 > .panel-cell-style {
        padding: 0em 1em 0em 1em !important;
    }
    .hm3.x-image img{
        width: 200px;
        height: auto;
    }
}
.siteorigin-widget-tinymce.textwidget > p{
    text-indent: 32px;
}
.siteorigin-widget-tinymce.textwidget > h3 + p{
    text-indent: 0px;
}
.slider_button_listen{
    border-radius: 50% !important;
    height: 50px;
    width: 50px;
    vertical-align: middle;
    text-align: center !important;
    padding: 0 !important;
    display: block !important;
    margin: 0 auto;
}
.slider_button_listen span{
    margin: 0 !important;
    line-height: 45px;
    color: #fff !important;
}
.slider-slogan{
    display: inline-block;
    margin-left: -35px;
    margin-top: 90px;
    color: white;
    font-size: 50px !important;
}
.slider-slogan a{
    color: white !important;
}
.slider_button_listen {
    margin-top: -25%;
    margin-left: 15px;
    background:#b40000 !important;
    color: #b40000 !important;
    border-color: #b40000 !important;
}
.slider_button_listen:hover{
    color: #fff !important;
    border-color: #ffffff !important;
    background:none !important;
}
#carouselExampleIndicators .carousel-indicators{
    display:none;
}
#carouselExampleIndicators .panel-grid-cell{
    width: auto !important;
}
@media (max-width:768px) {
    .slider-slogan {
        margin-top: 190px;
        font-size: 30px !important;
    }

    .slider_button_listen {
        margin-top: -80px;
        margin-right: 15px;
        margin-left: auto;
        width: 30px;
        height: 30px;
    }
    .slider_button_listen span {
        line-height: 27px;
        font-size: 16px !important;
    }

}
@media (min-width:768px) {
    .siteorigin-widget-tinymce.textwidget p {
        line-height: 22px !important;
    }
}
.ps-scrollbar-y-rail{
    display:none !important;
}
/*.hm11.x-bar-container{
    overflow-y: scroll !important;
    height: 0 !important;
    overflow-x: hidden;
}*/
header .x-bar-scroll.ps-container{
    overflow-y: scroll !important;
    overflow-x: hidden !important;
}
header .hm10.xbar {
	width:167px;
}
.footer-upper p{
    font-size: 10px;
}
.mission_text{
    font-style: italic;
    margin-top: -30px !important;
}
.siteorigin-widget-tinymce.textwidget p.mission_text{
    text-align: center !important;
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    font-size: 18px !important;
    line-height: 25px !important;
    max-width: 600px;
    margin: 0 auto;
}

/*@media only screen and (min-width:414px) and (max-width:490px){
    .siteorigin-widget-tinymce.textwidget p.mission_text{
        font-size: 15px !important;
    }
}
@media only screen and (max-width:413px){
    .siteorigin-widget-tinymce.textwidget p.mission_text{
        font-size: 13px !important;
    }
}
@media only screen and (max-width:360px){
    .siteorigin-widget-tinymce.textwidget p.mission_text{
font-size: 15px !important;
font-weight: bold;
    }
}*/
.whats_new .card .card-body a{
    display: none !important;
}
.img-water-mark.large.card-body {
    cursor: pointer;
}
.whats_new .card .card-body {
    height: auto !important;
}
.whats_new .card {
    width: 70px !important;
}
.siteorigin-widget-tinymce.textwidget h3,
.home .panel-grid-cell h4.mt-3{
    letter-spacing: 1px;
}
.owl-carousel.manual .owl-next i::before{
    background-image: url(../../images/arrow_next.png) !important;
    content: ' ';
    width: 13px;
    height: 42px;
    background-size: 13px 42px;
    background-position: center center;
    display: block;
    cursor: pointer;
}
.owl-carousel.manual .owl-prev i::before{
    background-image: url(../../images/arrow_prev.png) !important;
    content: ' ';
    width: 13px;
    height: 42px;
    background-size: 13px 42px;
    background-position: center center;
    display: block;
    cursor: pointer;
}
.owl-carousel.manual .owl-prev,
.owl-carousel.manual .owl-next{
    width: 42px;
    height: 42px;
    text-align: center;
    margin-top: -25px;
}
.owl-carousel.manual .owl-prev{
    margin-left: -15px;
}
.card,
.card.img-water-mark-width,
.card.img-water-mark-width .img-water-mark{
    width: 70px !important;
    height: 110px !important;
    max-height: 110px;
    margin-top: 5px;
}
.owl-carousel.manual .owl-item a {
    padding-top: 0px;
}
.owl-carousel.owl-drag .owl-item{
    height: 200px;
}
.txt-card{
    font-size: 12px !important;
    margin-top: 15px;
    line-height: 16px !important;
    /* border-top: 1px solid #dedede; */
    padding-top: 5px;
    overflow: hidden;
    height: 55px;
}
.border-sp {
    width: calc(100% - 15px);
    height: 100%;
    padding: 10px;
    border: 1px solid #c9c9c9;
    border-bottom: 2px solid #b40000 !important;
    overflow: hidden;
    background: #ffffff;
    border-top: 1px solid #dedede;
    padding-top: 5px;
}
input[type="button"],
input[type="submit"],
input[type="reset"],
button{
    font-family: 'lato' !important;
    text-transform: uppercase !important;
}
.es_caption{
    padding: 0;
}
.es_textbox_class{
    height: 50px;
    margin-top: 3px;
}
.clustrmaps-visitors, .clustrmaps-date, .clustrmaps-bottom-text {
    font-family: 'Merriweather', serif !important;
}
.wp-image-9042.aligncenter{
    margin-top: -20px;
}
#pgc-2-7-0{
    margin-top: 20px;
}
input::placeholder{
    color: #cacaca !important;
}
.page-footer * {
    font-family: 'Merriweather' !important;
}
.page-footer{
    padding-top: 5px !important;
}
.footer-upper p {
    margin-bottom: 5px;
}
.hm13.x-search{
    min-height:40px;
}
#es_txt_button {
    font-weight: normal;
}
@media (min-width:996px) {
    .el1.x-section{
        padding: 85px 0px 45px 0px;
    }
}
@media (max-width:786px) {
    #forms_tafser{
        margin-top: 15px;
    }
}
@media (max-width:575px) {
    #schools {
        width: 93%;
    }
}
.internal-page-author-book {
    width: 70px;
    height: 110px;
}
.internal-page-author-book .img-water-mark-title, .internal-page-author-book .img-water-mark-title span {
    width: 60px;
    top: 10px;
    left: 5px !important;
    height: 70px;
    font-size: 13px;
}
.internal-page-author-book .book-img {
    width: 70px;
    height: 110px;
}
.term-181 .internal-page-author-book .book-img,.shamilah-img {
   width: max-content !important;
    height: max-content !important;
    margin-top: 25px !important;
}

.term-181 .internal-page-author-book.original .book-img {
    width: 70px !important;
    height: 110px !important;
}

.comment-title-date div:nth-child(1) {
    padding-bottom: 3px;
}
#Loading h5,#Loading2 h5 {
    text-align: center;
}
#playListSelectCategory {
    width: calc(100% - 106px);
}
ul .fa-stack .fa-play {
    margin-top: -3px;
}
#back-playlist {
    padding: 0.6em 1.5em .6em 1.5em;
}
.user-profile-section {
    text-align: center;
}
#profile-form label {
    text-align: left;
}
#change-profile-img{
    text-align: center;
}
@media (max-width:786px){
    .head-profile {
        margin-top: 0em;
        padding: 0px 30px 30px 30px;
    }
    .download-list-table {
        padding: 0 10px;
    }
    /* .table td, .table th {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    } */
}
#playlistAccordion .card{
    width: 100% !important;
    height: auto !important;
    max-height: 100%;
}
@media (max-width:786px){
    .choices-player > div {
        padding: 0;
    }
    #playlistAccordion .card .fa-stack{
        left: -10px !important;
    }
    .auto-play-switch {
        padding: 50px 50px 20px 70px;
    }
}
#playlistAccordion .card .fa-stack{
    line-height: 1.1em !important;
}
.player-section.playlist .jp-current-time, .jp-duration {
    top: 10px !important;
}
/*  */
.slider_button_listen{
    bottom: unset;
    margin: 0;
    position: absolute;
    bottom: 38%;
    left: 25px;
}
.slider-slogan{
    position: absolute;
    bottom: 25px;
    left: 25px;
    margin: 0;
}
@media (max-width:768px){
    .slider_button_listen{
        bottom: 25px;
        right: 25px;
        left: unset;
    }
}
.navigation.pagination .nav-links .page-numbers {
    height: 34px;
    min-width: 34px;
    line-height: 34px;
    text-align: center;
    font-size: 14px;
    color: #23527c;
    font-weight: normal !important;
    background-color: #ffffff;
    border-color: #dddddd;
}
.navigation.pagination .nav-links .page-numbers.current{
    background-color: #a02932 !important;
}
.navigation.pagination .nav-links .page-numbers:hover{
    color: #23527c !important;
    background-color: #eeeeee !important;
    border-color: #dddddd !important;
}
.navigation.pagination .nav-links .page-numbers.dots:hover{
    color: #23527c !important;
    background-color: #ffffff !important;
}
.navigation.pagination .nav-links .page-numbers.current:hover{
    color: #ffffff !important;
    background-color: #a02932 !important;
}
.next.page-numbers i,
.prev.page-numbers i{
    font-size: 14px;
}
.header-icon.instagram{
    background: #d6249f;
    background: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
}
.header-icon.instagram:hover{
    border: 1px solid #d6249f !important;
    background: #ffffff;
}
.header-icon.instagram:hover i{
    color: #d6249f;
    color: radial-gradient(circle at 30% 107%,#fdf497 0,#fdf497 5%,#fd5949 45%,#d6249f 60%,#285AEB 90%);
}
#main_header_menu_container a {
    line-height: 45px;
}
.x-search-input{
    min-width: auto;
    width: auto;
}
#pg-2-6,
#pg-2-7{
    padding-top: 8px !important;
}
#pg-2-5,
#pgc-2-4-0{
    padding-top: 28px !important;
}
.el4.x-text.x-text-headline
{
    background-color:rgba(0,0,0,0) !important;
}
h1.x-text-content-text-primary{
    background-image: url(../image/Decoration-up.png),url(../image/Decoration-Down.png);
    background-repeat: repeat-x,repeat-x;
    background-position: top,bottom;
    min-height: 82px;
    background-color:rgba(0,0,0,0) !important;
}
.home #pg-2-4 .panel-grid-cell h4 strong,
h1.x-text-content-text-primary span,
.home #pg-2-5 .panel-grid-cell h4 strong,
.home #pg-2-6 .panel-grid-cell h4 strong{
    position: relative;
    top: 1px;
    font-size: 30px;
    text-transform:uppercase;
    color: #b40000;
}
.home #pg-2-4 .panel-grid-cell h4 strong::before,
.home #pg-2-4 .panel-grid-cell h4 strong::after,
h1.x-text-content-text-primary span::before,
h1.x-text-content-text-primary span::after,
.home #pg-2-5 .panel-grid-cell h4 strong::before,
.home #pg-2-5 .panel-grid-cell h4 strong::after,
.home #pg-2-6 .panel-grid-cell h4 strong::before,
.home #pg-2-6 .panel-grid-cell h4 strong::after{
    content: ' ';
    background-image: url(../image/headerLineLeft.png) !important;
    background-repeat: no-repeat;
    background-position: center center;
    display: block;
    width: 400px;
    height: 70px;
    position: absolute;
    left: -390px;
    top: -7px;
}
.home #pg-2-4 .panel-grid-cell h4 strong::after,
h1.x-text-content-text-primary span::after,
.home #pg-2-5 .panel-grid-cell h4 strong::after,
.home #pg-2-6 .panel-grid-cell h4 strong::after{
    background-image: url(../image/headerLineRight.png) !important;
    left: auto;
    right: -390px;
}
#main.site-main{
    padding-top: 15px;
}
.player-box .jp-current-time {
    left: 10px !important;
}
.player-box .jp-current-time,
.player-box .jp-duration {
    top: 10px !important;
    font-size: 11px !important;
    font-family: 'Amiri', 'Open Sans', sans-serif !important;
}
.site-main .forthcoming-about:last-child{
    margin-top: 10px;
    font-size: 24px;
}
.list-ghazali li{
    text-decoration: underline;
}
/*#main iframe.iframeContent.greattafsirsIfram{
    margin-top: -100px;
}*/
@media (max-width:786px){
    .prince-img-page{
        margin-top: 0 !important;
    }
    .intro-ghazali-title{
        padding-top: 25px;
    }
    /*#main iframe.iframeContent.greattafsirsIfram{
        margin-top: 0;
    }*/
    .row .col-lg-4.mb-5.col-md-12.col-xs-12:first-child > .row.internal-page-author-book-main{
        padding-top: 25px;
    }

}
/* footer static in bottom on mobile */
.x-main.full{
    flex: 1;
}
.x-site.site{
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
@media (max-width:991px){
    .x-site.site{
        margin-bottom: 40px;
    }
}
@media (max-width:768px){
    .x-site.site{
        margin-bottom: 100px;
    }
}
@media (max-width:357px){
    .x-site.site{
        margin-bottom: 130px;
    }
}
@media (max-width:258px){
    .x-site.site{
        margin-bottom: 150px;
    }
}
@media (min-width:1367px){
    .slider_button_listen {
        bottom: 34%;
    }
}
.border-sp.books{
    text-align: center;
    width: 100%;
    margin: 0 auto;
}
.row.books-card-sp{
    width: 100%;
    margin: 0 auto;
}
.border-sp.books .book-img{
    margin-top: 10px;
}
.border-sp.books .txt-card{
    color: #333333;
}
@media (max-width:786px){
    .books-card-sp{
        padding-top: 25px;
    }
    .border-sp.books{
        width: 90%;
    }
}
@media (max-width:575px){
    .book-mark-table td {
        padding: 15px 0px 15px 0px;
    }
    .book-mark-table {
        padding-left: 15px;
        padding-right: 15px;
    }
}
.containerSalam{
    width: 500px;
    margin: 0 auto;
    margin-bottom: 15px;
    margin-top: -10px;
    direction: rtl;
}
.salahanabeh{
    margin-left: -30px;
}
.hawqalah{
    margin-left: 110px;
}
@media (max-width:786px){
    .salahanabeh{
        display: block !important;
        margin: 0 auto !important;
    }
    .hawqalah{
        display: block !important;
        margin: 0 auto !important;
    }
    .containerSalam{
        width: 100%;
        margin: 0 auto !important;
    }
    .basmalah{
        margin: 0 auto;
    }
    .hawqalah,
    .basmalah,
    .salahanabeh,
    .salamalikom{
        padding-top: 5px;
    }
}
footer div .row .col-md-8 p {
    text-align: right !important;
    padding-left: 15px;
}
.basmalah,.salahanabeh,.hawqalah,.salamalikom,.wp-image-9042.aligncenter{
    width: 240px !important;
    height: auto !important;
}
.salahanabeh{
    width: 145px !important;
}
.hawqalah{
    width: 120px !important;
}
.salamalikom{
    width: 175px !important;
}
.wp-image-9042.aligncenter{
    width: 100px !important;
}
.launched_in{
    font-size: 20px;
}
.x-graphic .fa-bars{
    color: #B40000 !important;
}
.header_title{
    padding-top: 28px;
}
@media(max-width:980px) {
    .header_title {
        padding-top: 0px;
    }
}
.podcast-card .border-sp.books{
    padding: 0;
    padding-bottom: 10px;
    box-shadow: 0px 0px 5px 0 #cecece;
}
.podcast-card img{
    width: 100%;
    height: 150px;
}
.podcast-card .author-title{
    text-align: left;
    color: #b40000;
    padding: 15px;
    padding-bottom: 10px;
}
.podcast-card .txt-card{
    margin: 0;
    text-align: left !important;
    padding: 15px;
    padding-top: 0px;
    color: #555;
    height: 16px !important;
    overflow: hidden;
}
.subject-type{
    padding-bottom: 50px;
    padding-left: 15px;
    width: 100%;
    display: block;
}
.multi-select,
.multiselect,
.subject-type .btn-group{
    width: 100%;
    max-width: 100%;
}
.btn-group .multiselect{
    background-color: #fff !important;
    box-shadow: inset 0 0 5px 0 #dedede;
    border: 1px solid #dedede;
    border-radius: 2px !important;
    color: #555 !important;
    text-align: left;
    height: 40px;
}
.multiselect.dropdown-toggle::after {
    color: #b40000;
    font-size: 18px;
    right: 15px;
    left: auto;
    position: absolute;
    top: 11px;
}
.multiselect-container{
    width: 100%;
}
.multiselect-container > li > a > label.checkbox,
.multiselect-container > li > a > label.radio {
    text-align: right;
    color: #555555;
}
ul.multiselect-container{
    padding-bottom: 15px;
    box-shadow: rgb(222, 222, 222) 0px 0px 5px 0px inset;
    border: 1px solid rgb(222, 222, 222);
    margin-top: -1px;
}
/* change checkbox inside ddl */
.multiselect-container label.checkbox {
    position: relative;
}
.multiselect-container label.checkbox input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.multiselect-container .checkmark {
    position: absolute;
    top: 0px;
    left: 15px;
    height: 15px;
    width: 15px;
    background-color: #fff;
    border: 1px solid #999;
    margin-top: 8px;
    border-radius: 2px;
    box-shadow: inset 0 0 3px 0 #cecece;
}
.multiselect-container label.checkbox:hover input ~ .checkmark {
    background-color: #ccc;
}
.multiselect-container label.checkbox input:checked ~ .checkmark {
    background-color: #FFF;
    border: 1px solid #b40000;
}
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
.multiselect-container label.checkbox input:checked ~ .checkmark:after {
    display: block;
}
.multiselect-container label.checkbox .checkmark:after {
    left: 6px;
    top: -4px;
    width: 8px;
    height: 14px;
    border: solid #b40000;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
/* change checkbox inside ddl */
.podcast-card .border-sp.books{
    height: auto !important;
}
@supports (-ms-ime-align: auto) {
    .multiselect.dropdown-toggle::after {
        left: unset;
    }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .multiselect.dropdown-toggle::after {
        padding-right: 15px;
    }
}
.site-counter{
    text-align: center;
    padding: 10px;
    margin-top: 15px;
}
/* .site-counter span{
  background-color: #000;
  padding: 10px;
  margin: 0 auto;
  text-align: center;
} */
.prize-info{
    padding-bottom: 0 !important;
}
#pg-2-8{
    margin-bottom: 0 !important;
}
.site-counter span{
    color: #4d4d4d !important;
    display: block;
    width: 100%;
    padding: 0 !important;
    text-align: center;
    font-size: 14px;
    font-family: 'Playfair Display', serif !important;
}
.book-visits .site-counter span{
    font-size: 12px;
}
.site-counter span a{
    color: #b40000 !important;
    letter-spacing: 3px !important;
    padding-left: 10px;
}
/* .site-counter span.counter-count{
  text-align: left !important;
  width: 49%;
  padding-left: 5px !important;
} */
.prize-info .box {
    padding: 0;
    width: 94%;
}
.site-counter .counter-count{
    text-align: center !important;
    color: #b40000 !important;
    padding: 0 10px;
    letter-spacing: 3px !important;
}
.site-counter {
    text-align: center;
    padding: 10px 0 15px 0;
    margin-top: 0px;
}
.social a:nth-child(3) li{
    background-color: #2cb742;
    line-height: 30px;
}
.social a:nth-child(3) li i{
    font-size: 14px;
    line-height: 30px;
    transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    line-height: 1px;
}
.social a:nth-child(3) li::after{
    content: '';
    position: absolute;
    top: auto;
    margin-top: 25px;
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 10px solid #2cb742;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    transform: rotate(-50deg);
    right: 39px;
    left: unset;
}
.social a:nth-child(3) li:hover{
    background-color: #ffffff;
    color: #2cb742;
    border: 1px solid #2cb742;
}
.categories-podcast ul{
    margin: 0;
    list-style: none;
}
.categories-podcast li{
    border-bottom: 1px solid #dedede;
    text-align: left;
}
.categories-podcast li a{
    color: #b40000;
    width: 100%;
    height: 100%;
    display: block;
    padding: 15px 15px;
}
.side-box .bottom h5{
    margin: 0;
    background-color: #ffffff4d;
}
.side-box{
    padding: 0;
}
.categories-podcast.second{
    background: #ffffff;
}
.categories-podcast.second span{
    display: block;
    color: #6c757d;
    font-size: 12px;
}
.categories-podcast.second li a{
    padding: 12px 15px 8px 15px;
}
.podcast-map{
    box-shadow: 0 0rem 1rem rgba(0,0,0,.15) !important;
}
.clstm.clustrmaps-visitors,
.clstm.clustrmaps-date{
    display: inline-block;
    width: 50% !important;
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1000;
    text-align: right;
    padding: 0 3px;
    color: #4d4d4d !important;
}
.clstm.clustrmaps-date{
    left: unset;
    right: 0;
    text-align: left !important;
}
.tags-with-footer{
    position: relative;
    border-top: 1px solid #b6b6b6;
    padding: 5px 0;
}
.footer-upper .col-lg-8.pl-lg-0.col-12 p{
    text-align: right !important;
}
.footer-upper p {
    margin-bottom: 5px;
    padding: 0px 0;
    font-size: 11px;
}
#more-choices{
    line-height: 40px !important;
}
#more-choices i{
    font-size: 13px;
}
.more-options-podcast{
    position: absolute;
    width: 250px;
    display: none;
    z-index: 1000;
    box-shadow: 0 0rem 1rem rgba(0,0,0,.15) !important;
    right: 0;
}
.more-options-podcast .categories-podcast{
    background: #ffffff;
}
.more-options-podcast .categories-podcast li a:hover{
    background: #f0f0f0;
}
.more-options-podcast .categories-podcast li a{
    padding: 10px 15px;
    margin: 0 !important;
}
.more-options-podcast .categories-podcast li{
    padding: 0;
}
.more-options-podcast .categories-podcast li i{
    padding-right: 10px;
    font-size: 16px;
}
.all-cate{
    display: block;
    width: 100%;
}
@media (max-width:979px) {
    .all-cate{
        margin: 0 auto;
    }
}
.social a:nth-child(3) li:hover::after{
    display: none;
}
@media (min-width:992px) and (max-width:1204px) {
    .social ul {
        padding-bottom: 10px;
    }
}
@media (min-width:768px) and (max-width:991px) {
    .footer-upper p {
        margin: 0;
        padding: 0;
    }
}
.categories-podcast li:hover{
    background: #f0f0f0;
}
@media (max-width:500px) {
    .site-counter span,
    .site-counter span.counter-count{
        display: block !important;
        text-align: center !important;
        width: 100%;
        padding-left: 0 !important;
    }
}
.language-switcher-header .x-anchor-text-primary{
    padding: 3px 7px !important;
    line-height: 0 !important;
}
.language-switcher-header{
    border-radius: 15px;
}
.language-switcher-header i{
    vertical-align: text-bottom;
}
.language-switcher-header div,
.language-switcher-header i,
#main_header_menu_container a.nav-link.dropdown-toggle{
    color: #4b4b4b !important;
}
.language-switcher-header:hover .language-div{
    color: #ffffff !important;
}
.bottom h5.text-red.pl-3{
    padding-left: 1rem !important;
    padding-right: 1rem !important;
}
.section-bar .col-lg-4.col-md-12.col-xs-12{
    width: auto;
    flex: 0 0 auto;
    margin-top: 10px;
}
@media (min-width:991px) and (max-width:1204px) {
    .tags-with-footer {
        bottom: 0;
    }
}
/* .categories-podcast .fa-stack .fa-play{
  font-size: 8px;
  margin: 5px 0px 0px 0px !important;
  display: block;
} */
.fas.fa-bars.mt-0.ml-1{
    font-size: 14px !important;
}
/* .more-options-podcast .fa-stack {
  height: auto;
  width: auto;
  display: block;
  margin-top: 3px;
} */
/* .categories-podcast ul li a > div{
  width: 20px;
} */
.categories-podcast .fa-download,
.categories-podcast .fa-bookmark,
.categories-podcast .fa-clone{
    font-size: 18px !important;
}
.categories-podcast ul li a > div i{
    display: inline-block;
}
.more-options-podcast .categories-podcast li i.fa-play{
    font-size: 8px;
    margin: 6px 0 0 11px;
    display: block;
}
.categories-podcast ul li a > div > span,
.categories-podcast ul li a > div > i:nth-child(2){
    display: inline-block;
}
.categories-podcast ul li a > div > i:nth-child(2){
    padding: 0;
    margin: 0 !important;
    margin-left: -14px !important;
}
.categories-podcast ul li a > div{
    width: 40px;
    display: inline-block;
}
.more-options-podcast .categories-podcast ul li a > span{
    width: calc(100% - 40px);
}
/* #nextAttachment,
#previousAttachment{
  line-height: 43px !important;
} */
.more-options-podcast {
    top: 40px;
}
.categories-podcast.second span{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
    font-size: 11px !important;
}
@media all and (-ms-high-contrast:none){
    /*IE CSS here*/
    #more-choices{
        line-height: 24px !important;
    }
    #nextAttachment, #previousAttachment{
        line-height: 27px !important;
    }
    .social a:nth-child(3) li::after {
        display: none;
    }
    .clstm.clustrmaps-date {
        left: auto;
    }
    .podcast-map.border-bottom-line{
        margin-bottom: 35px;
    }
}
.podcast-card .author-title{
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    font-size: 13px !important;
    text-overflow: ellipsis;
}
.filter-category{
    width: 100%;
    margin: 0 auto;
}
/* .books-card-sp .podcast-card{
  padding: 0;
  margin: 0 10px;
}
.books-card-sp .podcast-card:nth-child(1){
  padding: 0;
  margin: 0 10px 0 0;
} */
.row.books-card-sp {
    /* margin-left: -15px; */
}
.subject-type .multiselect-native-select{
    display: inline-block;
    width: calc(100% - 100px);
}
.subject-type label{
    display: inline-block;
    width: 80px;
	font-size:17px;
}
@media (max-width:575px) {
    .subject-type label,
    .subject-type .multiselect-native-select{
        display: block;
        width: 100% !important;
    }
}
.pagination_arrow {
    width: 30px;
    height: 30px;
}
#more-choices{
    margin: 8px 15px 8px 15px !important;
}
.audio-section-header li{
    border: 1px solid #e6e6e6;
}
.section-title {
    font-size: 20px;
    text-align: left;
}
.books-template-default .section-title {
    display: inline-block;
}

.books-template-default  h1.section-title{
    line-height: 27px;
    margin: 0;
}
.books-template-default:not(.rtl) #more-choices {
    margin-top: 2px !important;
}
.more-options-podcast .categories-podcast ul li a > span,
.categories-podcast ul li a > div *{
    color: #555;
}
.categories-podcast li {
    border-bottom: 1px solid #dedede;
}
.more-options-podcast .categories-podcast li {
    border-bottom: 0;
}
.main-tabs-podcast{
    padding-bottom: 15px;
}
#comments .title{
    padding: 15px 0 5px 0;
}
.podcast-map{
    margin-top: 25px;
}
.section-title.author-name {
    padding-top: 10px;
    font-size: 16px;
    color: #555;
}
.date-audio {
    padding: 0 !important;
}
.section-title.author-name {
    padding-top: 8px;
    font-size: 14px;
    padding-bottom: 3px;
}
.bottom h5.text-red.pl-3,.bottom div.text-red.pl-3 {
    /* background-image: url(../image/Decoration-up.png),url(../image/Decoration-Down.png); */
    background-repeat: repeat-x,repeat-x;
    background-position: top,bottom;
    min-height: 60px;
    /* background-color: rgba(0,0,0,0) !important; */
    padding: 20px 15px 10px 15px !important;
    background-color: #ffffff !important;
}
.hm14.x-menu > li > .x-anchor .x-anchor-text-primary {
    font-family: 'number', 'Playfair Display' !important;
    font-weight: 400 !important;
}
.categories-podcast.second li a{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}
.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
    width: 100%;
}
.multiselect-container > li > a > label.checkbox, .multiselect-container > li > a > label.radio {
    text-align: left;
    padding: 3px 40px 3px 20px;
}
.multiselect-container .checkmark {
    right: 15px !important;
    left: unset !important;
}
.EnglishFont{
    font-family: 'Playfair Display', serif;
}
.siteorigin-widget-tinymce.textwidget p.mission_text {
    font-style: normal;
}
#playListAddList > div > i,
#playListViewList > div > i{
    vertical-align: top;
    padding-left: 0px;
}
.podcast-card {
    padding: 0 6px;
}
.subject-type {
    margin-left: -23px;
}
.filter-category h5{
    padding: 0 7px;
}
@media (max-width:979px) {
    .subject-type {
        margin-left: 0;
    }
}
.border-sp.books .txt-card {
    font-size: 10px !important;
    margin-top: 10px;
}
.podcast-card-page .border-sp.books .txt-card {
    margin-top: -10px;
}
.podcast-card{
    margin-bottom: 1.5rem !important;
}
.categories-podcast.second ul{
    max-height: 659px !important;
    overflow-y: auto;
}
.row.related-reading-author-books.side .ml-3 {
    margin-top: 2em !important;
}
@media (max-width:979px) {
    .footer-upper .col-lg-8.pl-lg-0.col-12 p {
        text-align: center !important;
    }
}
@media (max-width:991px) {
    .col-lg-9.col-md-12.order_2_sm{
        -ms-flex-order: 2;
        order: 2;
    }
    .col-lg-3.col-md-12.order_1_sm{
        -ms-flex-order: 1;
        order: 1;
    }
}
@media all and (-ms-high-contrast:none){
    /*IE CSS here*/
    .hm11.x-bar-container img {
        width: 100%;
        height: 220px;
    }
    .x-main.full > .hentry{
        padding-bottom: 60px !important;
    }
    .footer-upper {
        position: fixed !important;
    }
}
@media all and (-ms-high-contrast:none) and (max-width:768px){
    .x-main.full > .hentry{
        padding-bottom: 80px !important;
    }
}
#main_header_menu_container .dropdown-toggle .avatar{
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px #cfcfcf;
}
.multiselect-container.dropdown-menu{
    max-height: 250px;
    overflow: auto;
}
@-moz-document url-prefix() {
    #more-choices{
        line-height: 38px !important;
    }
}
.categories-podcast .fa-stack {
    height: auto !important;
}
.tooltip,
.tooltip-inner{
    font-size: 12px !important;
}
.pagenation-bar{
    padding: 0;
    display: block;
    text-align: center;
}
.pagenation-bar a{
    margin: 0 30px;
    color: #555555 !important;
}
.pagenation-bar a:hover{
    cursor: pointer !important;
}
.author-book-section > h4,.divh4{
    font-weight: bold;
    font-size: 18px;
    margin-top: 2rem;
    color: #b40000;
    margin-bottom: 1rem;
}
.presenter-list > h5{
    margin: 15px 0 15px 0;
    font-weight: bold;
    font-size: 18px;
}
.podcast-page .border-bottom-line,
.podcast-page .border-bottom{
    border-bottom: 3px solid #b2b2b2 !important;
    border-top: 0;
}
#pgtContent{
    border-top: 1px solid #b2b2b2;
}
.under-player-audio a{
    border-radius: 15px;
}
.side-box-body ul li div:nth-child(2), .side-box-body ul li div:nth-child(3), .side-box-body ul li div:nth-child(4) {
    float: left;
}
.side-box-body ul li div:nth-child(1) {
    float: right;
}
#nextAttachment i,
#previousAttachment i{
    padding: 0 5px;
}
.section-title.author-name b{
    color: #323232;
}
@media (max-width:991px) {
    .presenter-list,
    .authors-book-section{
        padding: 0 !important;
    }
}
@media (max-width:480px) {
    .w-100.d-block .w-50.d-inline-block{
        width: 100% !important;
        display: block !important;
    }
    .author-book-section{
        width: 95%;
        margin: 0 auto;
    }
}
@media (max-width:1250px) and (min-width:992px){
    .social ul {
        display: block;
    }
}
.player-box .jp-current-time, .player-box .jp-duration {
    font-style: normal !important;
}
#notAvailableContentAlert{
    padding: 0px 10px !important;
    font-size: 12px !important;
    margin: 15px auto !important;
}
#notAvailableContentAlert i{
    font-size: 14px;
}
.book-visits .site-counter{
    margin: 0;
    padding: 0 15px;
}
@media (max-width:991px){
    #pgtContent .col-lg-3{
        -ms-flex-order: 2;
        order: 2;
    }
    #pgtContent .col-lg-9{
        -ms-flex-order: 1;
        order: 1;
    }
    #pgtContent .col-lg-3 .side-box-body ul{
        max-height: 195px !important;
    }
}
@supports (-ms-ime-align: auto) {
    .side-box-body li .has-read a i {
        margin-top: 3px;
    }
    .more-options-podcast .categories-podcast li i.fa-play {
        margin: 7px 0 0 8px;
    }
}
@media all and (-ms-high-contrast:none){
    .more-options-podcast .categories-podcast li i.fa-play {
        margin: 7px 0 0 8px;
    }
    .jp-audio .jp-controls {
        padding: 0 !important;
    }
    .side-box-body li a i {
        margin-left: -15px !important;
        margin-top: 4px;
    }
}
.comments-sections h5 {
    padding: 15px 0 0 0;
}
.categories-podcast ul li a > div.w-100.d-block:first-child{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100% !important;
    font-size: 13px !important;
}
@media (max-width:1200px) and (min-width:992px){
    .w-100.d-block .w-50.d-inline-block {
        width: 100% !important;
        display: block !important;
    }
}
.book-author-img{
    text-align: center;
}
.book-author-img img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px #cfcfcf;
}
.under-player-audio span.text-red{
    font-size: 14px !important;
}

@media (max-width:979px){
    .audio-section-header .row.text-red {
        float: unset !important;
    }
    .book-author-img h4{
        float: right;
        clear: both;
        padding-top: 25px !important;
        padding-left: 15px !important;
    }
    .categories-podcast.second ul {
        max-height: 255px !important;
    }
}
@media (max-width:455px){
    .book-author-img h4{
        float: unset;
        clear: unset;
        padding: 0 !important;
    }
}
.side-box-body ul{
    height: 391px;
    max-height: 391px;
}
#excerpt_div{
    margin-bottom: 0 !important;
    min-height: 40px;
}
.col-md-12.col-sm-12.col-xs-12.col-lg-12.no-padding.pb-8.pt-2{
    padding-bottom: 0rem !important;
}
.tags-with-footer{
    margin-top: 0 !important;
}
.m-0.section-title.author-name.commentator{
    font-size: 13px;
}
div.m-0.section-title.author-name.commentator{
    font-size: 13px !important;
    display: block !important;
}

.comments-sections > h5,.comments-sections > div.text-red{
    padding: 5px 0 0 0;
}
.related-reading p{
    min-height: 40px;
}
#episode_title{
    box-shadow: none !important;
}
#more-choices{
    display: inline-block;
    line-height: unset !important;
}
@media (max-width:979px) {
    .book-author-img{
        padding-top: 15px;
        text-align: left;
        padding-left: 15px;
    }
}
.more-options-podcast {
    left: 0 !important;
    right: unset !important;
}
#comment{
    margin-top: 10px !important;
}
@media (max-width:979px){
    .book-author-img img{
        width: 60px;
        height: 60px;
    }
}
.disabled_action,
.disabled_action i,
.disabled_action span{
    color: #8f8f8f !important;
    cursor: not-allowed !important;
}
.el4 .x-text-content-text-primary > span:nth-child(1) > strong:nth-child(1){
    display: inline-block;
}
.language-switcher-header .x-anchor-text i,
#main_header_menu_container .language-div{
    vertical-align: middle;
}
.searchDivHeader *{
    outline: none;
}
.searchDivHeader,
.searchDivHeaderForm{
    outline: none;
    display: inline-block;
    height: 27.88px;
    width: 27.88px;
    padding: 0px;
    margin: 0px;
    color: #4b4b4b;
    text-align: right;
    direction: rtl;
}
.searchDivHeaderForm
{
    display: none;
    border: 1px solid #dadada ;
    border-radius: 50%;
    text-align: left;
    background-color: #FFFFFF;
}
.searchDivHeaderForm.viewWidth
{
    width: 360px;
    border-radius: 15px;
    display: inline-block;
}
.searchDivHeader.viewWidth{
    width: 400px;
}
.searchDivHeader a.search
{
    height: 27.88px;
    width: 27.88px;
    display: inline-block;
    border-radius: 50%;
    text-align: center;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    line-height: 35.88px !important;
}
.searchDivHeaderForm form{
    text-align: right;
    height: inherit;
}
.searchDivHeaderForm form>div{
    direction: ltr;
    display: inline-block;
    float: right;
    height: inherit;
    padding: 0px;
    margin: 0px;
    position: relative;
    width: 218.12px;
    z-index: 0;
}
.searchDivHeaderForm form div.line{
    width: 1px;
    width: 0;
    background: aqua;
    vertical-align: middle;
    padding: 0px;
    text-align: center;
    border: 0px;
    border-left: 1px solid #dadada;
    height: 70%;
    margin: 1% 0px 1% 0px;
    margin-top: 1%;
    margin-right: 0px;
    margin-bottom: 1%;
    margin-left: 0px;
}
.searchDivHeaderForm form div:first-child{
    width: 27.88px;
}
.searchDivHeaderForm form div:last-child{
    width: 110px;
}
.searchDivHeaderForm form div:last-child:after{
    position: absolute;
    content: '\f0d7';
    font-family: 'Font Awesome 5 Free', 'FontAwesome', 'sow-fontawesome';
    font-size: 16px;
    right: 10px;
    top: 3px;
    z-index: -1;
}
.searchDivHeaderForm form div *{
    height: inherit;
}
.searchDivHeaderForm form div label,
.searchDivHeaderForm form div select{
    /*background: rgba(0,0,0,0);*/
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: inherit;
    position: absolute;
}
.searchDivHeaderForm form div select,
.searchDivHeaderForm form div select:focus{
    height: 100%;
    width: 100%;
    border: 0px;
    border-radius: 15px;
    box-shadow: none;
    padding: 0px 10px 0px 10px !important;
    font-family: 'Droid Arabic Kufi','Lotus_Linotype', 'Open Sans', sans-serif !important;
    background-color: rgba(0,0,0,0) !important;
    font-size: 12px !important;
    line-hieght: 12px;
    background: rgba(0,0,0,0) !important;
}
.searchDivHeaderForm form div button:hover,
.searchDivHeaderForm form div button{
    /*.searchDivHeaderForm form div label{*/
    text-align: center;
    background: rgba(0,0,0,0);
    cursor: pointer;
    display: block;
    vertical-align: middle;
    line-height: 30px !important;
    width: inherit;
    box-shadow: none;
    border-radius: 0px;
    display: block;
    padding: 0px;
    margin: 0px;
    border: 0px;
    text-shadow: none;
    color: inherit;
}
.searchDivHeaderForm form div button i{
    font-size: 15px;
    vertical-align: middle;
}
.searchDivHeaderForm form div input[type="text"]{
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    border: 0px;
    font-family: 'Droid Arabic Kufi','Lotus_Linotype', 'Open Sans', sans-serif !important;
    font-size: 12px !important;
    line-hieght: 12px;
}
.side-box-body ul li div:nth-child(1){
    font-family: 'Droid Arabic Kufi','Merriweather', serif;
}
@media (max-width:991px){
    .podcast-card .border-sp.books{
        width: 230px;
        margin: 0 auto;
    }
}
@media (max-width:1330px) and (min-width:992px){
    .subject-type{
        margin-left: 15px !important;
    }
    .filter-category{
        padding-left: 35px;
    }
    .copy-right{
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    footer .col-lg-8{
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }
}
.x-hide-lg.x-hide-xl .searchDivHeader .search i {
    color: #FFFFFF;
}
/* Modal Image */
/* #modal-img.modal{
    display: none;
    position: fixed;
    z-index: 999999999999;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(0,0,0,0.9);
}
#modal-img.modal .modal-content{
    margin: auto;
    display: block;
    width: 200px;
    max-width: 700px;
}

#modal-img.modal #caption{
    margin: auto;
    display: block;
    width: 80%;
    max-width: 700px;
    text-align: center;
    color: #ccc;
    padding: 10px 0;
    height: 150px;
}
#modal-img.modal .modal-content,
#modal-img.modal #caption{
    -webkit-animation-name: zoom;
    -webkit-animation-duration: 0.6s;
    animation-name: zoom;
    animation-duration: 0.6s;
}


@-webkit-keyframes zoom {
    from {-webkit-transform:scale(0)}
    to {-webkit-transform:scale(1)}
}
@keyframes zoom {
    from {transform:scale(0)}
    to {transform:scale(1)}
}
#modal-img.modal .close{
    position: absolute;
    top: 15px;
    right: 35px;
    color: #f1f1f1;
    font-size: 40px;
    font-weight: bold;
    transition: 0.3s;
}
#modal-img.modal .close:hover,
#modal-img.modal .close:focus {
    color: #bbb;
    text-decoration: none;
    cursor: pointer;
}
.related-reading .img-water-mark{
    cursor: pointer;
} */
/* Modal Image */
.podcast-tabs ul li{
    display: inline-block;
	padding: 5px 20px;
    border: 2px solid #999;
    border-radius: 50px;
    margin-left: 5px;
    color: #999;
}
.podcast-tabs ul li a{
	color: #999;
}
.podcast-tabs ul li.active{
    border: 2px solid #a70000;
	background:#a70000;
}
.podcast-tabs ul li.active a{
    color: #fff;
}
.holy-quraan-tabs{
    background-color: #fff;
    box-shadow: 0 0 5px 0 #bfbfbf;
}
.holy-quraan-tabs ul{
    margin: 0;
    list-style: none;
    border-bottom: 1px solid #a70000;
}
.holy-quraan-tabs ul li{
    display: inline-block;
    width: 16.7%;
    text-align: center;
    border-left: 1px solid #d4d4d4;
    margin-left: -5px !important;
    border-right: 1px solid #d4d4d4;
}
.holy-quraan-tabs ul li.active a{
    color: #a70000;
}
@media (max-width:979px) {
    .holy-quraan-tabs ul li{
        display: block;
        width: 100%;
        margin: 0 !important;
        border: 0;
        border-bottom: 1px solid #d4d4d4;
    }
}
.holy-quraan-tabs ul li a{
    color: #2f2f28;
    width: 100%;
    display: block;
    padding: 8px 0;
}
.holy-quraan-tabs ul li a:hover{
    background: #f0f0f0;
}
.holy-quraan-tabs ul li:first-child{
    margin-left: 0 !important;
}
.holy-quraan-tabs ul li:last-child{
    border-right: 0;
}
.list-ghazali a{
    font-size: 16px;
}
.border-sp.hidden-text:hover .original .book-img{
    transform: scale(1.85);
    position: absolute;
    top: 33px;
}
.border-sp.hidden-text:hover .txt-card{
    visibility: hidden;
}
.owl-item .border-sp.hidden-text:hover .original .book-img{
    top: 28px;
}
#modal-img .modal-header > button{
    margin: 0;
    font-size: 2rem !important;
    padding: 7px;
}
#modal-img .modal-header > h4{
    margin: 0;
    font-size: 18px;
    font-family: 'Merriweather';
    margin-top: 7px;
}
#modal-img .modal-body{
    border-bottom: 2px solid #b40000 !important;
    padding: 25px 0 25px 0;
}
#caption-book{
    font-size: 22px;
    margin-bottom: 15px;
    line-height: 1.4;
    text-align: left;
    font-family: 'Droid Arabic Kufi','Merriweather';
    padding-right: 30px;
}
#modal-img .modal-body .col-6{
    position: relative;
}
.center-vertical{
    margin: 0;
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
#modal-img .modal-body .row > .col-6:first-child{
    border-right: 1px solid #e9ecef;
}
#read-more-book i{
    font-size: 12px;
}
#read-more-book{
    font-family: 'Merriweather';
}
#modal-img .modal-dialog {
    margin: 10rem auto;
}
@media(max-width:575px){
    #modal-img{
        padding-right: 17px !important;
        padding-left: 17px !important;
    }
}
@media(max-width:400px){
    #modal-img .modal-body .row > .col-6{
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .center-vertical{
        position: relative;
        text-align: center;
        margin: 0 auto;
        transform: unset;
        top: 15px;
    }
    #caption-book {
        padding: 0 15px;
        text-align: center;
    }
}
#img-modal{
    max-width: 200px;
    height: auto;
    width: 100%;
}
#modal-img{
    position: absolute;
    z-index: 1000;
    top: 0;
    left: 0;
    display: none;
}
#modal-img img{
    width: 150px;
}
.multiselect-container > li:nth-child(1) > a:nth-child(1) > label:nth-child(1) > span:nth-child(2){
    right: 20px !important;
}
#modal-img.relatd_inner_page{
    margin-top: -35px;
}
@media (min-width:991px) {
    #modal-img.relatd_inner_page{
        margin-left: -160px;
    }
}
.vco-slider .slider-item .content .content-container .media .media-wrapper .media-container .media-image img{
    max-width: 350px !important;
    border: 0 !important;
}
.vco-slider .slider-item .content .content-container .text{
    width: 50% !important;
}
.vco-timeline .vco-navigation .timenav .time .time-interval-major div {
    font-size: 11px !important;
}
.multiselect-selected-text{
    display: block;
    width: 97%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
#menu-home-1 .x-anchor-text-primary .language-div,
#menu-home-1 .x-anchor-text-primary .fas.fa-globe-asia{
    color: #ffffff !important;
}
.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail{
    display: none;
}
.no-bg-image{
    background-image: none !important;
}
#accordion.searchByPhrase .card{
    width: 100% !important;
    height: auto !important;
    max-height: none;
    transition: 0.3s;
}
#accordion.searchByPhrase .card .card-header{
    padding: 0px;
    height: 40px;
}
.searchByPhrase button{
    background-color: #ffffff;
    color: #b40000 !important;
}
.searchByPhrase button:focus{
    box-shadow: unset !important;
}
.searchByPhrase .card > div:nth-child(2){
    background-color: #f6f6f6;
}
.searchByPhrase .card-body p,
.searchByPhrase .card-body p *{
    font-size: 14px !important;
}
#accordion.searchByPhrase .card:hover{
    transition: 0.3s;
    box-shadow: 0 0 10px 0 #c3c3c3;
}
#accordion.searchByPhrase .card button{
    transition: 0.3s;
}
#accordion.searchByPhrase .card:hover button{
    padding-left: 25px;
    transition: 0.3s;
}
.result-search-comment{
    border: 1px solid #ffcaca !important;
    box-shadow: 0 0 5px 0 #ffb3b3;
}
.player-box.border-bottom-line.comment-box{
    padding: 0 !important;
}
.commentlist li{
    padding-right: 30px !important;
    padding-left: 30px !important;
}
.pull-right{
    float: right;
}
.searchByPhrase .fa-angle-down{
    transition: 0.3s !important;
}
.animate-angle{
    transition: 0.3s !important;
    transform: rotate(180deg) !important;
}
#search-notes{
    padding: 0 5px;
}
#live_stream_alert_div {
    background-color: #b40000;
    height: 35px;
    padding: 5px;
    color: #f0eff0;
    border: 0px;
    display: none;
    margin-top: -5px;
    margin-bottom: 5px;
}
#live_stream_alert_div .contentLive > *{
    font-size: 20px;
    vertical-align: middle;
    display: inline-block;
}
#live_stream_alert_div i.fab{
    font-size: 25px;
    font-family: 'Font Awesome 5 Brands' !important;
}
#live_stream_alert_div .contentLive{
    text-align: center;
}
#live_stream_alert_div .contentLive a{
    color: #FFF;
    font-size: 14px !important;
    line-height: 25px;
    font-weight: bold;
    font-family: 'lato', 'Open Sans', sans-serif !important;
}
#live_stream_alert_div .contentLive a{
    margin: 0;
    line-height: 22px !important;
    text-align: center;
}
.clickable {
    cursor: pointer;
}


html,body {overflow: hidden}

.x-site.site {
  display: block;
  overflow: auto;
  position: absolute;
  width: calc(100% - 154px);
  height: 100%;
  top: 0;
  right: 0;
  left: 154px;
  bottom: 0;
  /* overflow-x: hidden */
}
.home #pg-2-0.panel-no-style, #pg-2-0.panel-has-style > .panel-row-style,
.home #pg-2-1.panel-no-style, #pg-2-1.panel-has-style > .panel-row-style,
.home #pg-2-2.panel-no-style, #pg-2-2.panel-has-style > .panel-row-style,
.home #pg-2-3.panel-no-style, #pg-2-3.panel-has-style > .panel-row-style,
.home #pg-2-4.panel-no-style, #pg-2-4.panel-has-style > .panel-row-style,
.home #pg-2-5.panel-no-style, #pg-2-5.panel-has-style > .panel-row-style,
.home #pg-2-6.panel-no-style, #pg-2-6.panel-has-style > .panel-row-style,
.home #pg-2-7.panel-no-style, #pg-2-7.panel-has-style > .panel-row-style,
.home #pg-2-8.panel-no-style, #pg-2-8.panel-has-style > .panel-row-style,
.home #pg-2-9.panel-no-style, #pg-2-9.panel-has-style > .panel-row-style{
    margin: 0 !important;
    padding: 0 !important;
}

.home .mt-0.pl-3.pr-3 .row{
    margin: 0;
}

@media (max-width:1200px){
    h1.x-text-content-text-primary{
        background-image: url(../image/Decoration-up.png),url(../image/Decoration-Down.png);
        background-repeat: repeat-x,repeat-x;
        background-position: top,bottom;
        min-height: 82px;
        background-color:rgba(0,0,0,0) !important;
    }
    .home #pg-2-4 .panel-grid-cell h4 ,
    h1.x-text-content-text-primary ,
    .home #pg-2-5 .panel-grid-cell h4 ,
    .home #pg-2-6 .panel-grid-cell h4 {
        position: relative;
        }
    .home #pg-2-4 .panel-grid-cell h4 strong,
    h1.x-text-content-text-primary span,
    .home #pg-2-5 .panel-grid-cell h4 strong,
    .home #pg-2-6 .panel-grid-cell h4 strong{
        position:initial;
        width:50%;
        display: inline-block;
        margin: auto;
    }
    .home #pg-2-4 .panel-grid-cell h4 strong::before,
    .home #pg-2-4 .panel-grid-cell h4 strong::after,
    h1.x-text-content-text-primary span::before,
    h1.x-text-content-text-primary span::after,
    .home #pg-2-5 .panel-grid-cell h4 strong::before,
    .home #pg-2-5 .panel-grid-cell h4 strong::after,
    .home #pg-2-6 .panel-grid-cell h4 strong::before,
    .home #pg-2-6 .panel-grid-cell h4 strong::after{
        width: 25%;
        position: absolute;
        left: 0;
        background-size: contain;
        top:50%;
        margin-top: -35px;
    }
    .home #pg-2-4 .panel-grid-cell h4 strong::after,
    h1.x-text-content-text-primary span::after,
    .home #pg-2-5 .panel-grid-cell h4 strong::after,
    .home #pg-2-6 .panel-grid-cell h4 strong::after{
        right: 0;
        left: auto;
    }
}
@media(max-width:980px) {
    .x-main.full{
        padding-bottom: 95px;
    }
    .archive .x-main .hentry:last-of-type, .blog .x-main .hentry:last-of-type, .search .x-main .hentry:last-of-type {
        padding-bottom: 75px;
    }
    .holy-quraan-tabs{
        margin-bottom: 40px;
    }
    .holy-quraan-tabs #greattafsirsIfram {
        height: 1440px !important;
    }
}
@media(max-width:768px) {
    .x-main.full{
        padding-bottom: 105px;
    }
    .archive .x-main .hentry:last-of-type, .blog .x-main .hentry:last-of-type, .search .x-main .hentry:last-of-type {
        padding-bottom: 135px;
    }
}


@media(max-width:680px) {
        #live_stream_alert_div {
            height: auto;
        }
        #live_stream_alert_div .contentLive > *{
            display: inline;
            padding: 0 2px;
        }
    }

@media(max-width:480px) {
    .x-main.full{
        padding-bottom: 155px;
    }
    .archive .x-main .hentry:last-of-type, .blog .x-main .hentry:last-of-type, .search .x-main .hentry:last-of-type {
        padding-bottom: 185px;
    }
}


@media(max-width:280px) {
    #live_stream_alert_div .contentLive a{
        font-size: 12px !important;
    }
    .x-main.full{
        padding-bottom: 195px;
    }
}
@media(max-width:1215px) and (min-width:979px) {
    .holy-quraan-tabs ul {
        display: flex;
    }
    .holy-quraan-tabs ul li{
        flex: 1
    }
}


@media(max-width:1131px) and (min-width:980px) {
    .searchDivHeaderForm.viewWidth {
        width: 290px;
    }
    .x-bar-content .searchDivHeaderForm form>div {
        width: 126px;
    }
    .x-bar-content .searchDivHeaderForm .line {
        width: 0;
    }
    .searchDivHeaderForm form div:first-child {
        width: 27.88px;
    }
    .login-header img {
        width: 30px;
        height: 30px;
    }
    .login-header img {
        margin: 0 0 0 5px;
    }
    #main_header_menu_container a {
        white-space: nowrap;
        font-size: 10px;
    }
}

@media(max-width:550px) {
    .searchDivHeader.viewWidth {
        width: 315px;
    }
    .searchDivHeaderForm.viewWidth {
        width: 280px;
    }
    .searchDivHeaderForm form>div {
        width: 140px;
    }
    .searchDivHeaderForm form div:last-child {
        width: 105px;
    }
}