/*
 * Droid Arabic Kufi (Arabic) http://www.google.com/fonts/earlyaccess
 */
@font-face {
    font-family: 'Droid';
    font-style: normal;
    font-weight: 400;
    src: url(../../fonts/DroidKufi-Regular.eot);
    src: url(../../fonts/DroidKufi-Regular.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/DroidKufi-Regular.woff2) format('woff2'),
    url(../../fonts/DroidKufi-Regular.ttf) format('truetype');
}
@font-face {
    font-family: 'Droid';
    font-style: normal;
    font-weight: 700;
    src: url(../../fonts/DroidKufi-Bold.eot);
    src: url(../../fonts/DroidKufi-Bold.eot?#iefix) format('embedded-opentype'),
    url(../../fonts/DroidKufi-Bold.woff2) format('woff2'),
    url(../../fonts/DroidKufi-Bold.ttf) format('truetype');
}




@font-face {
    font-family:'kh-icons';

    src:url('../../fonts/kh-icons.eot?h90aa5');
    src:url('../../fonts/kh-icons.eot?h90aa5#iefix') format('embedded-opentype'),
    url('../../fonts/kh-icons.ttf?h90aa5') format('truetype'),
    url('../../fonts/kh-icons.woff?h90aa5') format('woff'),
    url('../../fonts/kh-icons.svg?h90aa5#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    font-family:'kh-icons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before, [class*=" icon-"]:before { font-size:171%; }

.icon-boy22:before {
    content: "\e800";
}
.icon-candle15:before {
    content: "\e801";
}
.icon-file98:before {
    content: "\e802";
}
.icon-hardbound:before {
    content: "\e803";
}
.icon-micro7:before {
    content: "\e804";
}
.icon-microphone13:before {
    content: "\e805";
}
.icon-musical190:before {
    content: "\e806";
}
.icon-question13:before {
    content: "\e807";
}
.icon-speech-bubble7:before {
    content: "\e808";
}
.icon-text150:before {
    content: "\e809";
}
.icon-tv3:before {
    content: "\e80a";
}
.icon-uniE80B:before {
    content: "\e80b";
}
.icon-collection-nav0:before {
    content: "\e600";
}
.icon-collection-nav1:before {
    content: "\e601";
}
.icon-comment:before {
    content: "\e602";
}
.icon-dislike:before {
    content: "\e603";
}
.icon-download:before {
    content: "\e604";
}
.icon-expand:before {
    content: "\e605";
}
.icon-facebook:before {
    content: "\e606";
}
.icon-facebook-rounded:before {
    content: "\e607";
}
.icon-favourite:before {
    content: "\e608";
}
.icon-folder:before {
    content: "\e609";
}
.icon-followees:before {
    content: "\e60a";
}
.icon-followers:before {
    content: "\e60b";
}
.icon-globe:before {
    content: "\e60c";
}
.icon-google-plus:before {
    content: "\e60d";
}
.icon-google-plus-rounded:before {
    content: "\e60e";
}
.icon-hd:before {
    content: "\e60f";
}
.icon-h-dots:before {
    content: "\e610";
}
.icon-help:before {
    content: "\e611";
}
.icon-hide:before {
    content: "\e612";
}
.icon-history:before {
    content: "\e613";
}
.icon-like:before {
    content: "\e614";
}
.icon-listen:before {
    content: "\e615";
}
.icon-logout:before {
    content: "\e616";
}
.icon-mail-rounded:before {
    content: "\e617";
}
.icon-mention:before {
    content: "\e618";
}
.icon-notification:before {
    content: "\e619";
}
.icon-ok:before {
    content: "\e61a";
}
.icon-pause:before {
    content: "\e61b";
}
.icon-pinterest-rounded:before {
    content: "\e61c";
}
.icon-play:before {
    content: "\e61d";
}
.icon-poems:before {
    content: "\e61e";
}
.icon-print:before {
    content: "\e61f";
}
.icon-read:before {
    content: "\e620";
}
.icon-save:before {
    content: "\e621";
}
.icon-search:before {
    content: "\e622";
}
.icon-settings:before {
    content: "\e623";
}
.icon-share:before {
    content: "\e624";
}
.icon-sms-rounded:before {
    content: "\e625";
}
.icon-text:before {
    content: "\e626";
}
.icon-time:before {
    content: "\e627";
}
.icon-transcript-download:before {
    content: "\e628";
}
.icon-twitter-rounded:before {
    content: "\e629";
}
.icon-unfollow:before {
    content: "\e62a";
}
.icon-user-info:before {
    content: "\e62b";
}
.icon-user-menu:before {
    content: "\e62c";
}
.icon-v-dots:before {
    content: "\e62d";
}
.icon-video:before {
    content: "\e62e";
}
.icon-videos:before {
    content: "\e62f";
}
.icon-views:before {
    content: "\e630";
}
.icon-whatsapp-rounded:before {
    content: "\e631";
}
.icon-yahoo:before {
    content: "\e632";
}
.icon-main-menu:before {
    content: "\e633";
}
.icon-popular:before {
    content: "\e634";
}
.icon-report:before {
    content: "\e635";
}
.icon-transcript:before {
    content: "\e636";
}
.icon-twitter:before {
    content: "\e637";
}
.icon-user:before {
    content: "\e638";
}
.icon-user-rank:before {
    content: "\e639";
}
.icon-watch:before {
    content: "\e63a";
}
.icon-sisters:before {
    content: "\e63b";
}
.icon-scholars:before {
    content: "\e63c";
}
.icon-recitations:before {
    content: "\e63d";
}
.icon-quotes:before {
    content: "\e63e";
}
.icon-lessons:before {
    content: "\e63f";
}
.icon-photos:before {
    content: "\e640";
}
.icon-fatawa:before {
    content: "\e641";
}
.icon-counsels:before {
    content: "\e642";
}
.icon-articles:before {
    content: "\e643";
}
.icon-anasheed:before {
    content: "\e644";
}
.icon-add-to-list:before {
    content: "\e645";
}
.icon-audio:before {
    content: "\e646";
}
.icon-audiobooks:before {
    content: "\e647";
}
.icon-bookmark:before {
    content: "\e648";
}
.icon-checkbox-0:before {
    content: "\e649";
}
.icon-checkbox-1:before {
    content: "\e64a";
}
.icon-files:before {
    content: "\e64b";
}
.icon-books:before {
    content: "\e64c";
}
.icon-envelope:before {
    content: "\e64d";
}
.icon-play-audio:before {
    content: "\e64e";
}
.icon-close:before {
    content: "\e64f";
}
.icon-youtube-rounded:before {
    content: "\e650";
}
.icon-backspace:before {
    content: "\e651";
}


*{
    font-family: Droid;
}
a, #main-menu ul.list-unstyled li{
    -webkit-transition: all 700ms ease;
    -moz-transition: all 700ms ease;
    -ms-transition: all 700ms ease;
    -o-transition: all 700ms ease;
    transition: all 700ms ease;
}
hr{
    border-top: 1px solid #e6e6e6;
}
body { background:#dad7cd; }

header {
    background-color: #FFFFFF;
    position:relative !important;
    z-index:1000;
    top:0;
    right:0;
    left:0;
    height:95px;
    border-bottom:1px solid #FFFFFF;
    height: 116px;
}
#top-head-bar{
    background-color: #10505a;
    height: 3px;
    border-bottom: 1px solid #FFFFFF;
}

input, textarea, button { -webkit-box-shadow:none !important; box-shadow:none !important; }
input:hover, textarea:hover, button:hover, input:active, textarea:active, button:active, input:focus, textarea:focus, button:focus { outline:0 none !important; -webkit-appearance:none; }


[class^="icon-"], [class*=" icon-"] {
    font-family:'kh-icons';
    display:inline-block;
    vertical-align:bottom;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

[class^="icon-"]:before, [class*=" icon-"]:before { font-size:171%; }
.img-wpr { margin:10px auto; }
.img-wpr img { width:100%; height:100%; }

#brand-bar { height:115px; }


#ll-wpr { width:315px; padding:5px 10px; }
.rtl .pull-normal { float:right !important; }
.rtl .pull-reverse { float:left !important; }
#logo-wpr { width:260px; }
#logo-wpr  img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: transform 300ms ease;
    -moz-transition: transform 300ms ease;
    -ms-transition: transform 300ms ease;
    -o-transition: transform 300ms ease;
    transition: transform 300ms ease;
}

#user-menu .membership-btns { text-align:center; margin:10px 0; }

#user-menu { background:#fff; width:300px; padding:0; }
#user-menu  .user-name { margin-top:8px; }
#user-menu .media { margin:5px 7px 0; padding:3px; border:1px solid #fff; }
#user-menu .media:hover { cursor:pointer; border:1px solid #ccc; }
#user-menu .dropdown-menu { margin:0; }
#user-menu ul.dropdown-menu li a { color:#90A4AE; text-decoration:none; font:400 100% Droid; }
#user-menu ul.dropdown-menu li a span { font-size:110%; display: inline-block; padding-left: 10px; overflow: hidden; }
#user-menu.fixed { width:100%; position:fixed; backface-visibility:hidden; }
#user-menu.fixed ul.dropdown-menu { display:block; float:none; position:static; border-width:0; border-radius:0; box-shadow:none; padding:0; }
#user-menu #notifications-pane .tab-content { border-top:1px solid #90A4AE; border-bottom:1px solid #90A4AE; border-radius:0; }
#user-menu #notifications-pane [class^="icon-"] { color:#90A4AE; }
#user-menu #notifications-pane .user-rank { color:#90A4AE; }

.custom-search-input{
    float: left !important;
    min-width: 100%;
}
.search-query {
    padding-right: 3px !important;
    padding-right: 4px \9 !important;
    padding-left: 3px !important;
    padding-left: 4px \9 !important;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    float: left !important;
    border-color: #b8b9ab !important;
}

/*.custom-search-input button{*/
    /*border: 0 !important;*/
    /*background: none !important;*/
    /** belows styles are working good */
    /*padding: 2px 5px !important;*/
    /*margin-top: 2px !important;*/
    /*position: relative !important;*/
    /*right: -28px !important;*/
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    /*margin-bottom: 0 !important;*/
    /*-webkit-border-radius: 3px !important;*/
    /*-moz-border-radius: 3px !important;*/
    /*border-radius: 3px !important;*/
    /*color:#0574bb !important;*/
/*}*/

.search-query:focus + button {
    z-index: 3 !important;
}




#contextual-bar {  line-height:38px; background: rgba(89,159,169,0.92); position: relative; width: 100%}
#contextual-wpr { margin-left:0; margin-right:0; border:1px solid transparent; }
#contextual-out-wpr { margin-left:0; margin-right:35px; }
#contextual-out-wpr > div { padding:0; }

#contextual-wpr .breadcrumbs li:after { content:"\203A"; padding:0 7px; }
#contextual-wpr .breadcrumbs li { padding:0; font:200 11pt Droid; color:#fff; }
#contextual-wpr .breadcrumbs li a { padding:0 5px; color:#fff; }
#contextual-wpr .breadcrumbs li:last-child > span { font-size:14pt; }
#contextual-wpr .breadcrumbs li:last-child:after { content:""; }


#main-menu-toggle-wpr {background:rgb(89, 159, 169); width:50px; padding:0 10px; }
#main-menu-toggle, #user-menu-toggle { color:#fff; font-size:116%; }
#main-menu-toggle span, #user-menu-toggle span { line-height:39px; }
#user-menu-toggle-wpr { display:none; width:45px; padding-left:0; padding-right:15px; }
#user-menu-toggle-wpr { display:none; width:45px; padding-left:0; padding-right:15px; }

.pager .current { font-weight:bold; background:#eee; }


#activity-stream-tabs { display:inline-block; margin:0; }
#activity-stream-tabs li { height:39px; line-height:39px; padding:0 20px; }
#activity-stream-tabs li a { color:#fff; }
#activity-stream-tabs li a:lang(ar) { font:500 100% Droid; }
#activity-stream-tabs li a:hover {color:#906126; text-decoration: none;}

#activity-stream-ctrls li.current [class^="icon-"] { color:#9ccc65; }



#main-menu {
    position:fixed !important;
    backface-visibility:hidden;
    overflow:hidden;
    background:#599fa9;
    height:100%;
    top:162px;
    bottom:0;
    width:180px;
    z-index:1000;
    left:auto;
    right:0;
    border-left:0 none;
    border-right:0 none;
}
#main-menu > div { position:absolute; top:0; bottom:0; overflow-x:hidden; overflow-y:scroll; -webkit-overflow-scrolling:touch; width:200px; }
#main-menu ul.list-unstyled { width:180px; }
#main-menu ul.list-unstyled li { padding:5px 11px; white-space:nowrap; }
#main-menu ul.list-unstyled li a span { color:#FFFFFF; text-decoration:none;  }
#main-menu ul.list-unstyled li a { text-decoration:none;  }
#main-menu ul.list-unstyled li a:lang(ar) { font:400 114% Droid; }
#main-menu ul.list-unstyled li a span:hover { color: #4f8f98; }
#main-menu ul.list-unstyled li:hover {
    background-color: #4f8f98;
    color: #FFFFFF;
}
#main-menu ul.list-unstyled li a i { color: #FFFFFF; #font-size:90%; display:inline-block; overflow:hidden; padding-left:20px; padding-right:0; }

#main-menu.expanded { width:180px !important; }
#main-menu.collapsed { width:50px !important; }

#main-menu ul.list-unstyled li#side-language-menu, #main-menu ul.list-unstyled li#side-language-menu li { padding-right:0; padding-left:0; }

#main-menu #copyrights { padding:5px; color:#90a4ae; font:normal 11px Tahoma; text-align:center; }

#content-wpr > .row:first-of-type { position:relative; }

#content-wpr .breadcrumbs { margin:7px 0; display:none; }
#content-wpr .breadcrumbs li:after { content:"\203A"; padding:0 7px; }
#content-wpr .breadcrumbs li { padding:0; font:200 11pt Droid; color:#78909c; }
#content-wpr .breadcrumbs li a { padding:0 5px; color:#78909c; }
#content-wpr .breadcrumbs li:last-child > span { font-size:14pt; }
#content-wpr .breadcrumbs li:last-child:after { content:""; }




@media (max-width:900px) {
    #ll-wpr { width:215px; }

}


@media (max-width:768px) {
    .two-box-container-right{
        padding: 0 !important;
    }
    .two-box-container-left{
        padding: 0 !important;
    }

    #ll-wpr { width:315px; margin-left:auto; margin-right:auto; }
    .main-wpr > .row > .col-sm-9, .main-wpr > .row > .col-sm-3 { max-width:600px; margin-left:auto; margin-right:auto; }
    #content-wpr .breadcrumbs { display:block; }
    #contextual-wpr .breadcrumbs li { display:none; }

    h1 { font-size:160%; }
    h2 { font-size:140%; }
    #main-menu-toggle-wpr, #user-menu-toggle-wpr { display:block; }
    #contextual-wpr .breadcrumbs li { display:none; }
    #activity-stream-tabs li { height:38px; padding:0 5px; }


}
@media (max-width:480px) {
    #activity-stream-tabs li a { font-size:80% !important; }
    .footer-text{
        font-size: 10px !important;
        padding: 0 !important;
    }
}

@media (max-width:360px) {
    .list-wpr .iw-panel { padding:10px !important; }

    #activity-stream-tabs li { padding:0 2px !important; }
    #activity-stream-tabs li a { font-size:80% !important; }
    #contextual-wpr { text-align:right !important;}

}

@media (min-width:768px) and (max-width:992px) {
    .main-wpr > .row > .col-sm-3, #contextual-bar  .col-sm-3 { width:35%; }
    .main-wpr > .row > .col-sm-9, #contextual-bar  .col-sm-9 { width:65%; }
}

@media all and (max-width:1680px) {
    #main-menu { width:50px; }
    #basic-pages, #copyrights { display:none; }
    #main-menu-toggle-wpr { display:block; }
}


@media all and (max-width:1400px) and (min-width:1366px) {
    #ll-wpr { margin-left:0; margin-right:50px; }

}
/* menu */
@media all and (max-width:992px) {
    #ll-wpr { margin-left:0; margin-right:50px; }

}

@media (min-width: 1349px) {
    .rtl .main-wpr {
        margin-left:auto !important;
        margin-right:auto !important;
    }
}

@media (max-width: 992px) {
    .rtl .main-wpr { margin-left:0; margin-right:0px; /*40*/ }

}
@media all and (max-width:992px) {
    .rtl .main-wpr { margin-left:0; margin-right:0px; /*50*/ }
}
.rtl .main-wpr {
    max-width: 1270px !important;
}

@media (max-width:750px) {
    #main-menu { display:none; }
    .rtl .main-wpr { margin-left:0; margin-right:0; }
    #ll-wpr { margin-left:0; margin-right:0; }
}


#footer-wpr{
    position: relative;
    background-color: #0b3c43;
    /*color: #feffff;*/
}



#footer-wpr .nav-pills > li:first-of-type{
    border-right: 0 !important;
}
#footer-wpr .nav-pills > li{
    border-right: 1px solid #ffffff; !important;
}
#footer-wpr .nav > li > a{
    padding: 0px 7px !important;
    color: #fcfefb;
    text-decoration: none;
}
#footer-wpr .nav > li > a:hover, #footer-wpr .nav > li > a:focus{
    background-color: transparent !important;
}


.footer-gradation{
    background-color: #10505c;
    height: 12px
}
.copyright-container{
    background-color: #10505a;
    color: #eaeaea;
    text-align: center;
    padding: 15px;
}



.custim-hr{
    margin: 0;
    padding: 0;
}
.lessons-fatwa-box, .tv-box, .around-content-box, footer{
    margin-top: 20px;
}

.lesson-container, .fatwa-container{
    background-color: #FFFFFF;
    padding: 20px;
}

.small-two-boxes{
    min-height: 330px !important;
}
.small-two-boxes .btn{
    float: none;
    margin-right: auto;
    margin-left: auto;
    display: block;
}

.small-two-boxes .multi-btn{
    display: inline;
    float: right;
    margin: 7px;
    width: 40%;
}
.two-btn-container{
    margin: 3px;
    padding: 0;
}
.tv-row{
    background-color: #FFFFFF;
    padding: 15px;
    border-radius: 3px;
}
.lesson-row{
    padding: 0;
    overflow: hidden;
    min-height: 93px;
}
.around-container .lesson-row {
    min-height: 66px;
}
.lesson-row:first-of-type {
    margin-top: 20px;
}

.meeting-row:first-of-type { margin-top: 20px; }

.lesson-container-title, .fatwa-container-title, .tv-container-title, .around-container-title{
    color: #2f8795;
    font-size: 20px;
    display: inline-block;
    border-bottom: 6px solid #e6e6e6;
    padding-bottom: 5px;
}
.video-img-container{
    border: 1px solid #e7e8e8;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    float: none;
    overflow: hidden;
    cursor: pointer;
    border-radius: 5px;
}
.fatwa-big-container{
    padding-left: 0;
}
.fatwa-img-container, .around-container-img{
    text-align: center;
    padding: 0;
    display: inline-block;
    vertical-align: middle;
    float: right /*none*/;
    position: relative;
}
.video-img-container .video-img{
    min-height: 130px;
    width: 100%;

}

.fatwa-info-container, .around-info-container{
    display: inline-block;
    vertical-align: middle;
    float: right /*none*/;
    padding-left: 0;
}
.tv-info-container{
    padding: 5px 5px 5px 0;
}
.fatwa-info-container .date, .around-info-container .date, .tv-info-container .program-title, .tv-info-container .duration{
    display: block;
    margin: 5px 2px 4px 0;
    font-size: 13px;
    color: #6b6a72;
}
.around-info-container .duration{
    display: block;
    margin: 10px 2px 4px 0;
    font-size: 13px;
    color: #777777;
}
.tv-info-container .duration span, .around-info-container .duration span{
    color: #2d8792;
    font-weight: bold;
}
.date .glyphicon:after{
    padding: 5px;
    content: " ";
}
.description, .fatwa-info-container .description, .around-info-container .description{
    color: #6d6d6d;
    font-size: 15px;
}

.about-container .description{
    color: #aeaeae;
    font-size: 14px;
}
.about-container a,.fatwa-info-container a, .around-info-container a, .tv-info-container a{
    color: #308695;
    text-decoration: none;
    font-size: 15px;
}

.about-container a:hover,.fatwa-info-container a:hover, .around-info-container a:hover, .tv-info-container a:hover{
    color: #27BEEF;
}

.btn-more{
    width: 118px;
    float: left;
    color: #FFFFFF;
    background-color: #2f8793;
    font-weight: bold;
}
.btn-more:hover{
    background-color: #23666F;
    color:#FFFFFF;
}
.tv-item{
    margin-top: 20px;
    padding: 9px;
}
.tv-item .video-img-container{
    border: 0;
}
.tv-item .video-img{
    border-radius: 3px;
    width: 174px;
    height: 130px;
 }
.around-plate  {
    padding: 0;
    margin-bottom: 25px;
    overflow: hidden;
}
.around-content-box{
background-color: #FFFFFF;
}
.around-container{
    border: 1px solid #e6e6e6;
    background-color: #f8f8f8;
    border-radius: 3px;
    padding: 5px 20px 20px 20px;
    margin-top: 25px;
}

.white-background{
    overflow: hidden;
    background-color: #FFFFFF;
}
.video-img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);

    -webkit-transition: transform 700ms ease;
    -moz-transition: transform 700ms ease;
    -ms-transition: transform 700ms ease;
    -o-transition: transform 700ms ease;
    transition: transform 700ms ease;
}
.video-img:hover{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);

    -webkit-transition: transform 700ms ease;
    -moz-transition: transform 700ms ease;
    -ms-transition: transform 700ms ease;
    -o-transition: transform 700ms ease;
    transition: transform 700ms ease;
}

/*series*/

.no-border-bottom{
    border-bottom: 0 !important;
}

.series-first-row{
    margin-top: 135px !important;
}

.series-box{
    margin-top: 20px !important;
    padding-bottom: 20px;
    border-bottom: 1px solid #e6e6e6;
}
.individual{
    margin-top: 3px;
}
.individual .tv-row{
    background-color: #f9f9f7;
}

.custum-lable{
    display: inline;
    padding: .2em 1.6em .3em;
    font-size: 85%;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    background-color: #afc46f;
    float: left;
}

.custum-lable a{
    text-decoration: none;
    color: #ffffff;
}
.custum-lable a:hover{
    color: #e49736;
}

.document-box{
    margin-top: 20px !important;
    padding-bottom: 3px;
    border-bottom: 1px solid #e6e6e6;
}

.article-first-row{
    margin-top: 160px !important;
}
.article-header{
    text-align: center;
    padding-bottom: 10px;
    padding-top: 5px;
}
.article-search-form{
    display: inline-block;
}
.article-search-box{
    max-width: 260px !important;
    min-width: 115px;
    margin-right: auto;
    margin-left: auto;
}
.article-search-box button{
    border: 0 !important;
    background: none !important;
    /** belows styles are working good */
    padding: 2px 5px !important;
    margin-top: 2px !important;
    position: relative !important;
    right: -28px !important;
    /* IE7-8 doesn't have border-radius, so don't indent the padding */
    margin-bottom: 0 !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    color:#e49736 !important;
}

.search-title{
    display: inline-block;
    vertical-align: top;
    height: 34px;
    color: #e49736;
    font-size: 20px;
}

.ask{
    margin-top: 15px;
}
.most-viewed{
    margin-top: 15px;
}
ul {
    height: auto !important;

}

/*series*/
.sm-search{
    float: left;
}
.sm-search .search-query{
    margin-top: 5px;
}
.sm-search .glyphicon-search{
    margin-top: 5px;
}
.fatwa-date{
    border: 1px solid #f0e7e8;
    color: #2f8793;
    background-color: #fbfbfb;
    border-radius: 5px;
    text-align: center;
    font-size: 11px;
}
.fatwa-date span{
    display: block;
}
.fatwa-date .date-day{
    font-weight: bold;
 }
.book-box-img{
    width: 100%;
}


/******************  quraa ***************************/

.about-container{
    color: #747474;
    font-size: 15px;
    text-align: right;
    margin-top: 15px;
    line-height: 1.9;
}

.contact-info-block {
    font-size: 18px;
    display: block;
    color: #949494;
    margin: 10px 0;
}
.contact-info-block .glyphicon {
    color: #318794;
    margin-top: 23px;

}
.contact-form-block{
    margin-top: 25px;
}
.contact-form-block .form-group{
    margin-bottom: 25px;
}
.footer-text{
    text-align: center;
    padding-top: 24px;
    padding-bottom: 24px;
    background-color: #104e59;
    font-weight: bold;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    float: right;
    font-size: 19px;
    color: #ffffff;
    /*border: 1px solid #ffffff;*/
}

.footer-map-container{
    max-height: 500px;
    float: left;
}
.footer-container{
    position: relative;
}





/* 000000000000000 */

/* Top header */
.header-top{
    background: #fff;
}
.r-logo{
    text-align: right;
    padding-left: 0 !important;
}
.header-center{
    text-align: center;
}
.header-center h1{
    margin: 38px 0;
}
.header-center a{
    color: #2f8795;
    font-size: 28px;
    text-decoration: none;
}
.l-logo{
    text-align: left;
    padding-right: 0 !important;
}
.header-top img{
    max-width: 100%;
}
.r-logo, .l-logo {
    margin: 5px 0;
}




/* mega menu and dropdown fix */
#side-navigation{
    float: right;
    display: inline-block;
}
.top-search{
    float: left;
    max-width: 250px;
    margin: 6px 0;
}
.top-search .input-group-btn{
    position: absolute;
    left:0;
}
.btn-custuom-search{
    position: absolute;
    top: -2px;
    left: 5px;
    z-index: 9;
    background: none;
    border: none;
    color: #2f8795;
}
.megamenu{
    margin-top: 44px !important;
}
.nav>li{
    display: inline-block;
    position: relative;
}
.nav>li>a{
    padding: 3px 15px;
    color: #fff;
}
.nav > li:hover > a, .nav > li:focus > a,
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus{
    background: #10505a;
    color: #fff;
}
header .dropdown-menu{
    margin-top: 0;
    border-radius: 0;
    background: #10505a;
    border:none;
}
header .dropdown-menu a{
    padding: 0 15px;
    display: block;
    color: #fff;
}
header .dropdown-menu a:hover{
    text-decoration: none;
    background: rgba(0,0,0,0.2);
}
.menu-large {
    position: static !important;
}
.megamenu{
    padding: 20px 0px;
    width:100%;
}
.megamenu> li > ul {
    padding: 0;
    margin: 0;
}
.megamenu> li > ul > li {
    list-style: none;
}
.megamenu> li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
}
.megamenu> li ul > li > a:hover,
.megamenu> li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.megamenu.disabled > a,
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    color: #999999;
}
.megamenu.disabled > a:hover,
.megamenu.disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.megamenu.dropdown-header {
    color: #428bca;
    font-size: 18px;
}
@media (max-width: 768px) {
    .megamenu{
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .megamenu> li {
        margin-bottom: 30px;
    }
    .megamenu> li:last-child {
        margin-bottom: 0;
    }
    .megamenu.dropdown-header {
        padding: 3px 15px !important;

    }
    .navbar-nav .open .dropdown-menu .dropdown-header{
        color:#fff;
    }
}
/* Menu Triggers */

.menu-trigger{
    display: none;
    width: 60px;
    position: relative;
    top: 0;
    cursor: pointer;
    float: right;
    margin: 0;
    padding: 0;
    height: 45px;
}
.menu-trigger{
    right: 0;
    font-size: 27px;
}
.menu-trigger a {
    display: inline-block;
    position: relative;
    height: 45px;
    width: 45px;
}

.menu-trigger #mainnav-trigger:after{
    position: absolute;
    top: 22px;
    right: 9px;
    display: block;
    height: 11px;
    width: 27px;
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    content: '';
}
.menu-trigger #mainnav-trigger:before, .menu-trigger #mainnav-trigger.trigger-opened:after{
    background: #fff;
}
.menu-trigger #mainnav-trigger:before{
    -webkit-transition: all .3s ease;
    -ms-transition: all .3s ease;
    transition: all .3s ease;
    position: absolute;
    top: 14px;
    right: 9px;
    display: block;
    height: 3px;
    width: 27px;
    content: '';
}
.menu-trigger #mainnav-trigger.trigger-opened:after{
    -webkit-transition:all .3s ease;
    -ms-transition:all .3s ease;
    transition:all .3s ease;
    top:22px;
    border:0;
    height:3px;
    width:28px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
}
.menu-trigger #mainnav-trigger.trigger-opened:before{
    top:22px;
    width:28px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    -ms-transform:rotate(-45deg);
    -o-transform:rotate(-45deg);
    transform:rotate(-45deg);
}

@media only screen and (min-width: 991px){
    #side-navigation{
        display: block !important;
    }
}


@media only screen and (max-width: 991px){
    .menu-trigger{
        display: block !important;
    }
    #side-navigation {
    }
    #side-navigation{
        display: none;
        width: 100%;
    }
    .main-nav-s1>ul>li{
        position: relative !important;
        display: block;
        float: none;
        width: 100%;
    }
    .side-header nav>ul>li>a{
        padding: 15px;
    }
    .is-sticky .header-sticky-min .logo {
        margin: 15px 0;
        height: 45px;
    }
    .dropdown-menu{
        position: relative;
        width: 100%;
    }

    .cols-4 .article-grid, .cols-3 .article-grid, .cols-2 .article-grid{
        width:100%;
    }



}

@media (max-width:450px) {
    .header-center h1{
        margin: 15px 0;
    }
    .header-center a{
        font-size: 20px;
    }
    .r-logo, .l-logo {
        margin: 20px 0;
    }
    .top-search{
        max-width: 200px;
    }

}

/*For the inner pages*/
.mt-15{
    margin-top: 15px;
}
.mb-30{
    margin-bottom: 30px;
}
.mb-50{
    margin-bottom: 50px;
}

#content-inner{
    padding: 70px 0;
    background: #dad7cd;
}
.w-box{
    background: #fff;
    border-radius: 5px;
    padding:15px ;
}
#content-inner2 {
    padding-top: 45px;
    background: #fff;
}
.tight-container .container{
    max-width: 800px;
}

.inner-main-header{
    display: block;
    margin-bottom: 50px;
    font-size: 16px;
}
.inner-main-header h1{
    color: #2f8795;
    font-size: 22px;
    display: block;
    margin-bottom: 15px;
}
.inner-main-header p{
    display: block;
    font-size: 14px;
}
select.form-control{
    padding: 0 10px;
}
.sep{
    display: block;
    width: 100%;
    height: 1px;
    margin:15px 0 ;
    border-bottom:#d8d8d8 solid 1px;
}
.form-sub{
    padding: 15px;
    background: #ebebeb;
    border-radius: 5px;
    margin: 15px 0 30px 0;
    position: relative;
}
.form-sub-inline label{
    color: #666;
}
.form-sub:after{
    content: '';
    position: absolute;
    top: -19px;
    right: 15px;
    border-bottom: #ebebeb solid 20px;
    border-right: transparent solid 20px;
    border-left: transparent solid 20px;
}
.form-sub-inline{
    display: inline-block;
    margin-left: 15px;
}
.form-sub-inline h4{
    color: #2f8795;
    font-size: 16px;
}
.attached-file input{
    background-image: none;
    background-color: #fff;
    border: 1px solid #ccc;
    width: 100%;
    border-radius: 3px;
    padding: 6px;
}
.datepicker-input{
    position: relative;
    direction: rtl !important;
}
.dropdown-menu.datepicker-dropdown{
    right: inherit;
}
.datepicker-input:after{
    content: '';
    width: 19px;
    height: 21px;
    background: url("../../images/date-ico.jpg");
    position: absolute;
    left: 7px;
    top: 6px;
    pointer-events: none;
}
form label{
    font-weight: 400;
    color: #2f8795;
}

.label{
    margin-right: 15px;
}
.label-default{
    background: #2f8795;
}

.thumb-md-txt{
    display: table;
}
.thumb-md-txt *{
    display: table-cell;
    vertical-align: middle;
}
.thumb-md-txt img{
    width: 55px;
    height: 55px;
    border-radius: 5px;
    border:#599fa9 solid 2px
}
.color{
    color: #599fa9;
}
.thumb-md-txt h4 {
    padding-right: 15px;
    color: #599fa9;
    text-decoration: none;
}
.top-map{
    background: #282c37;
    padding: 30px 0;
}
.mapael .map {
    position: relative;
}

.mapael .mapTooltip {
    position: absolute;
    background-color: #fff;
    moz-opacity: 0.70;
    opacity: 0.70;
    filter: alpha(opacity=70);
    border-radius: 10px;
    padding: 10px;
    z-index: 1000;
    max-width: 200px;
    display: none;
    color: #343434;
}

.mapael .areaLegend {
    margin-bottom: 20px;
}

.map-info{
    display: inline-block;
    direction: ltr;
    padding: 15px;
    background: #fff;
    float: left;
}


.listing{
    padding:0;
    list-style: none;
}
.listing li{
    position: relative;
    padding-right: 70px;
    margin-bottom: 30px;
}
.listing li:after {
    content: '';
    display: block;
    clear: both;
}
.listing-img{
    position: absolute;
    top:5px;
    right: 0;
    float: right;
    max-width: 50px;
}
.listing li h2{
    margin-top:0;
    line-height: 20px;
}


.w-box-header{
    color: #2f8795;
    font-size: 22px;
    display: block;
    margin-bottom: 30px;
    border-bottom: #ddd solid 1px;
    padding-bottom: 5px;
}
.w-box-header h1, .w-box-header h4{
    display: inline-block;
    position: relative;
}
.w-box-header h1:after, .w-box-header h4:after{
    content: '';
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: -17px;
    right: 0;
    background: #2f8795;
}
.w-box-header h1{
    font-size: 26px;
}
.w-box-header h4{
    font-size: 18px;
}



@media (max-width: 992px) {
    .sm-search{
        margin: auto;
        float: none !important;
    }
    .lessons-fatwa-container, .tv-container{
        padding: 0 !important;
        margin-top: 15px !important;
    }

    .two-box-container-right{
        padding-right: 0 !important;
        margin-top: 15px !important;
    }
    .two-box-container-left{
        padding-left: 0 !important;
        margin-top: 15px !important;
    }

    .fatwa-big-container{
        padding: 0 !important;
        margin-top: 15px !important;
    }



    .around-container{
        padding: 5px !important;
    }

    .tv-item{
        border: 0 !important;
    }
    .tv-item .video-img{
        width: inherit !important;
        height: inherit !important;
    }


    .lesson-container, .fatwa-container{
        min-height: inherit;
        padding-bottom: 15px;
    }





}