/*
 ::Table Of Content For All Language

 1.) Site Global Section
 2.) Footer Section
 3.) Inner Page Css Rule
 -----------------------------------------------*/
/*
Class Name : 

Poem page :

poemPageMainContent = pMC
poemPageContentBodyContentWrap = pPCBCWrap = pPCBCW = w 
poemPageContentBodyContent = pPCBC = pPCBC = c
poemPageContentBodyContentTranslation = pPCBCT = pPCBCT = t
poemPageContentBodyContentTranslationShow = pPCBCTS = pPCBCTS = show
poemPageContentUnpublished = pPCUP = pPCUP = unPublished

Dictionary :


    Wrap  = dWrap
dictionaryContent  = dContent
picWordAndFavorite  = dWordFav
picWordwithAllLangauge  = dWordAlan
picWordSoundFavorite = dWordAF
addMeaningLink  = dMLink
dictionaryWrapShadow  = dWrapS
dictionaryWrapShow  = dWrapShow

*/

/*@media screen and (orientation:portrait) {
    .landscapeViewPopup{
        display:none !important;
    }
    
}

@media screen and (orientation:landscape) {
    .landscapeViewPopup {
        display: flex;
    }
    .wrapper.innerWrapper{
        display:none;
    }
}*/
 

/*
 1.) Site Global Section
 ---------------------------*/
html, body {
    font-family: 'latoxregular';
    -webkit-text-size-adjust: none;
}

* {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p, ul {
    line-height: 1;
    margin: 0 0;
    padding: 0 0;
}
/*----------- Clearfix Rule Starts ------------*/
.clearfix {
    *zoom: 1;
}

a {
    text-decoration: none;
}

section {
    overflow: hidden;
}

.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}

.clearfix:after {
    clear: both;
}

.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}
/*----------- Clearfix Rule Ends ------------*/

.container {
    width: 100%;
    max-width: 1200px;
    padding: 0px 16px;
    margin: auto;
}
.NoCardContent {
    padding-bottom:48px;
}
    .NoCardContent .contentListing, .NoCardContent .mainContentBody {
        width: 100%;
        float: none;
    }

.x1 {
    margin-bottom: 32px;
}

.x2 {
    margin-bottom: 48px;
}

.x3 {
    margin-bottom: 64px;
}

.x4 {
    margin-bottom: 128px;
}

.visibleDesktop {
    display: none;
}

.hiddenDesktop {
    display: block;
}
/*.contentListing {
    margin-bottom:64px;
}*/

.paddingBT {
    /*padding-top: 64px;
    padding-bottom: 64px;*/
    padding-top: 26px;
    padding-bottom: 26px;
}

.wrapper {
    /*padding-top: 64px;
    padding-top: 54px;*/
}

button {
    background-color: transparent;
    font-family: 'latoxregular';
}

/*
 2.) Footer Section
 ---------------------------*/

/*
 3.) Inner Page Css Rule
 ---------------------------*/
.mainContentBody {
    margin-bottom:48px;
}
.searcBoxContainer {
    display: none;
    position: fixed;
    top: 52px;
    width: 100%;
    height: 100%;
    z-index: 99999;
}

.searchLayout {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    z-index: 9;
}

.searchBox {
    width: 100%;
    padding: 54px 16px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 100%;
    overflow-y: auto;
    background: #fff;
    border-top: 1px solid #ebebeb;
    border-radius: 0;
    z-index: 9;
}

.searchField {
    position: relative;
    margin-bottom: 32px;
}

    .searchField input {
        width: 100%;
        line-height:normal;
        /*height: 64px;*/
        font-size: 28px;
        font-family: 'latoxbold';
        border: none;
        border-bottom: 1px solid #d9d9d9;
        color: #ff005e;
        position: relative;
        z-index: 1;
    }

    .searchField:before {
        content: "";
        position: absolute;
        height: 1px;
        background: #ff005e;
        bottom: 0px;
        z-index: 9;
        width: 0px;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .searchField::-webkit-input-placeholder, #nvCountry::-webkit-input-placeholder { /* Chrome/Opera/Safari */
        color: /*#d9d9d9*/ #000;
        position: absolute;
        padding-top: 300px;
    }

    .searchField.searchIcon:before {
        width: 100%;
    }

    .searchField.searchIcon input {
        background-position: 100% 24px;
        background-size: 26px;
    }

.searchContentBox {
    padding-bottom: 16px;
    border-bottom: 1px solid #d9d9d9;
    position: relative;
    padding-top: 16px;
}

.searchText {
    /*float: left;*/
    float: none;
}

    .searchText .searchType {
        color: #fff;
        font-size: 8px;
        background: #ffa64c;
        text-align: center;
        padding: 4px 8px;
        border-radius: 2px;
        text-transform: uppercase;
        margin-bottom: 16px;
        font-family: 'latoxbold';
        letter-spacing: .5px;
        display: inline-block;
    }

    .searchText p {
        color: #1a1a1a;
        font-size: 16px;
        line-height: 24px;
    }

.searchTextPoet {
    color: #1a1a1a;
    font-size: 16px;
    /*position: absolute;
    right: 0;
    bottom: 32px;*/
    position: relative;
    float: right;
    margin-top: 10px;
}

.searchNazm .searchText .searchType {
    background: #ff4ca6;
}

.searchSher .searchText .searchType {
    background: #00e5e5;
}

.searchText p {
    color: #1a1a1a;
    font-size: 16px;
    line-height: 24px;
}

.searchText h4 {
    color: #1a1a1a;
    font-size: 20px;
    margin-bottom: 8px;
    font-family: 'latoxbold';
}

/*.searchTextPoet {
        color: #1a1a1a;
        font-size: 16px;
        position: absolute;
        right: 0;
        bottom: 32px;
    }*/

.searchTextPoet a {
    color: #1a1a1a;
}

.bodyOverflow, .bodyOverflow1, .bodyOverflowHdn {
    overflow: hidden;
}

button:focus, input:focus, textarea:focus {
    outline: none;
}

.intialLine {
    font-size: 12px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;
}

    .intialLine span {
        font-family: 'latoxbold';
    }

.searchContent {
    padding-top: 36px;
    /*display: none;*/
    position: relative;
}

    /*.serchCntVisible {
    display: none;
}*/

    .intialLine.serchCntVisible, .searchContent.serchCntVisible {
        display: none;
    }
/*.searchContent {
display:none;
}*/


.searchBoxFade {
    width: 100%;
    /*width: calc(100% - 72px);*/
    left: 0;
    height: 100%;
    /*height: calc(100% - 72px);*/
    pointer-events: none;
    position: absolute;
    bottom: 23px;
    /*bottom: 72px;*/
    background: -moz-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(85%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 15%, rgba(255,255,255,0) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* ie6-9 */
}

.quickSuggetion {
    font-size: 12px;
    color: #b2b2b2;
    margin-bottom: 24px;
}

.topSearchResult, .takhtiSearchResult {
    /*max-height: 512px;*/
    max-height: 274px;
    overflow-y: auto;
    padding-right: 5%;
    padding-bottom: 64px;
    background-color:#fff;
}
.takhtiSearchResult {
    box-shadow: 0 3px 8px 0 rgba(0,0,0,0.2), 0 0 0 1px rgba(0,0,0,0.08);
    padding: 8px 24px 24px;
    top: -36px;
    position: relative;
}

    .topSearchResult::-webkit-scrollbar, .takhtiSearchResult::-webkit-scrollbar {
        width: 4px;
    }

    .topSearchResult::-webkit-scrollbar-track, .takhtiSearchResult::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
        border-radius: 10px;
    }

    .topSearchResult::-webkit-scrollbar-thumb, .takhtiSearchResult::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background: #ff005e;
    }


.searchFooter {
    text-align: center;
    bottom: -24px;
    position: relative;
}

    .searchFooter .readFull {
        margin-top: 0;
    }


header {
    padding: 0px;
    top: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    position: fixed;
    -moz-box-shadow: 0px 0px 2px #ccc;
    -webkit-box-shadow: 0px 0px 2px #ccc;
    box-shadow: 0px 0px 2px #ccc;
    height: 56px;
}



#primaryHeader.mobileLayout {
    z-index: 9999;
}

.mobileLayout .headerContainer {
    z-index: 99999;
}

.searchClose {
    border: none;
    width: 32px;
    height: 32px;
    /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png) no-repeat;*/
    position: absolute;
    /*background-position: -90px -128px;*/
    right: 15px;
    z-index: 9;
    top: 20px;
    cursor: pointer;
    padding: 0;
    color: #808080;
}

.logoContainer {
    float: none;
    /*padding: 14px 0px;*/
    padding: 11px 0px 9px;
    text-align: center;
    max-width: 117px;
    margin: auto;
}

.userLogin {
    color: #fff;
    font-family: 'latoxbold';
    font-size: 14px;
    padding:12px 0px;
}

.menuContainer ul li {
    float: none;
}
.mblMnRtTp li {
    margin-bottom:12px;
    text-transform:uppercase;
    font-size:11px;
}
.menuContainer ul .mainListItem {
    background-image: url(../../www.rekhta.org/Content/3.5/Images/dropBtn-white.png);
    background-repeat: no-repeat;
    background-position: 100% 20px;
    background-size: 12px;
} 
    .menuContainer ul .mainListItem.activeSubMenu {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/dropBtn-whiteUp.png);
    }
.menuContainer ul li .subMenu {
    display: none;
    padding: 0px 16px;
    border-top: 1px solid rgba(255,255,255,0.3);
}
    .menuContainer ul li .subMenu li:last-child{
        border-bottom:none;
    } 
    .menuContainer ul li a {
        color: #fff;
        /*color: #525252;*/
        display: block;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        position: relative;
    }

.mainMenu ul li, .mobileMainMenu ul li {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    /*border-bottom: 1px solid #525252;*/
}

    .mainMenu ul li a, .mobileMainMenu ul li a {
        font-family: 'latoxbold';
        font-size: 14px;
        padding: 16px 0px;
        text-transform:uppercase;
    }

.menuContainer ul li a:before {
    content: "";
    position: absolute;
    top: -8px;
    width: 0;
    left: 50%;
    height: 4px;
    background: #eb0046;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.mainMenu .mainMenuMore {
    float: left;
    position: relative;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon-Arrow.png);*/
    background-repeat: no-repeat;
    background-position: 96% 53%;
    border: none;
    padding: 0px 16px 0px 0px;
    display:none;
}
    .mainMenu .mainMenuMore:before, .langUserContainer li button:before {
        font-family: 'rIcons' !important;
        content: "\e931";
        position: absolute;
        font-size: 16px;
        color: #4c4c4c;
        right: 0px;
        top: 23px;
    }
    .mainMenu .mainMenuMore .mainMenuDropdown {
        position: absolute;
        visibility: hidden;
        opacity:0;
        background-color: #fff;
        -moz-box-shadow: 0px 6px 6px rgba(0,0,0,.14);
        -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,.14);
        box-shadow: 0px 6px 6px rgba(0,0,0,.14);
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        z-index:1;
        padding-top:8px;
    }
    .mainMenu .mainMenuMore:hover .mainMenuDropdown {
        visibility: visible;
        opacity:1;
    }
    .mainMenu .mainMenuMore .mainMenuDropdown li {
        float: none;
        margin-right:0px;
    }
        .mainMenu .mainMenuMore .mainMenuDropdown li a {
            padding: 12px 24px;
            font-size: 14px;
            -webkit-transition: all 0.5s;
            transition: all 0.5s;
            white-space:nowrap;
        }
            .mainMenu .mainMenuMore .mainMenuDropdown li a:hover {
                background: #f2f2f2;
                color: #4c4c4c;
            }
    .mainMenu .mainMenuMore .mainMenuDropdown li a:before {
        display:none;
    }

.menuHeading {
    color: rgba(255,255,255,0.7);
    font-size: 11px;
    font-weight: normal;
    margin-bottom: 20px;
    letter-spacing: 2px;
    display: none;
}

.infoMenuHeading {
    /*margin: 24px 0px;*/
    margin: 0px 0px 24px;
}

.toggleMenuButton {
    position: relative;
    display: none;
    float: left;
    left: 8px;
    top: 8px;
    width: 40px;
    height: 40px;
    padding: 13px 8px;
    border: none;
    cursor: pointer;
    z-index: 9;
    /*background-image:url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
	 background-repeat:no-repeat;
	 background-position:160px 0px;*/
}

.headerContainer.mobileMenuHS {
    left: 0;
}

.toggleMenuButton span {
    height: 2px;
    width: 100%;
    position: relative;
    background: #1a1a1a;
    margin-bottom: 4px;
    display: block;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

    .toggleMenuButton span:last-child {
        margin-bottom: 0px;
    }

.mobileLayout .toggleMenuButton span {
    background: #fff;
}

    .mobileLayout .toggleMenuButton span:last-child {
        display: none;
    }

    .mobileLayout .toggleMenuButton span:nth-child(1) {
        transform: rotate(45deg);
        top: 5px;
    }

    .mobileLayout .toggleMenuButton span:nth-child(2) {
        transform: rotate(-45deg);
        top: -1px;
    }

.mobileMenu, .logoMobile {
    display: none;
}

.headerRightContainer {
    position: absolute;
    right: 0;
    top: 40px;
    width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .headerRightContainer:hover {
        margin-right: 0;
    }

.langUserContainer {
    width: 100%;
    border: none;
    padding: 16px;
    box-sizing:border-box;
}

.socialHS .langUserContainer {
    display: none;
}

.langUserContainer li button {
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon-Arrow.png);*/
    background-repeat: no-repeat;
    background-position: 100% 50%;
    border: none;
    padding: 16px 16px 16px 0px;
    cursor: pointer;
    color: #4c4c4c;
    font-size: 14px;
    min-width: 42px;
    display: none;
    position:relative;
    font-family:'latoxbold';
}
    .langUserContainer li button:before {
        font-size: 16px;
        top:17px;
    }

.socialHS .searchButton {
    display: none;
}

.langUserContainer li.userIcon .userImg {
    position: relative;
    border-radius: 50%;
    border: 4px solid transparent;
    /*padding: 4px;*/
    cursor: pointer;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .langUserContainer li.userIcon .userImg:hover {
        /*border: 4px solid #ccc;*/
        border: 4px solid #e5e5e5;
    }

.userMenu {
    display:none;
    opacity: 1;
    width: 100%;
    height: auto;
    margin: auto;
    overflow: hidden;
    right: auto;
    pointer-events: auto;
    top: 0px;
    z-index: 99999;
    background: #fff;
    padding: 24px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-box-shadow: 0px 6px 6px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,.3);
    box-shadow: 0px 6px 6px rgba(0,0,0,.3);
}
.RuserloginProfile{
    padding:0px;
}


.userMenuInner {
    width: 272px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.userMenuOpen .userMenuInner {
    opacity: 1;
}

.userMenuOpen {
    visibility: visible;
    width: 320px;
    height: auto;
    opacity: 1;
    z-index: 99;
    pointer-events: auto;
    /*left: -184px;*/
}

.closeUserMenu {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/icon-closeBlackSmall.png)no-repeat center;
    background-size: 40%;
    cursor: pointer;
    display:none;
}

.userMenu .userDetailBox {
    padding-bottom: 24px;
    margin-bottom: 8px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

    .userMenu .userDetailBox p {
        font-size: 16px;
        color: #000000;
        float: left;
    }

    .userMenu .userDetailBox img {
        position: relative;
        float: right;
        width: 50px;
        height: auto;
        border-radius: 50%;
    }

    .userMenu .userDetailBox p .userFavorite {
        font-size: 11px;
        color: #b2b2b2;
    }

.userMenu .userMenuList li {
    list-style: none;
    float: none;
    margin: 0;
}

    .userMenu .userMenuList li a {
        font-size: 14px;
        display: block;
        padding: 16px 0px;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        color: #000;
    }

        .userMenu .userMenuList li a:hover {
            padding: 16px;
            background: #eb0046;
            color: #ffffff;
            -moz-border-radius: 2px;
            -webkit-border-radius: 2px;
            border-radius: 2px;
        }

.userMenu .userDetailBox {
    display: none;
}

.langUserContainer li.userIcon .userName {
    font-size: 16px;
    color: #ffffff;
    display: none;
}

.langUserContainer li:first-child p span {
    font-size: 12px;
    color: rgba(255,255,255,.7);
    border-bottom: 1px solid rgba(255,255,255,.7);
    position: relative;
    top: 5px;
}

.infoMenu li {
    margin-bottom: 24px;
    border-bottom: none;
}

    .infoMenu li a {
        font-size: 11px;
        font-family: 'latoxregular';
        padding: 0;
        cursor: pointer;
        text-transform: uppercase;
    }

.langContainer {
    position: relative;
}

.langMenu {
    width: 100%;
    left: 0;
    display: block;
    background: none;
    border: none;
    box-shadow: 0px 0px 0px rgba(0,0,0,.14);
    text-align: center;
    padding: 16px 0px;
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

    .langMenu li {
        width: 100%;
        max-width: 76px;
        border: 1px solid #ffffff;
        display: inline-block;
        margin: 0px 8px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

        .langMenu li a {
            width: 100%;
            color: #fff;
            font-size: 12px;
            padding: 12px 0px;
            display: block;
            text-align: center;
            font-family: 'latoxbold';
            -moz-transition: all 0.3s ease-in-out;
            -webkit-transition: all 0.3s ease-in-out;
            transition: all 0.3s ease-in-out;
        }

            .langMenu li a:hover {
                background: #fafafa;
            }

            .langMenu li a.btn-grp-active {
                background: #fff;
                color: #ff005e;
            }

.headerRightContainer ul li {
    list-style: none;
}

.headerSocial {
    display: inline-block;
    vertical-align: top;
    padding: 16px 0px;
    position: absolute;
    /*bottom: -423px;*/
    bottom:-626px;
    left: 16px;
    width: calc(100% - 32px);
    text-align: center;
    border-top: 1px solid rgba(255,255,255,0.3);
}

    .headerSocial ul {
        float: none;
        width: auto;
        overflow: hidden;
        height: auto;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        margin-right: 0px;
    }

.socialHS .headerSocial ul {
    width: 224px;
}

.headerSocial ul li {
    float: none;
    display: inline-block;
    list-style: none;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
    .headerSocial ul li.gPlus {
        display:none;
    }

    .headerSocial ul li a {
        height: 32px;
        width: 32px;
        display: block;
        /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
        background-repeat: no-repeat;*/
        text-align: center;
        line-height: 32px;
        color: #d9d9d9;
    }

.mobileLayout .headerSocial ul li a {
    color: #fff;
}


/*.headerSocial ul li.facebook a {
        background-position: -3px -348px;
    }

    .headerSocial ul li.twitter a {
        background-position: -38px -348px;
    }

    .headerSocial ul li.gPlus a {
        background-position: -73px -348px;
    }

    .headerSocial ul li.youtube a {
        background-position: -108px -348px;
    }

    .headerSocial ul li.instagram a {
        background-position: -143px -348px;
    }

    .headerSocial ul li.pintrest a {
        background-position: -213px -347px;
    }

    .headerSocial ul li.newsletter a {
        background-position: -178px -348px;
    }*/
.headerSocialBtn {
    display: none;
    width: 32px;
    height: 32px;
    float: left;
    line-height: 30px;
    text-align: center;
    position: absolute;
    right: 16px;
    cursor: pointer;
    overflow: hidden;
}

    .headerSocialBtn span {
        width: 4px;
        height: 4px;
        display: inline-block;
        background: #d9d9d9;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

.socialHS .headerSocialBtn {
    padding-top: 10px;
    line-height: 1;
}

    .socialHS .headerSocialBtn span {
        width: 50%;
        margin-left: 25%;
        position: absolute;
        height: 2px;
        display: block;
        margin-bottom: 4px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
    }

        .socialHS .headerSocialBtn span:nth-child(1) {
            -moz-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
            top: 16px;
        }

        .socialHS .headerSocialBtn span:nth-child(2) {
            -moz-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
            top: 16px;
        }

        .socialHS .headerSocialBtn span:last-child {
            display: none;
        }

.searchButton {
    position: absolute;
    top: -40px;
    right: 0px;
    border: none;
    display: inline-block;
    vertical-align: top;
    border: none;
    height: 56px;
    width: 56px;
    cursor: pointer;
    text-align: center;
    color: #1a1a1a;
}

.mobileLayout .searchButton {
    color: #ffffff;
}

.searchButton.rico-search {
    font-size: 40px;
}

.mobileSearch {
    top: 0px;
    height: 56px;
    padding:0;
    display:block;
}
/* slider section strat */

.sectionSlider {
    padding-top: 64px;
}

.slideContent {
    position: absolute;
    bottom: 38px;
    width: 100%;
    text-align: center;
    color: #fff;
}

.slideContentShadow {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}

.slideContent h2 {
    font-size: 30px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: normal;
    letter-spacing: -.5px;
    font-family: 'latoxregular', 'rozha_oneregular','ArefRuqa';
}

.slideContent p {
    font-size: 16px;
    font-family: 'latolight';
}

.videoBox {
    position: relative;
    cursor: pointer;
}
.videoBox img.videoImg {
    position:relative;
}
.ytVdoInfo {
    position: absolute;
    z-index: 1;
    color: #000;
    text-transform: uppercase;
    font-size: 8px;
    letter-spacing: 0.1em;
    background-color: rgba(255,255,255,0.6);
    padding: 8px 12px;
    left: 0;
    top: 0px;
    pointer-events: none;
    font-family: 'latoxbold';
}

    .videoBox .playIcon {
        width: 64px;
        height: 64px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        opacity: .7;
        background-image: url(../images/icon_sprite.png);
        background-position: -294px -522px;
        z-index:11;
    }

    .videoBox:hover .playIcon {
        opacity: 1;
    }

    .sliderContainer img, .videoBox img {
        width: 100%;
        height:auto;
    }
.bannerSlider .sliderContainer img {
    width: auto;
}

.sliderContainer {
    overflow: hidden;
    max-height: 344px;
}

.videoContainer {
    max-width: 1113px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    position: relative;
    padding-top: 0px !important;
}

    .videoContainer h6, .smallHeading {
        font-size: 12px;
        color: #4c4c4c;
        font-weight: normal;
        letter-spacing: 5px;
        text-transform: uppercase;
        margin-bottom: 42px;
    }
.rTopSherHomeSec .smallHeading{
    margin-bottom:24px;
}
.sectionEbook .smallHeading {
    color: #666666;
}

.videoDetail h1 a {
    /*font-size: 24px;*/
    font-size: 14px;
    color: #4c4c4c;
    font-weight: 300;
    text-transform: uppercase;
    font-style: normal;
    letter-spacing: 3.7px;
    /*font-family: 'latolight','rozha_oneregular','NotoNastaliqUrdu';*/
    font-family: 'latobold','rozha_oneregular','NotoNastaliqUrdu';
}

.videoDetail p {
    /*font-size: 16px;*/
    font-size: 12px;
    color: #1a1a1a;
    line-height: 24px;
}

    .videoDetail p.x3 {
        margin-bottom: 32px;
    }

.buttonShare p {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 2.6px;
    margin-bottom: 24px;
}

.shareRemember {
    margin-top: 82px;
}
/* top five sher section */

.topFivesection {
    position: relative;
    background: #fff;
    z-index: 1;
}

.shareVideoIcon {
    width: 64px;
    height: 64px;
    /*background-image: url("https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -204px -242px;*/
    border: none;
    /*-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;*/
    cursor: pointer;
    z-index: 1;
    position: relative;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    color: #00aaff;
    box-sizing:border-box;
    display:block;
    line-height:64px;
}

.sharevideoBox:hover .shareVideoIcon {
    /*background-position: -204px -175px;*/
}

.sherWord .sharevideoBox .shareVideoIcon {
    /*background-position: -204px -175px;*/
}

.sherWord .sharevideoBox:hover .shareVideoIcon {
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
    background-repeat: no-repeat;
    background-position: -204px -242px;*/
}


.sharevideoBox {
    position: relative;
    width: 64px;
    margin: 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

/*.sherWord .sharevideoBox .sharebtnAnim {
    background: #ffffff;
}*/

.sherWord .sharevideoBox button {
    /*color: #ffffff;*/
    font-size:48px;
}

/*.sherWord .sharevideoBox:hover button {
    color: #ff006a;
}*/

.sharebtnAnim {
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    border-radius: 50%;
    top: 50%;
    left: 50%;
    background: #00aaff;
}

.shareRemember button {
    font-size: 48px;
}

.buttonShare img {
    cursor: pointer;
    width: 15px;
}

.sherContainer {
    text-align: center;
}

.edwardianHeading {
    text-transform: capitalize;
    /*font-size: 48px;*/
    font-size: 18px;
    /*color: #000000;*/
    color: #525252;
    /*font-family: 'Edwardian Script ITC';*/
    font-family: 'oswaldbold';
    text-transform: uppercase;
    font-weight: normal;
    text-align:center;
}

.sherLines p, .wordInSher p {
    font-size: 24px;
    color: #1a1a1a;
    line-height: 48px;
    letter-spacing: .25px;
    font-family: 'merriweather_extendedLtIt';
}

.poetName {
    margin-top: 6px;
    font-size: 14px;
    display: inline-block;
    cursor: pointer;
}
.comonChsSher .poetName {
    margin-bottom:32px;
}

    .poetName.x2 {
        margin-bottom: 54px;
    }

.poetName a {
    color: #000;
    cursor: default;
    font-family: 'merriweatherheavy','NotoDevanagari','NotoNastaliqUrdu';
    text-transform: uppercase;
}

        .poetName a:hover, .syriImgInfo .ShyriImgInfoPoetName a:hover {
            color: #000000;
        }

.activitySources {
    max-width: 860px;
    margin: auto;
    text-align: center;
}

    .activitySources ul li {
        display: inline-block;
        list-style: none;
        font-size: 14px;
        color: #666666;
        /*margin-right: 4px;*/
        margin-right:0px;
        cursor: pointer;
        vertical-align: top;
        position: relative;
        background-color: transparent;
        -webkit-tap-highlight-color: rgba(0,0,0,0);
    } 

        /*.activitySources ul li.rComments {
            display:none;
        }*/
        .activitySources ul li.shareGplus, .shareSocial ul li.shareGplus {
            display: none;
        }
        .activitySources ul li.tagList {
            cursor: default;
        }

        .activitySources ul li a, .shyriImgFooter .tagsOpen li a {
            color: #666666;
            text-transform: capitalize;
        }

        .activitySources ul li .tagHighlt a {
            border-bottom: 1px solid transparent;
            text-transform: lowercase;
        }

            .activitySources ul li .tagHighlt a:hover {
                border-bottom: 1px solid;
            }

        .activitySources ul li span {
            display: inline-block;
           
        }

.quoteLanding .activitySources ul li span {
    vertical-align: initial !important;
}

.quoteLanding .activitySources ul li.tagList .tags {
    line-height: 30px !important;
}

.bxsliderTopFiveSher span.tagHighlt a {
    max-width: 49px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align:text-bottom;
}

.btnText {
    padding-bottom: 4px;
}

.btnText, .activitySources ul li span.btnText {
    display: none;
}

.activitySources ul li .icon, .activitySources ul li.tagList .tags, .shyriImgFooter .readfullTag .tagList .tags {
    width: 32px;
    height: 32px;
    border: 0;
    /*cursor: pointer;*/
    float: left;
    padding: 0;
    margin-top: -8px;
    margin-right: 0px; /*
	-moz-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;*/
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;*/
}
.rCommentsFill .iconExplain.rico-comments {
    color:#00aaff;
}
.rCommentsFill .iconExplain.rico-comments:before {
    content: "\e96e";
}

.moreTag {
    color: #666666;
    padding-bottom: 4px;
}

    .moreTag .tagHighlt, .tagHighlt a {
        color: #00aaff !important;
    }

    .moreTag:hover {
        border: none;
    }

.activitySources ul li .btnText {
    border-bottom: 1px solid transparent;
}

.activitySources ul li:hover .btnText {
    color: #666666;
    border-bottom: 1px solid #ccc;
}

/*favorite*/
.favorite {
    float: left;
    position: relative;
    top: -10px;
    display: inline-block;
    width: 32px;
    height: 32px;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: -38px -242px;*/
}

.activitySources .favorite {
    background: none;
    width: auto;
    height: auto;
    top: auto;
}
.PtSs .favorite {
    width:36px;
    height:36px;
}

    .activitySources .favorite i {
        /*background-position: -38px -242px;*/
        line-height: 32px;
        color: #999999;
    }

    .activitySources .favorite.active {
        background: none;
    }

        .activitySources .favorite.active i:before, .contentListItems .favorite.active i:before, .favorite.active i:before {
            content: '\e98d';
            color: #eb0046;
        }
.contentListItemsFavortite.fvtcntPrnt {
    padding-top: 9px;
    font-size: 12px;
}
.fvtcntPrnt i {
    position: absolute;
    top: -8px;
    left: 0;
    right:0;
}
.fmsFavCnt {
    position: absolute;
    left: 4px;
    top: 60%;
    width: 32px;
    color: #b2b2b2;
    font-size: 12px;
    text-align: center;
}

.favorite span {
    display: block;
    width: 32px;
    height: 32px;
    border-bottom: none;
}

.activitySources .favorite span {
    width: auto;
    height: auto;
    padding-bottom: 4px;
    display: none;
}

.activitySources .favorite:hover span {
    border-bottom: 1px solid #ccc;
}

.activitySources ul li:hover .favorite {
    background-position: -38px -277px;
}

.favorite.favLoading {
}

.favorite.active.favLoading {
}

.activitySources ul li:hover .favorite .inactive {
    background-position: -38px -312px;
}

.activitySources ul li:hover .favorite .active {
    background: url(../../www.rekhta.org/Content/Images/NewHome/Icon-Favorite.png)no-repeat center;
}


.favorite button {
    background-position: -38px -243px;
}

.activitySources ul li.favorite:hover button {
    background-position: -38px -278px;
}

    .activitySources ul li.favorite:hover button.F-active {
        background-position: -38px -313px;
    }

.activitySources ul li.shareSher .iconShare, .activitySources ul li.rExplanation .iconExplain {
    line-height: 32px;
    color: #808080;
}
.activitySources ul li.rExplanation .iconExplain {
    font-size: 28px;
    line-height: 34px;
}

    .activitySources ul li.shareSher:hover .iconShare, .activitySources ul li.rExplanation:hover .iconExplain, .activitySources ul li.rExplanation.explainActive .iconExplain {
        color: #00aaff;
    }

.activitySources ul li.translate .iconTranslate {
    line-height: 32px;
    color: #666666;
}

.activitySources ul li.translate a.transLtActv .iconTranslate {
    color: #00aaff;
}

.activitySources ul li.readGhazalFull .iconReadFull {
    line-height: 32px;
    color: #4c4c4c;
}

.activitySources ul li.readGhazalFull:hover .iconReadFull {
    color: #00aaff;
}

.activitySources ul li.tagList:hover div {
    border-bottom: none;
}
.quoteLandingImg {
    display: none;
}
 
.activitySources ul li.tagList .tags, .shyriImgFooter .readfullTag .tagList .tags {
    line-height: 32px;
    color: #ffaa00;
}

.tagList {
    margin-right: 0;
}

.separator {
    width: 56px;
    height: 2px;
    /*background: #e40046;*/
    background: #d9d9d9;
    /*margin-top: 24px;
    margin-left: auto;
    margin-right: auto;*/
    margin: 16px auto;
}

    .separator.x2 {
        margin-bottom: 40px;
    }

.meaningLines {
    margin-top: 20px;
    margin-bottom: 8px;
}

    .meaningLines p {
        font-size: 16px;
        color: #4c4c4c;
        line-height: 32px;
        font-family: 'merriweatherregular';
    }

.buttonBlue {
    max-width: 320px;
    display: block;
    width: 80%;
    /*margin: 96px auto 0px;*/
    margin: 40px auto 0px;
    padding-left: 36px;
    letter-spacing: .2px;
    text-transform: uppercase;
    height: 56px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #00aaff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border: 0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.shareButtonSection .buttonBlue {
    line-height: 10px;
}

.buttonBlue:hover {
    background-color: #53c6ff;
}

.btnlargeIcon {
    width: 22px;
    height: 24px;
    display: block;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
    background-repeat: no-repeat;*/
    position: relative;
    left: -10%;
    top: 23%;
}

.sendButton {
    width: 277px;
}

.shareBtnIcon {
    /*background-position: -225px -195px;*/
}

.sendBtnIcon {
    background-position: -23px -196px;
    width: 24px;
    height: 21px;
}

/* section word of the day */

.sectionWord {
    /*background: #ff006a;*/
    text-align: center;
    position: relative;
}

.shadowBox {
    width: 75%;
    height: 480px;
    margin: auto;
    position: absolute;
    top: -480px;
    left: 0;
    right: 0;
    -moz-border-radius: 250px;
    -webkit-border-radius: 250px;
    border-radius: 250px;
    -moz-box-shadow: 0px 0px 64px rgba(0,0,0,.2);
    -webkit-box-shadow: 0px 0px 64px rgba(0,0,0,.2);
    box-shadow: 0px 0px 64px rgba(0,0,0,.2);
}

.shadowDown {
    top: auto;
    bottom: -480px;
}

.sectionWord .smallHeading {
    color: #525252;
    /*font-size: 12px;*/
    font-size:12px;
}

.wordContainer h1,
.wordContainer .h1-word {
    font-size: 54px;
    /*color: #fff;*/
    color:#ff006a;
    font-family: 'merriweather_extendedLtIt';
    font-weight: normal;
    margin-bottom: 24px;
    display:block;
}

.meaningContainer {
    margin-bottom: 48px;
}

    .meaningContainer ul li {
        display: inline-block;
        list-style: none;
    }

        .meaningContainer ul li.devMeaning {
            font-size: 22px;
            font-family: 'lailaregular';
        }

        .meaningContainer ul li.mngSeperator {
            margin: 0px 24px;
        }

            .meaningContainer ul li.mngSeperator span {
                font-size: 20px;
                color: #ff006a;
            }

        .meaningContainer ul li.urMeaning {
            font-size: 24px;
            font-family: 'NotoNastaliqUrdu';
        }

.engMeaning p {
    font-size: 16px;
    font-family: 'latoxitalic';
    margin-bottom: 16px;
    color: #7d7d7d;
}

.engMeaning h3 {
    font-size: 22px;
    /*font-family: 'latoxbold';*/
    margin-bottom: 36px;
}

/*.wordInSher p, .wordInSher .pMC .c p {
    color: #fff;
}*/

.wordInSher .pMC .c:hover {
    background: none;
}

.wordInSher .pMC .c p span:hover {
    background: #fff;
    color: #000;
}

.sherDetail p {
    margin-top: 16px;
    line-height: 32px;
}

.sherDetail.x3 {
    margin-bottom: 82px;
}

.sherDetail p span {
    font-family: 'latoxitalic';
}

.sherDetail p a {
    /*color: #fff;*/
    color: #000;
    /*border-bottom: 1px solid #fff;*/
    border-bottom: 1px solid #000;
    padding-bottom: 2px;
}

    .sherDetail p a:hover {
        border-bottom: none;
    }

/*.sherWord p {
    color: #fff;
}*/

/* section Remember start */

.sectionRmmbr {
    background: #fff;
    position: relative;
    text-align: center;
}

.aniversaryContainer h1 {
    margin-bottom: 16px;
}

.aniversaryContainer .rmmbrSubheading {
    color: rgba(0,0,0,.7);
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 3.5px;
    margin-bottom: 48px;
}

.poetImgBox {
    /*width: 180px;
	height: 180px;*/
    width: 150px;
    height: 150px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    margin: auto;
    position: relative;
    margin-bottom: 0px;
}

.poetInfoContainer img {
    width: 100%;
    position: relative;
    z-index: 9;
    border-radius: 50%;
    height:auto;
}

.poetPhotoShadow {
    /*width: 150px;
	height: 150px;*/
    width: 120px;
    height: 120px;
    z-index: 1;
    -moz-box-shadow: 0px 15px 30px #00404c;
    -webkit-box-shadow: 0px 15px 30px #00404c;
    box-shadow: 0px 15px 30px #00404c;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    left: 15px;
}

.poetInfoContainer .poetName {
    font-size: 16px;
    margin-bottom: 14px;
    margin-top: 32px;
}

.poetInfoContainer .poetPeriod {
    font-size: 12px;
    color: rgba(0,0,0,.7);
    letter-spacing: 3.5px;
}

.poetDes {
    width: 100%;
    max-width: 720px;
    margin: auto;
    position: relative;
    padding-bottom: 32px;
    margin-bottom: 6px;
}
.nazmTitle {
    color: #000;
    font-family: LatoXBold,NotoDevanagariBold,MehrNastaliqRegular;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 4px;
    margin-left: 0px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow-x: hidden;
}
.aniversaryContainer .sherLines .nazmTitle {
    position:relative;
    top:16px;
}
    .poetDes p {
        font-size: 16px;
        color: #1a1a1a;
        line-height: 32px;
        /*text-align: justify;*/
        text-align: center;
        font-family: 'merriweatherlight';
    }

    .poetDes:after {
        content: "";
        height: 1px;
        width: 160px;
        background: #d9d9d9;
        position: absolute;
        /*bottom: 0;
        left: 39%;*/
        bottom: 10px;
        left: 50%;
        margin-left: -80px;
    }

.readFull {
    font-size: 12px;
    color: #00aaff;
    font-family: 'latoxbold';
    text-transform: uppercase;
    cursor:pointer;
    /*margin-top: 60px;*/
    margin-top: 48px;
    display: inline-block;
    letter-spacing: 1.2px;
    border-bottom: 0;
    padding-bottom:0;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    min-height: 21px;
}
.rEbukHomeSec .readFull {
    margin-top: 0px;
}
.poetPrflSeeFl .readFull {
    margin-top: 0px;
}

    .readFull.wordArchive {
        margin-top: 0px;
    }

    .readFull.readFullBg {
        margin-top: 40px;
    }

.sectionRmmbr .readFull {
    margin-top: 18px;
}

.readFull:hover {
    border-bottom:0;
}

.readFullBgBtn {
    height: 65px;
    text-align:center;
    
}
.seeMrDfltHd .readFullBgBtn {
    display:none;
}
.platDicContainer .readFullBgBtn, .readFullBgBtn.poetPrflSeeFl {
    height: auto;
}
.contentListHeader .readFullBgBtn {
    display: none;
}

.readFullBg {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    position: relative;
}

/*.wordArchive {
    color: #fff;
    border-bottom: 1px solid #fff;
}*/

.readFullBg:hover {
    background: #00aaff;
    color: #fff;
    padding: 24px 64px;
    margin-top: 16px;
    border-radius: 3px;
}
/* sectoin Rcommended */
.sectionRcom {
    background: #fafafa;
    text-align: center;
}

    .sectionRcom h6 {
        font-size: 12px;
        color: #808080;
        /*margin-bottom: 96px;*/
        margin-bottom: 54px;
    }

.recommendedContent {
    position: relative;
}

.recomOverlay {
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(0deg, rgba(204,0,102,0.5) 0%, rgba(0,42,128,0.5) 50%, rgba(204,0,102,0.5) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(204,0,102,0.5)), color-stop(50%, rgba(0,42,128,0.5)), color-stop(100%, rgba(204,0,102,0.5))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(204,0,102,0.5) 0%, rgba(0,42,128,0.5) 50%, rgba(204,0,102,0.5) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(204,0,102,0.5) 0%, rgba(0,42,128,0.5) 50%, rgba(204,0,102,0.5) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(204,0,102,0.5) 0%, rgba(0,42,128,0.5) 50%, rgba(204,0,102,0.5) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(204,0,102,0.5) 0%, rgba(0,42,128,0.5) 50%, rgba(204,0,102,0.5) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0066', endColorstr='#cc0066',GradientType=1 ); /* ie6-9 */
}

.recomCard {
    float: left;
    width: 100%;
    max-width: 100%;
    position: relative;
    border: 1px solid #fafafa;
    cursor: pointer;
    height: 196px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    overflow: hidden;
    box-sizing: border-box;
}

    .recomCard a.cardGo {
        height: 100%;
        width: 100%;
        display: block;
    }

.recomBox img {
    width: 100%;
}

.recomBoxHeader {
    position: absolute;
    top: 0;
    padding: 8px 16px;
    width: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

    .recomBoxHeader p {
        font-size: 12px;
        color: #fff;
        margin-top: 16px;
        z-index: 1;
        text-transform: uppercase;
        position: relative;
        letter-spacing: 4px;
        float: left;
    }

.recomBoxFooter {
    position: absolute;
    bottom: 24px;
    left: 15px;
    font-size: 28px;
    color: #fff;
}

.recomBox h1 {
    position: absolute;
    bottom: 24px;
    float: left;
    padding: 0px 16px;
    /*font-size: 28px;*/
    font-size: 22px;
    color: #fff;
    z-index: 1;
    font-weight: normal;
    text-align: left;
    width: 100%;
}

    .recomBox h1 span {
        font-size: 12px;
        display: block;
        margin-top: 8px;
        text-transform: uppercase;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

.socialRecomm {
    margin: 0;
    padding: 0;
    top: 16px;
    float: right;
    position: absolute;
    z-index: 1;
    opacity: 0;
    right: -24px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.recomCard:hover .socialRecomm {
    opacity: 1;
    right: 0;
}

.socialRecomm li {
    float: left;
    list-style: none;
}

    .socialRecomm li a {
        display: block;
        width: 32px;
        height: 32px;
        /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
        background-repeat: no-repeat;*/
        opacity: 0.7;
        color: #fff;
    }

        .socialRecomm li a:hover {
            opacity: 1;
        }

    /*.socialRecomm li.recomFacebook a {
        background-position: -143px -73px;
    }

    .socialRecomm li.recomTwitter a {
        background-position: -38px -347px;
    }

    .socialRecomm li.recomGplus a {
        background-position: -73px -347px;
    }*/

    .socialRecomm li.recomWhatsap {
        display: block;
    }

/*.socialRecomm li.recomWhatsap a {
            background-position: -178px -73px;
        }*/





/* E-book section start */

.sectionEbook {
    text-align: center;
}

.sectionTagLine {
    color: #4c4c4c;
    font-family: 'merriweatherregular','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 12px;
    line-height: 24px;
    margin: 32px 0px;
}
.rEbukHomeSec .sectionTagLine {
    margin: 0px 0px 32px;
}
.nwPoetEbookItms {
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.bookContent {
    /*padding:4px 4px 0px;*/
    width: 48%;
    max-width: 100%;
    margin: 0px 2% 32px 0;
    display: inline-block;
    background: #fff;
    position: relative;
    /*z-index: 999;*/
    vertical-align:middle;
}
.searchEbookMatchCards .bookContent {
    vertical-align:middle;
}
    .bookContent:nth-child(2n+0) {
        margin-right: 0;
    }

.shadowParent {
    padding: 4px 4px;
    background: #fff;
    z-index: 999;
    position: relative;
    /*min-height:314px;*/
}
    .shadowParent img {
        position: absolute;
        top: 0;
        width: 100%;
        left: 0;
        padding: 4px;
        height:226px;
    }

    .shadowParent a {
        display: block;
        width: 100%;
        /*height: 232px;*/
        height:180px;
    }

.pdEbook {
    padding: 0px 64px;
}

.bookDetail {
    text-align: left;
    /*padding: 16px 4px 8px;*/
    padding: 16px 4px 0px;
    position: relative;
    background: #fff;
    overflow: hidden;
    z-index: 9;
    top: -4px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    /*min-height: 83px;*/
    min-height:70px;
}

.ebookBase {
    -moz-box-shadow: 0px 0px 30px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.3);
    box-shadow: 0px 0px 30px rgba(0,0,0,.3);
    width: 96%;
    left: 2%;
   /* height: 40%;*/
   height:calc(100% - 158px);
    position: absolute;
    bottom: 4px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    /*z-index:-1;*/
}

.textClipFade {
    width: 32px;
    height: 18px;
    display: block;
    position: absolute;
    top: 12px;
    right: 0;
    background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* ie10+ */
    background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
}

.bookTagline {
    font-size: 13px;
    color: #4c4c4c;
    margin-bottom: 8px;
    white-space: nowrap;
}

.bookTitle {
    font-size: 10px;
    color: #b2b2b2;
    /*margin-bottom: 16px;*/
    margin-bottom: 10px;
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.bookRating {
    font-family: 'latoxbold';
    font-size: 10px;
    min-height:11px;
}

    .bookRating span {
        float: right;
        font-size: 9px;
        color: #4c4c4c;
        margin-top: 2px;
        max-width: 64%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .bookRating img {
        margin-left: 4px;
        width: auto;
    }

.recommendedContent .readFull {
    margin-top: 96px;
}


/* E-book new section css start */

.rEbukHomeSecNew {
    padding: 0 !important;
}

    .rEbukHomeSecNew .mblScrlInr .bookContent {
        width: 160px;
        max-width: 150px;
    }

   

        .rEbukHomeSecNew .mblScrlInr .bookContent:hover {
            transform: scale(1);
            -webkit-transform: scale(1);
        }

    .rEbukHomeSecNew .shadowParent {
        padding: 0;
    }

        .rEbukHomeSecNew .shadowParent a {
            border-radius: 10px;
            display: inline-block;
        }

    .rEbukHomeSecNew .bookContent a img {
        border-radius: 8px;
        display: inline-block;
        height: 220px;
        width:auto;
    }

    .rEbukHomeSecNew .bookContent a {
        display: block;
        line-height: 18px;
        font-family: 'MerriweatherBold', 'NotoDevanagari','NotoNastaliqUrdu';
        font-size: 16px;
        line-height: 20px;
        /*font: normal normal bold 16px/20px Merriweather;*/
        color: #000;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        display: block;
    }

    .rEbukHomeSecNew .bookTagline {
        /*font: normal normal bold 13px/15px Merriweather;*/
        font-family: 'MerriweatherBold', 'NotoDevanagariRegular','MehrNastaliqRegular';
        font-size: 13px;
        line-height: 15px;
        color: #000;
        margin-bottom: 6px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .rEbukHomeSecNew .bookTitle {
        font: normal normal normal 14px/18px latoxregular;
        font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
        font-size:14px;
        line-height:18px;
        color: #808080;
        margin-bottom: 6px;
        max-width: 100%;
    }

    .rEbukHomeSecNew .bookRating {
        font: normal normal normal 14px/17px latoxregular;
        font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
        font-size:14px;
        line-height:17px;
        color: #808080;
    }

        .rEbukHomeSecNew .bookRating span {
            background: #fcc;
            border-radius: 83px;
            font: normal normal normal 12px/15px latoxregular;
            font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
            font-size: 12px;
            line-height: 15px;
            padding: 1px 10px 3px;
            color: #C18181;
        }

    .rEbukHomeSecNew .sectionTagLine {
        margin: 0 0 28px;
        font: normal normal normal 14px/17px latoxregular;
        font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
        font-size: 14px;
        line-height: 17px;
        color: #000;
    }

    .rEbukHomeSecNew .readFull {
        font: normal normal bold 13px/17px latoxbold;
        font-family: 'latoxbold','NotoDevanagariRegular','MehrNastaliqRegular';
        font-size: 13px;
        line-height: 17px;
        letter-spacing: 0.8px;
    }

        .rEbukHomeSecNew .readFull:hover {


        }



    .rEbukHomeSecNew .bookContent {
        margin: 0px 0 32px;
    }
        .rEbukHomeSecNew .bookContent:first-child {
            margin-left: 16px;
        }

/* E-book new section css end */





/* what's new section start */

.sectionNew {
    position: relative;
    background: #fff;
    z-index: 9;
    overflow: hidden;
}

.newHeading {
    background: #1a1a1a;
    padding-top: 200px;
    position: relative;
}

    .newHeading h1 {
        font-size: 48px;
        color: #fff;
        font-weight: normal;
        text-align: center;
        font-family: 'latolight';
        position: relative;
        bottom: -8px;
        text-transform: uppercase;
    }

.shadowUp1 {
    height: 720px;
    top: 0;
    -moz-box-shadow: 0px 0px 32px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 0px 32px rgba(0,0,0,.3);
    box-shadow: 0px 0px 32px rgba(0,0,0,.3);
}

.newContent {
    background: #fff;
    position: relative;
    padding: 48px 0px;
}

    .newContent .container {
        padding: 0px 32px;
    }

.newContentBox {
    width: 100%;
    max-width: 100%;
    padding: 32px;
    margin: 0px;
    float: left;
    text-align: center;
}

    .newContentBox img {
        margin-bottom: 32px;
    }

    .newContentBox .newContentIcon {
        color: #d9d9d9;
        font-size: 100px;
        width:126px;
        height:96px;
        display:block;
        margin:auto;
    }

    .newContentBox .rico-Nazams {
        font-size: 86px;
    }

    .newContentBox .rico-e-books {
        font-size: 96px;
    }

    .newContentBox h2 {
        font-size: 36px;
        color: #000;
        margin-bottom: 24px;
        font-weight: normal;
    }

    .newContentBox p {
        font-size: 16px;
        letter-spacing: 8px;
        margin: 0 auto 22px;
        color: #000;
    }

    .newContentBox a {
        display: block;
    }
    /*.newContentBox a,*/
    .newContentBox .wNReadNow {
        font-size: 14px;
        font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
        color: #00aaff;
        border-bottom: 1px solid #00aaff;
        padding-bottom: 4px;
    }

        /*.newContentBox a:hover,*/ .newContentBox .wNReadNow:hover {
            border-bottom: none;
        }

/* section Newsletter start */

.sectionNewsletter {
    background: #ffff40;
    background-image: url(../images/Icon-NewsletterBG.png);
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    position: relative;
}

.newsletterLayout {
    background-position: center 0;
}

.newsletterTagline {
    font-size: 12px;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: 4.5px;
}

.newsletterLayout h1 {
    font-size: 36px;
    /*font-family: 'cormorant_garamondmedium';*/
    font-family: 'merriweatherlight';
    font-weight: normal;
    margin-bottom: 32px;
    margin-top:16px;
    letter-spacing: 5px;
}

.newsletterLayout form input[type="email"] {
    width: 100%;
    max-width: 720px;
    border: 1px solid #000;
    height: 56px;
    padding: 0px 15px;
    text-align: center;
    font-size: 16px;
    color: #000;
    font-family: 'latolight','NotoNastaliqUrdu','NotoDevanagari';
    /*letter-spacing: 3.5px;*/
    letter-spacing: 0px;
    margin-bottom: 16px;
}

    .newsletterLayout form input[type="email"]::-ms-clear {
        display: none;
    }
.nwsLtrChkBoxes {
    /*width: 100%;
    margin: 0 auto 24px;*/
    max-width:720px;
    position:relative;
    margin:auto;
}
.openingFormFieldsContainer .nwsLtrChkBoxes {
    max-width: none;
    margin: 12px 0px 0px;
    width: 100%;
}
.nwsLtrChkBoxes .successMsg {
    position: absolute;
    width: 100%;
    left: 0;
}
.rfContactForm .nwsLtrChkBoxes {
    width: 100%;
    margin-top:32px;
}
.nwsLtrChkBoxes input {
    /*position: absolute;
    top: 4px;
    left: 0;
    background-color: #eee;*/
    margin: 0px 4px 0px 0px;
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #dcdcdc;
    border: 1px solid #adadad;
}

/* On mouse-over, add a grey background color */
.nwsLtrChkBoxes label:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.nwsLtrChkBoxes label input:checked ~ .checkmark {
    background-color: #2196F3;
    border: 1px solid #2196F3;
}

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

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

/* Style the checkmark/indicator */
.nwsLtrChkBoxes .checkmark:after {
    left: 6px;
    top: 2px;
    width: 3px;
    height: 7px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
.nwsLtrChkBoxes label input:checked ~ .checkmark:after {
    left: 5px;
    top: 1px;
}
    .nwsLtrChkBoxes label {
        display: block;
        margin-right: 24px;
        text-transform: uppercase;
        font-size: 10px;
        text-align: left;
        padding-left: 28px;
        margin-bottom: 4px;
        line-height: 20px;
        position: relative;
        direction:ltr;
        user-select:none;
    }
        .nwsLtrChkBoxes label a, .eNLCheckBoxField label a {
            color: #00aaff;
        }

.newsletterLayout form input[type="submit"] {
    font-size: 14px;
    color: #000;
    border: none;
    border-bottom: 1px solid rgba(0,0,0,1);
    padding: 0;
    padding-bottom: 4px;
    background: none;
    font-family: 'latoxbold';
    cursor: pointer;
    margin-bottom: 32px;
    -webkit-appearance:none;
}

    .newsletterLayout form input[type="submit"]:hover {
        border-bottom: 1px solid rgba(0,0,0,0);
    }

.starLine {
    color: #868636;
    font-size: 12px;
    line-height: 20px;
}

/* footer start */
footer {
    text-align: center;
}

.contentInfo {
    background: #fafafa;
}

.contentInfoContainer {
    padding: 64px 32px;
    position: relative;
}

.contentInfo .spreadWorldContainer {
    overflow: hidden;
}

.contentInfoContainer:before {
    content: "";
    position: absolute;
    height: 2px;
    width: 64px;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #cccccc;
}

.contentInfoContainer:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 160px;
    top: auto;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: #cccccc;
}

.contentInfoBox {
    width: 100%;
    max-width: 100%;
    float: left;
    margin: 0px;
    text-align: left;
}

    .contentInfoBox h1 {
        font-size: 24px;
        color: #1a1a1a;
        font-family: 'latolight';
        margin-bottom: 56px;
        font-weight: normal;
        text-align: center;
    }

    .contentInfoBox ul li {
        list-style: none;
    }

        .contentInfoBox ul li a {
            display: inline-block;
            font-size: 14px;
            color: #1a1a1a;
            text-transform: uppercase;
            margin-bottom: 34px;
            cursor: pointer;
            padding-bottom: 4px;
            border-bottom: 1px solid transparent;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            width:100%;
        }

        .contentInfoBox ul li:hover a {
            border-bottom: 1px solid #ccc;
        }

        .contentInfoBox ul li a span {
            color: #b2b2b2;
            float: right;
            font-size:14px;
            /*margin-bottom: 38px;*/
        }

.siteInfo ul li a {
    /*display: inline-block;*/
    width:auto;
}

.spreadWorldContainer p {
    font-size: 12px;
    color: #4c4c4c;
    margin-bottom: 16px;
    letter-spacing: 4.2px;
}

.spreadWorldContainer h1 {
    font-size: 26px;
    color: #4c4c4c;
    font-family: 'latoxbold';
    letter-spacing: 2.993px;
}

.spreadWorldContainer ul li {
    list-style: none;
}

.writeUsContainer {
    background: #f2f2f2;
    position: relative;
}

    .writeUsContainer h1 {
        font-size: 20px;
        color: #1a1a1a;
        font-family: 'latolight';
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 14.5px;
    }

    .writeUsContainer form {
        max-width: 560px;
        margin: auto;
    }

#WritUsSuccesss {
    position: absolute;
    width: 100%;
    max-width: 1200px;
    padding: 0px 16px;
    margin: auto;
    left: 0;
    right: 0;
    top: 70%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    visibility: hidden;
    opacity: 0;
}

    #WritUsSuccesss.WritUsSuccesssFadeIn {
        top: 50%;
        visibility: visible;
        opacity: 1;
    }

.formField {
    position: relative;
}

    .formField p {
        font-size: 16px;
        font-family: 'latolight';
        color: #b2b2b2;
        text-transform: uppercase;
        position: absolute;
        top: 24px;
        text-align: left;
        pointer-events: none;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
#applyFormContainer .formField  p {
    top: 8px;
}

.formField.inputAnim p, .searchKafia .formField.inputAnim p, .rfContactForm .formField.inputAnim p {
    font-size: 12px;
    top: 4px;
}
#applyFormContainer .formField.inputAnim p {
    top: 0px;
}

    .formField:after {
        content: "";
        width: 0;
        height: 1px;
        background: #00aaff;
        position: absolute;
        bottom: 16px;
        left: 0;
        -moz-transition: all 0.5s;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }
.formField.rfContSlct:before {
    content: "\e935";
    font-size: 24px;
    position: absolute;
    right: 0px;
    bottom: 10px;
    font-family: 'rIcons' !important;
    color: #b2b2b2;
    pointer-events: none;
    transition: all 0.5s;
}
.formField.rfContSlct.rfContctSlctActive:before {
    transform: rotate(180deg);
}

    .formField.bdrChange:after {
        width: 100%;
    }
#applyFormContainer .formField:after {
    bottom: 20px;
}

#applyFormContainer .formField.msgField:after {
    bottom: 22px;
}

    .formField .clearField {
        width: 18px;
        height: 18px;
        font-size:18px;
        border: 0;
        /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon-closeBlackSmall.png) no-repeat center;*/
        position: absolute;
        right: 0;
        top: 26px;
        opacity: .4;
        cursor: pointer;
        display: none;
    }

.writeUsContainer form input[type="text"], .writeUsContainer form input[type="email"], .writeUsContainer form textarea, .rfContactForm select, .formField input[type="text"], .formField input[type="email"], .formField input[type="tel"], .formField select {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    height: 64px;
    font-size: 16px;
    font-family: 'latolight';
    /*text-transform: uppercase;*/
    background: none;
    margin-bottom: 16px;
}
.rfContactForm select {
    height: 52px;
    text-transform: uppercase;
    color: #b2b2b2;
    font-family: 'latolight';
    -webkit-appearance: none;
    position:relative;
}
.rfContactForm select option {
    text-indent:8px;
    width:100%;
}

    .writeUsContainer form input::-ms-clear {
        display: none;
    }

.writeUsContainer form textarea {
    height: 192px;
    resize: none;
    padding-top: 24px;
}

    .writeUsContainer form input:focus, .writeUsContainer form textarea:focus, .rfContactForm select:focus {
        outline: none;
    }

.footerSocial {
    /*padding: 48px 0px 64px;*/
    background: #1a1a1a;
}

    .footerSocial p {
        font-size: 12px;
        color: #d9d9d9;
        letter-spacing: 4.6px;
        margin-bottom: 48px;
    }

    .footerSocial ul li, .rfSocial li {
        list-style: none;
        display: inline-block;
        margin-right: 8px;
    }
        .footerSocial ul li.gPlus {
            display:none;
        }

        .footerSocial ul li:last-child, .rfSocial li:last-child {
            margin-right: 0;
        }

        .footerSocial ul li a, .rfSocial li a {
            width: 44.8px;
            height: 44.8px;
            display: block;
            background-position: 0px 0px;
            border-radius: 50%;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
            /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
            background-repeat: no-repeat;*/
            color: #d9d9d9;
            line-height: 44.8px;
            background: #ffffff;
        }


        .footerSocial ul li.facebook a:hover, .rfSocial li.facebook a:hover {
            color: #ffffff;
            background: #3b5998;
        }


        .footerSocial ul li.twitter a:hover, .rfSocial li.twitter a:hover {
            color: #ffffff;
            background: #1da1f2;
        }



        .footerSocial ul li.gPlus a:hover, .rfSocial li.gPlus a:hover {
            color: #ffffff;
            background: #dd4b39;
        }


        .footerSocial ul li.instagram a:hover, .rfSocial li.instagram a:hover {
            color: #ffffff;
            background: linear-gradient(341deg, #e1306c 0%,#c13584 59%,#833ab4 79%,#5851d8 90%,#405de6 100%);
        }


        .footerSocial ul li.youtube a:hover, .rfSocial li.youtube a:hover {
            color: #ffffff;
            /*background: #954224;*/
            background: #df2925;
        }
        .footerSocial ul li.telegram a:hover, .rfSocial li.telegram a:hover {
            color: #ffffff;
            background: #27a7e5;
        }

.footerBottom {
    padding: 24px 0px;
    text-align: center;
    background: #0d0d0d;
}

    .footerBottom ul li {
        list-style: none;
        display: inline-block;
        margin-right: 8px;
    }

        .footerBottom ul li:last-child {
            margin-right: 0;
        }

        .footerBottom ul li a {
            color: #fff;
            font-size: 8px;
            padding-bottom: 4px;
            text-transform: uppercase;
            letter-spacing: 0.932px;
            border-bottom: 1px solid transparent;
        }

            .footerBottom ul li a:hover {
                border-bottom: 1px solid #bcbcbc;
            }

/* preloader Dots */
.moreTag {
    position: relative;
    display: inline-block;
}

.tagList div {
    display: inline-block;
    /*line-height: normal;
    padding-top: 1px;*/
}

.moreTagsContainerHide {
    display: none;
}

.visiblePreLoader {
    visibility: visible;
}



.tagsOpen {
    /*-moz-box-shadow: 0px 6px 6px rgba(0,0,0,.14);
        -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,.10);
        box-shadow: 0px 6px 6px rgba(0,0,0,.14);*/
    -moz-box-shadow: 0px -2px 6px rgba(0,0,0,.14);
    -webkit-box-shadow: 0px -2px 6px rgba(0,0,0,.10);
    box-shadow: 0px -2px 6px rgba(0,0,0,.14);
    padding: 16px;
    width: 128px;
    top: auto;
    /* left: 16px; */
    left: auto;
    bottom: 36px;
    right: 0;
    position: absolute;
    background: #fff;
    max-height: 186px;
    overflow-y: auto;
    /*display: none;*/
}

    .activitySources .tagsOpen{
        z-index:1;
    }

    .tagsOpen:after, .tagsOpen:before {
        border: solid transparent;
        content: " ";
        height: 0px;
        width: 0;
        position: absolute;
        pointer-events: none;
        bottom: -20px;
        right: 8px;
        top: auto;
        left: auto;
        display: none;
    }

    .tagsOpen:after {
        border-color: rgba(136, 183, 213, 0);
        border-top-color: #ffffff;
        border-width: 10px;
    }

    .tagsOpen:before {
        border-color: rgba(194, 225, 245, 0);
        border-top-color: #f3f3f3;
        border-width: 12px;
        /* margin-left: -36px; */
        bottom: -24px;
        right: 6px;
    }

.activitySources ul li .tagsOpen li, .shyriImgFooter .tagsOpen li {
    margin-bottom: 24px;
    text-align: left;
    margin: 0 0 16px;
    margin-left: 0;
    display: block;
}

    .tagsOpen li a {
        color: #00aaff;
        font-size: 14px;
        text-align: left;
        display:block;
    }

        .tagsOpen li:last-child {
            margin-bottom: 0px;
        }

.morePreLoader {
    position: absolute;
    visibility: hidden;
    width: 100px;
    top: 22px;
    padding: 16px 0px;
    left: 20px;
    background: #fff;
    border: 1px solid #f2f2f2;
    -moz-box-shadow: 0px 6px 6px rgba(0,0,0,.14);
    -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,.10);
    box-shadow: 0px 6px 6px rgba(0,0,0,.14);
    -moz-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

    .morePreLoader:hover, .preloader-dots:hover, .dot:hover {
        border-bottom: none;
    }

.moreTag:hover .morePreLoader {
    visibility: visible;
    padding: 20px 0px;
}

.preloader-dots {
    padding-bottom: 0;
}

    .preloader-dots .dot {
        display: inline-block;
        background: #666;
        height: 4px;
        width: 4px;
        opacity: 0.3;
        border-radius: 50%;
        animation: moveit 1.8s infinite;
    }

.dot:nth-child(2) {
    animation-delay: .15s;
}

.dot:nth-child(3) {
    animation-delay: .3s;
}

.dot:nth-child(4) {
    animation-delay: .45s;
}

.dot:nth-child(5) {
    animation-delay: .6s;
}

@keyframes moveit {
    0% {
        transform: translateY(0px);
    }

    35% {
        transform: translateY(0px);
        opacity: 0.3;
    }

    50% {
        transform: translateY(-20px);
        opacity: 0.8;
    }

    70% {
        transform: translateY(3px);
        opacity: 0.8;
    }

    85% {
        transform: translateY(-3px);
    }
}

.goDown {
    width: 24px;
    height: 24px;
    position: fixed;
    bottom: 24px;
    right: 24px;
    -moz-box-shadow: 0px 0px 10px #f3ecec;
    -webkit-box-shadow: 0px 0px 10px #f3ecec;
    box-shadow: 0px 0px 10px #f3ecec;
    background-color: rgba(255, 200, 0, 0.9);
   /* background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);*/
    background-repeat: no-repeat;
    background-position: -399px -351px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    transition: all ease 0.3s;
    z-index: 999;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    /*-moz-box-shadow: 0 14px 59px -7px rgba(0,0,0,0.85);
	 -webkit-box-shadow: 0 14px 59px -7px rgba(0,0,0,0.85);
	 box-shadow: 0 14px 59px -7px rgba(0,0,0,0.85);*/
    display: none;
}

.goTop {
    -moz-transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg);
}

.morePreLoader {
    left: -48px;
}
/*.sourcesLeft li div {
	display: none;
}*/
.pdEbook {
    padding: 0px 16px;
}

.bookContent .thumbImg {
    margin-right: 8px;
}

.msgField:after {
    bottom: 19px;
}

.langUserContainer li.userIcon {
    margin-left: 0px;
    /*padding: 16px 0px;*/
    border-top: 1px solid rgba(255,255,255,0.3);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

.userGo {
    width: 32px;
    height: 32px;
    display: block;
    float: right;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);*/
    background-repeat: no-repeat;
    background-position: -408px -359px;
    position: relative;
    bottom: 32px;
    left: 7px;
    transform:rotate(90deg);
    top: -30px;
}
.RloginMenushifted .userGo{
    transform:rotate(270deg);
    transition:.3s all;
}
.spreadWorldContainer ul li a img {
    width: 70%;
}
/*mobile menu*/
.logoContainer img {
    width: 117px;
    /*max-height: 26px;*/
    max-height: none;
    height: auto;
    /*max-width:134px;*/
}

.headerContainer {
    position: fixed;
    overflow-y: auto;
    z-index: 9;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    background: -moz-linear-gradient(165deg, rgba(242,12,58,1) 0%, rgba(255,0,123,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,0,123,1)), color-stop(100%, rgba(242,12,58,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(165deg, rgba(242,12,58,1) 0%, rgba(255,0,123,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(165deg, rgba(242,12,58,1) 0%, rgba(255,0,123,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(165deg, rgba(242,12,58,1) 0%, rgba(255,0,123,1) 100%); /* ie10+ */
    background: linear-gradient(285deg, rgba(242,12,58,1) 0%, rgba(255,0,123,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff007b', endColorstr='#f20c3a',GradientType=1 ); /* ie6-9 */
}

.mainMenu {
    width: 50%;
    /*width: 100%;*/
    float: left;
    /*padding-right: 12px;*/
    position: relative;
}

.mobileMenu {
    width: 50%;
    float: left;
    padding-left: 12px;
}

.menuContainer {
    /*padding-top: 190px;*/
    padding-top: 248px;
    transition:.4s;
    /*padding-top:142px;*/
}

    /*.menuContainer ul li:nth-child(7) {
        display: none;
    }*/

    /*.mainMenu ul li:nth-child(11) {
        border-bottom: none;
    }*/

.langUserContainer li {
    width: 100%;
}

    .langUserContainer li.userIcon .userImg {
        float: left;
        margin-right: 8px;
        width: 50px;
        position: relative;
        top: -8px;
    }

    .langUserContainer li.userIcon .userName, .menuHeading, .mobileMenu, .logoMobile, .toggleMenuButton, .mobileSearch {
        display: block;
    }

.langMenu li:last-child {
    margin-right: 0;
}

.langMenu li a:hover {
    background: #ffffff;
    color: #ff005e;
}

.intialLine {
    font-size: 10px;
    line-height: 20px;
}

.readfullTag {
    float: none;
}

.headerSocial.socialHS ul li.youtube, .headerSocial.socialHS ul li.instagram {
    display: inline-block;
}

.activitySources .sourcesLeft {
    float: none;
    margin-bottom: 24px;
}


.bookContent .thumbImg {
    width: 80px;
    float: left;
    z-index: 999;
    margin-right: 24px;
}

.sectionSlider {
    padding-top: 54px;
}

/*----- Poem Page Starts ------*/

#content {
    /*padding-top: 54px;*/
    position: relative;
}

.readTracker {
    position: absolute;
    width: 0;

    height: 2px;
    background: #eb0046;
    left: 0;
    /*top:58px;*/
    bottom: 0px;
    max-width: 100%;
    z-index: 9999;
}

.poemPageContentHeader {
    padding: 18px 0 0px;
}

.sidebar {
    /*display: none;*/
    display: block;
}

.poemPageContentHeader h1 {
    font-family: 'merriweatherheavy','rozha_oneregular','MehrNastaliqRegular';
    font-size: 24px;
    line-height: 36px;
    color: #1a1a1a;
    letter-spacing: -0.5px;
    max-height: 72px;
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
}

    .poemPageContentHeader h1:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 36px;
        width: 128px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

.authorAddFavorite {
    padding-bottom: 24px;
    border-bottom: 1px solid #f2f2f2;
}

.ghazalAuthor {
    float: left;
    font-size: 11px;
    color: #00bfff;
    line-height: 11px;
    font-family: latoblack,'lailaregular','NotoNastaliqUrdu';
    text-transform: uppercase;
    letter-spacing: 2px;
}

.addFavorite {
    float: right;
    position: relative;
    top: -10px;
    right: 12px;
}

    .addFavorite li {
        float: left;
    }

        .addFavorite li a {
            height: 12px;
            display: block;
            /*text-indent: -99999px;*/
            margin-left: 16px;
        }

.popularChoice a {
    /*background-image: url("https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -493px -401px;*/
    width: 9px;
    color: #ffb266;
}

.editorChoice a {
    /*background-image: url("https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -463px -402px;*/
    width: 15px;
    color: #66ccff;
}

.poemPageNote {
    padding: 24px 16px;
    /*background: #ff006a;*/
    background: #00bfff;
    margin-left: -16px;
    margin-right: -16px;
}

    .poemPageNote h4 {
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 12px;
        font-family: 'latobold','NotoDevanagari','NotoNastaliqUrdu';
    }

    .poemPageNote p {
        font-size: 12px;
        color: #ffffff;
        line-height: 20px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    }

.poemPageContentBody {
    padding: 24px 0 24px;
    position: relative;
    /*overflow:hidden;*/
}

    .poemPageContentBody:after, .GhzlSrc:after{
        position: absolute;
        left: 50%;
        bottom: 0;
        width: 64px;
        height: 2px;
        margin-left: -32px;
        background: #d9d9d9;
        content: '';
    }

.pMC .c p {
    font-size: 16px;
    /*line-height: 32px;
    line-height: 2;*/
    line-height:1.2;
    color: #000000;
    /*text-align: justify;*/
    margin-left: auto;
    margin-right: auto;
    /*display: inline-block;*/
    font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';
    white-space: nowrap;
    /*white-space: normal;*/
    /*max-width: 100%;*/
}

.pMC .t p, .pMC .e p {
    font-size: 12px;
    line-height: 24px;
    color: #808080;
    direction: ltr;
    /*text-align: justify;*/
    margin-left: auto;
    margin-right: auto;
    /*display: inline-block;*/
    font-family: 'merriweatherregular', 'NotoDevanagariRegular','MehrNastaliqRegular';
    white-space: nowrap;
    /*white-space: normal;*/
    /*max-width: 100%;*/
}
.pMC .e p {
    white-space: normal;
    text-align: center;
    font-family: 'latoxitalic','NotoNastaliqUrdu','NotoDevanagari';
    line-height: 28px !important;
}
.sherLines .e {
    margin-bottom:16px;
}

.poemPageContentBody .pMC .c p, .poemPageContentBody .pMC .t p {
    white-space: normal;
}

.sherLines .pMC .c p {
    color: #1a1a1a;
}

.sherLines .pMC .t p {
    color: #4c4c4c;
}


.pMC .c p span {
    font-size: 24px;
    /*line-height: 48px;
    line-height: 2;*/
    line-height:initial;
    display: inline-block;
    /*padding: 0px 7px;*/
    padding: 0px 0px 0px 4px;
    cursor: pointer;
    border-radius: 3px;
    white-space: pre;
}
.poemPageContentBody[data-justified-format="False"] .pMC .c p span {
    margin-right:0px !important;
}

.poemPageContentBody .pMC .c p span, .tagLanding .pMC .c p span, .nwPoetSher .pMC .c p span, .nwPoetT20 .pMC .c p span, .comonChsSher .pMC .c p span {
    font-size: 20px;
    /*line-height: 40px;
    line-height: 2;*/
    line-height:1.5;
}

.pMC .t p span {
    /*font-size: 16px;*/
    /*line-height: 12px;*/
    display: inline-block;
    /*padding: 5px 7px;*/
    /*padding: 0px 7px;*/
    line-height:1.5;
    padding: 0px 0px 0px 7px;
    cursor: pointer;
    white-space: pre;
}
.sherLines .pMC .t p span {
    cursor:default;
}


.pagingSection .pMC .c p span {
    pointer-events: none;
}

    .pagingSection .pMC .c p span:hover, .pagingSection .pMC .c:hover {
        /*background: transparent;*/
    }

.pMC .c p span.wordActive, .pMC .c p span.wordActive:hover {
    background: #eb0045;
    color: #fff;
}

.sectionWord .pMC .c p span.wordActive, .sectionWord .pMC .c p span.wordActive:hover {
    background: #fff;
    color: #000;
}

.pMC .c p:after, .pMC .t p:after {
    /*width: 100%;
    content: '';
    display: inline-block;*/
}

.pMC .t {
    visibility: hidden;
    height: 0;
    opacity: 0;
    margin-bottom: 0px;
    overflow:hidden;
}
.pagingSection .pMC .t {
    display:none;
}

.pMC.showTranslation .t, .poetTransalationShow .pMC .t {
    visibility: visible;
    height: auto;
    opacity: 1;    
}

.pMC .c {
    text-align: center;
    position: relative;
}

.KeepReadingPoemFirstSher .pMC .c {
    text-align: left;
}

.pMC .c .controlsForShareAndLike {
    display: none;
}

.pMC .c p:nth-child(2n) {
    margin: 0px auto 24px auto;
}

/*.poemPageContentBody .pMC .c p:nth-child(3n) {
    margin-top: -24px;
    margin-bottom: 22px;
}

.poemPageContentBody .pMC .c p:nth-child(4n) {
    margin-top: -24px;
    margin-bottom: 22px;
}*/
.poemPageContentBody .pMC .c p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.poemPageContentBody .pMC .c {
    padding: 0px 0 24px;
    z-index: 1;
}

.poemPageContentBody.rfOther .pMC .c {
    padding: 0px;
}


.sherSection .pMW {
    padding-bottom: 6px;
    margin: 0 auto;
    width: 600px;
    max-width: 100%;
    overflow: hidden;
    position: relative;
}
.sherSection.imgSherSection .pMW {
    width:auto;
}

    .sherSection .pMW:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 75px;
        width: 70px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
.sherSection.imgSherSection .pMW:after, .sherSection .sherLines[data-listingtype="2"] .pMW:after {
    display: none;
}

    .sherSection .pMW p {
        font-size: 16px;
        line-height: 1.5;
        color: #000000;
        font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';
        text-align: left;
    }

        .sherSection .pMW p.pMT {
            font-weight: 700;
        }

        .sherSection .pMW p.pMST {
            font-size: 14px;
        }

[data-rendering-format="1"].noWrap .pMC .c p,
[data-rendering-format="2"].noWrap .pMC .c p,
[data-rendering-format="1"].noWrap .pMC .t p,
[data-rendering-format="2"].noWrap .pMC .t p {
    white-space: nowrap;
}

[data-rendering-format="3"] .pMC .c p, [data-rendering-format="3"] .pMC .t p {
    white-space: normal;
}

[data-rendering-format="3"][data-rendering-alignment="0"] .pMC .c,
[data-rendering-format="3"][data-rendering-alignment="0"] .pMC .t,
[data-rendering-format="3"][data-rendering-alignment="0"] .pMC .e p,
[data-rendering-format="2"][data-rendering-alignment="0"] .pMC .c,
[data-rendering-format="2"][data-rendering-alignment="0"] .pMC .t,
[data-rendering-format="2"][data-rendering-alignment="0"] .pMC .e p {
    text-align: left;
}
[data-rendering-format="2"][data-rendering-alignment="1"] .pMC .t, 
[data-rendering-format="1"][data-rendering-alignment="0"] .pMC .t {
    text-align: center;
}

[data-rendering-format="3"][data-rendering-alignment="2"] .pMC .c,
[data-rendering-format="3"][data-rendering-alignment="2"] .pMC .t,
[data-rendering-format="2"][data-rendering-alignment="2"] .pMC .c,
[data-rendering-format="2"][data-rendering-alignment="2"] .pMC .t {
    text-align: right;
}


.rfOther .pMC .w {
    margin-bottom: 16px;
}
.poemPageContentFooter {
    padding: 40px 0 0;
    position: relative;
}

    .poemPageContentFooter .screenLoader {
        top: 100%;
        margin-top: 0;
        position: relative;
    }


.poemTagSection {
    text-align: center;
    padding-bottom: 24px;
    /*margin-bottom: 48px;*/
    position: relative;
}

.poemTagSectionHeader img {
    margin-bottom: 24px;
}

.poemTagSectionHeader h4 {
    font-family: 'latoxregular';
    font-size: 11px;
    color: #4c4c4c;
    line-height: 1;
    letter-spacing: 4px;
    margin-bottom: 40px;
    text-transform: uppercase;
}

.tagBtn {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 32px;
    padding: 5px 32px;
    border: 1px solid #d9d9d9;
    min-width: 77px;
    background: #fcfcfc;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
    margin: 0 8px 24px 0;
    text-transform: lowercase;
}

    .tagBtn:hover {
        color: #ffffff;
        border: 1px solid #eb0046;
        background: #eb0046;
    }

.poetPrflTags, .poetUsefullLinks {
    margin-bottom: 24px;
}

.poemTotalComment {
    padding: 20px 24px;
    border: 1px solid #b2b2b2;
    display: inline-block;
    border-radius: 10px 10px 10px 0;
    margin-bottom: 36px;
    position: relative;
    cursor: pointer;
}

    .poemTotalComment .iconGoToComment {
        color: #b2b2b2;
        display: none;
    }
    /*.poemTotalComment:after{
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	border-left: 9px solid #b2b2b2;
	border-bottom: 9px solid #b2b2b2;
	border-top: 9px solid green;
	border-right: 9px solid red;
}*/
    /*.poemTotalComment:after {
        content: '';
        position: absolute;
        left: -3px;
        bottom: -24px;
        background: #fff url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/box-corner.png) no-repeat left top;
        width: 25px;
        height: 25px;
    }*/

    .poemTotalComment:after {
        content: '';
        position: absolute;
        left: -3px;
        bottom: -24px;
        background-color: #fff;
        background-image: url(../images/box-corner.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        width: 25px;
        height: 25px;
    }

.disqusLoadError .poemTotalComment:after {
    display: none;
}

.disqusLoadError .poemTotalComment {
    border-radius: 10px 10px 10px 10px;
}


.startConversation {
    font-size: 11px;
    line-height: 1;
    color: #00aaff;
    font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
    text-transform: uppercase;
    display: inline-block;
    border-bottom: 1px solid #00aaff;
}

    .startConversation:hover {
        border-bottom: 1px solid transparent;
    }

.poemConversationSectionWrap:after {
    position: absolute;
    left: 50%;
    bottom: 0;
    width: 64px;
    height: 2px;
    margin-left: -32px;
    background: #d9d9d9;
    content: '';
}

.poemTotalComment span {
    font-size: 24px;
    color: #b2b2b2;
    line-height: 1;
    font-family: 'latoxbold';
    display: block;
    text-align: center;
    margin-bottom: 8px;
}

.poemTotalComment h6 {
    font-size: 10px;
    color: #b2b2b2;
    line-height: 1;
    font-family: 'latoxregular';
    text-align: center;
    text-transform: uppercase;
}

.PoemKeepReading h2, .parentHeading h2, .poemRelatedContentSection h2 {
    font-size: 20px;
    color: #010101;
    line-height: 1;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-align: center;
}
.parentHeading h2 {
    margin-bottom: 0px;
    position: relative;
    padding-bottom: 16px;
}
    .parentHeading h2:before {
        content: "";
        position: absolute;
        height: 2px;
        width: 64px;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #cccccc;
    }

.pagingSection .nextPoem, .pagingSection .prevPoem {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f2f2f2;
    display: block;
    position: relative;
    box-sizing:border-box;
}

.pagingSection .nextPoem {
    padding-right: 32px;
}

.pagingSection .prevPoem {
    text-align: right;
    padding-left: 32px;
}

.pagingSection {
    padding-bottom: 24px;
}

    .pagingSection .nextPoemNext, .pagingSection .prevPoemNext {
        font-size: 16px;
        color: #000;
        line-height: 1;
        font-family: 'latoxbold','lailaregular','NotoNastaliqUrdu';
        text-transform: uppercase;
        margin-bottom: 12px;
        display: block;
    }

    .pagingSection .prevPoemTitle, .pagingSection .nextPoemTitle, .pagingSection .pMC .c p span, .pagingSection .pMC .c p, .pMW .pMT, .pMW .pMST {
        font-size: 16px;
        color: #000000;
        line-height: 24px;
        font-family: 'latoxregular','lailaregular','NotoNastaliqUrdu';
        margin-bottom: 12px;
        /*display: block;*/
    }
    .pagingSection .prevPoemTitle, .pagingSection .nextPoemTitle {
        white-space: nowrap;
        max-width: 100%;
        overflow-x: hidden;
        display: inline-block;
        position:relative;
        margin-bottom:0px;
        text-overflow:ellipsis;
    }
        .pagingSection .prevPoemTitle:after, .pagingSection .nextPoemTitle:after {
            opacity:0;
            position: absolute;
            content: '';
            right: 0;
            bottom: 0;
            height: 100%;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

        .pMW .pMT {
            /*font-family: 'latoxbold','lailaregular','NotoNastaliqUrdu';*/
            font-family: 'latoxregular','lailaregular','NotoNastaliqUrdu';
            /*font-weight: 700;*/
            font-size: 18px;
            line-height: 2;
        }

.pagingSection .pMC .c, .KeepReadingPoemFirstSher .pMC .c {
    overflow: hidden;
    position: relative;
}

    .pagingSection .pMC .c:after, .KeepReadingPoemFirstSher .pMC .c:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 66px;
        width: 128px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .pagingSection .pMC .c p {
        font-family: 'latoxregular';
        margin: 0 !important;
        transform: scale(1) !important;
        text-align: left;
        width: auto !important;
        max-width: 100%;
    }

.pagingSection .prevPoem .pMC .c p {
    text-align: right;
}

.pagingSection .pMC .c p span {
    margin: 0 !important;
}

.pagingSection .nextPoemAuthor, .pagingSection .prevPoemAuthor {
    font-size: 10px;
    /*color: #00aaff;*/
    color: #4c4c4c;
    line-height: 1;
    /*font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';*/
    text-transform: uppercase;
    display: block;
    margin-top: 8px;
}

.pagingSection .nextBtn, .pagingSection .prevBtn {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -28px;
}

.pagingSection .nextBtn {
    /*background: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png") no-repeat -428px -412px;*/
    right: -8px;
    color: #000000;
}

.pagingSection .prevBtn {
    /*background: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png") no-repeat -428px -463px;*/
    left: -8px;
    color: #000000;
}

.PoemKeepReading h4 {
    font-size: 11px;
    color: #4c4c4c;
    line-height: 1;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    text-transform: uppercase;
    text-align: center;
}
    .PoemKeepReading h4 a {
        color: #00aaff;
    }

.poemPageContentBody .e{
    display:none;
}

    .poemPageContentBody .e.showexplanation {
        display: block;
        z-index: 9;
        position: relative;
        margin-top: 24px;
        /* border-top: 1px solid rgba(0,0,0,0.1);
        padding-top: 24px;
        margin-top: 24px;*/
    }


.keepReadingPoemWrap {
    padding: 42px 0 26px;
    text-align: left;
}

.PoemKeepReading {
    text-align: center;
    padding-bottom: 48px;
    overflow: hidden;
}

.keepReadingContentList h5 {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-family: 'latoxregular';
    margin-bottom: 17px;
    white-space: nowrap;
    position: relative;
}

    .keepReadingContentList h5 a:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 20px;
        width: 64px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .keepReadingContentList h5 a {
        color: #000000;
        display: block;
        float: left;
        width: 92%;
        position: relative;
        overflow: hidden;
    }

.KeepReadingPoemHideIcon {
    width: 32px;
    height: 32px;
    /*background: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png") no-repeat -458px -474px;*/
    position: absolute;
    top: -8px;
    z-index: 9;
    right: -9px;
    cursor: pointer;
}

.KeepReadingPoemShowIcon {
    /*background: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png") no-repeat -493px -474px;*/
}

.KeepReadingPoemFirstSher p, .KeepReadingPoemFirstSher .pMC .c p {
    font-size: 16px;
    line-height: 32px;
    color: #4c4c4c;
    font-family: 'latoxregular','lailaregular','NotoNastaliqUrdu';
    margin: 0 !important;
    transform: scale(1) !important;
    text-align: left;
}

    .KeepReadingPoemFirstSher .pMC .c p span {
        font-size: 16px;
        line-height: 24px;
        text-align: left;
        color: #4c4c4c;
    }


.KeepReadingPoemFirstSher {
    /*padding-left: 7px;*/
    /*border-left: 1px solid #d9d9d9;*/
    margin-bottom: 0px;
    /*display: none;*/
    visibility: hidden;
    height: 0;
    opacity: 0;
}


.KeepReadingPoemFirstSherShow {
    /*display: block;*/
    visibility: visible;
    height: auto;
    opacity: 1;
    margin-bottom: 8px;
}

.keepReadingPoemSocialShare li {
    float: left;
    margin-right: 17px;
    font-family: 'latoxregular';
    font-size: 10px;
    color: #4c4c4c;
    line-height: 1;
    padding-left: 7px;
}

    .keepReadingPoemSocialShare li a {
        color: #4c4c4c;
    }

    .keepReadingPoemSocialShare li.keepReadingPoemSocialShareLike a, .keepReadingPoemSocialShare li.keepReadingPoemSocialShareLike span {
        /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/likeIcon.png) no-repeat left center;*/
        padding-left: 2px;
        /*background-size: 11px 10px;*/
        vertical-align: middle;
    }

    .keepReadingPoemSocialShare li.keepReadingPoemSocialShareLike i, .keepReadingPoemSocialShare li.keepReadingPoemSocialShareLike i {
        font-size: 22px;
        vertical-align: middle;
        color: #808080;
    }

    .keepReadingPoemSocialShare li.keepReadingPoemSocialShareShareCount a, .keepReadingPoemSocialShare li.keepReadingPoemSocialShareShareCount span {
        /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/shareIcon.png) no-repeat left center;*/
        padding-left: 2px;
        /*background-size: 9px 10px;*/
        vertical-align: middle;
    }

    .keepReadingPoemSocialShare li.keepReadingPoemSocialShareShareCount i, .keepReadingPoemSocialShare li.keepReadingPoemSocialShareShareCount i {
        font-size: 22px;
        vertical-align: middle;
        color: #808080;
    }

.keepReadingContentList {
    padding-bottom: 16px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 16px;
}

.KeepReadingViewAll, .viewAuhtorFullProfile, .viewAllTopHundred {
    display: inline-block;
    font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 12px;
    color: #00aaff;
    border-bottom: 1px solid #00aaff;
    text-transform: uppercase;
}

    .KeepReadingViewAll:hover, .viewAuhtorFullProfile:hover, .viewAllTopHundred:hover {
        border-bottom: 1px solid transparent;
    }

.aboutAuthor {
    text-align: center;
    margin-bottom: 64px;
}

.authorProfilePic {
    width: 96px;
    height: 96px;
    margin: 0 auto 24px;
    position: relative;
}

    .authorProfilePic .shadowConatinerProfilePic {
        width: 64px;
        height: 64px;
        margin: 0 auto;
        box-shadow: 0 4px 16px rgba(19,19,38,1);
        border-radius: 50%;
        display: block;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -32px;
        z-index: -1;
    }

    .authorProfilePic img {
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 50%;
    }

.aboutAuthor h4 {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    margin-bottom: 16px;
    font-family: 'MerriweatherBold';
    text-transform: uppercase;
}

.aboutAuthor h6 {
    font-size: 11px;
    color: #000000;
    line-height: 1;
    margin-bottom: 16px;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
}
    .aboutAuthor h6 a {
        color: #000000;
    }
        .aboutAuthor h6 a:hover {
            color: #00aaff;
        }
.aboutAuthor.noDomicile h6 span {
    display:none;
}

    .aboutAuthor h6 span {
        position: relative;
        display: inline-block;
        margin-left: 12px;
        padding-left: 12px;
    }

        .aboutAuthor h6 span:before {
            position: absolute;
            left: 0;
            top: 0;
            height: 11px;
            width: 1px;
            background: #a3a3a3;
            content: '';
        }

.aboutAuthor p {
    font-size: 12px;
    line-height: 24px;
    color: #000000;
    /*font-family: 'latoxregular';*/
    margin-bottom: 24px;
}

.morePoemByAuthor {
    padding-bottom: 48px;
}

    .morePoemByAuthor h4 {
        font-family: 'latoxbold';
        font-size: 11px;
        color: #000000;
        letter-spacing: 2px;
        text-transform: uppercase;
        margin-bottom: 16px;
        text-align: center;
    }

    .morePoemByAuthor li {
        font-size: 12px;
        text-transform: uppercase;
        color: #00aaff;
        font-family: 'latoxbold';
        line-height: 1.2;
        float: left;
        width: calc(50% - 20px);
        border-bottom: 1px solid #f2f2f2;
    }

        .morePoemByAuthor li:nth-child(2n) {
            float: right;
        }

        .morePoemByAuthor li:nth-child(2n+1) {
            clear: both;
        }

        .morePoemByAuthor li a {
            padding: 24px 0 15px;
            color: #00aaff;
            display: block;
            overflow: hidden;
        }

            .morePoemByAuthor li a span {
                color: #808080;
                font-family: 'latoxregular';
                float: right;
                display: block;
                font-size:14px;
            }

.raritiesSection {
    padding-top: 48px;
    padding-bottom: 48px;
    margin-left: -16px;
    margin-right: -16px;
    background: #ff006a;
    margin-bottom: 64px;
}

    .raritiesSection h4 {
        font-family: 'latoxbold';
        font-size: 12px;
        color: #ffffff;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 24px;
        text-align: center;
        text-transform: uppercase;
    }

    .raritiesSection p {
        font-family: 'latoxregular';
        font-size: 12px;
        color: #ffffff;
        line-height: 24px;
        margin-bottom: 24px;
        text-align: center;
    }

        .raritiesSection p a {
            color: #ffffff;
            text-transform: uppercase;
            font-family: 'latoxbold';
        }

    .raritiesSection ul {
        width: 240px;
        margin: 0 auto;
    }

    .raritiesSection li {
        font-size: 12px;
        text-transform: uppercase;
        color: #ffffff;
        font-family: 'latoxbold';
        line-height: 1;
        border-bottom: 1px solid #ff4d97;
    }

        .raritiesSection li a {
            padding: 24px 0 15px;
            color: #ffffff;
            display: block;
            overflow: hidden;
        }

            .raritiesSection li a span {
                color: #ffffff;
                font-family: 'latoxregular';
                float: right;
                display: block;
            }

.keepReadingContentListHeader {
    float: left;
    width: 40px;
    height: 40px;
    margin-right: 12px;
    /* display:none;*/
}
.keepReadingContentList .keepReadingPoemSocialShare {
    display: none;
}

    .keepReadingContentListHeader img {
        width: 100%;
        height: 100%;
        border-radius: 50%;
        margin-top: 5px;
    }

.keepReadingContentListBody {
    overflow: hidden;
    padding-left: 0px;
}

.poemYouMayAlsoLikeAuthor {
    font-size: 10px;
    color: #00aaff;
    /*color: #00aaff;*/
    line-height: 1;
    font-size: 12px;
    line-height: 15px;
    font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
    text-transform: capitalize;
    display: block;
    margin-bottom: 0px;
    padding-left: 0px;
    position: relative;
}
.shareMediaControlWithoutMedia {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 56px;
    background: #fff;
    z-index: 999;
    border-top: 1px solid #f2f2f2;
    overflow: hidden;
}

    .shareMediaControlWithoutMedia a, .shareMediaControlWithoutMedia span {
        cursor: pointer;
        outline: none !important;
    }

.diacriticsOptionExpandBtn {
    width: 56px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -768px -341px;*/
    border-right: 1px solid #f2f2f2;
    color: #808080;
    text-align: center;
    vertical-align: middle;
    line-height: 56px;
}

.diacriticsOptionExpandBtn, .diacriticsOptionCloseBtn {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
}



.diacriticsOptionExpandBtnClose {
    background-position: -166px -504px;
    border-right: 1px solid transparent;
}

.audioVedioMediaControlsAudio {
    width: 48px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -634px -248px;*/
    text-align: center;
    line-height: 56px;
    color: #808080;
}

/*.audioVedioMediaControlsAudioActive, .audioVedioMediaControlsAudio.audioVedioMediaControlsAudioActive:hover {
        background-position: -634px -291px;
    }*/
.audioVedioMediaControlsAudioActive, .audioVedioMediaControlsAudioStop {
    color: #00aaff;
}

.audioVedioMediaControlsAudioStopActive:before {
    content: '\e90b';
}

.audioVedioMediaControlsAudioStop:before {
    content: '\e965';
}

.audioRecitationsWrap h3 .audioReciattionClose {
    /*display: none;*/
}
.audioRecitationsWrap h3 .audioRecitationMinimize {
    display:none;
}
.audioRecitationsWrap.audioRecitationsWrapShowMax h3 .audioRecitationMinimize {
    display: block;
}

.audioVedioMediaControlsVideo {
    width: 48px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -678px -248px;*/
    text-align: center;
    color: #808080;
    line-height: 56px;
}

/*.audioVedioMediaControlsVideoActive, .audioVedioMediaControlsVideo.audioVedioMediaControlsVideoActive:hover {
        background-position: -678px -291px;
    }*/
.audioVedioMediaControlsVideoActive { /*.audioVedioMediaControlsVideo.audioVedioMediaControlsVideoActive:hover*/
    color: #00aaff;
}

.audioVedioMediaControlsVideoStop {
}




.audioVedioMediaControlsComments {
    width: 48px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -722px -248px;*/
    text-align: center;
    color: #808080;
    line-height: 56px;
}

.audioVedioMediaControlsCommentsActive {
    color: #00aaff;
}

.audioVedioMediaControlsTranslation, .audioVedioMediaControls .audioVedioMediaControlsExplanation.goToNazmExplen {
    width: 48px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -764px -248px;*/
    text-align: center;
    color: #808080;
    line-height: 56px;
}

    .audioVedioMediaControlsTranslationActive, .audioVedioMediaControls .audioVedioMediaControlsExplanation.goToNazmExplen.audioVedioMediaControlsExplanationActive {
        color: #00aaff;
    }



.diacriticsOptionCloseBtn {
    width: 44px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -164px -512px;*/
    /*display:none;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
}

.diacriticsControls {
    width: 44px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -894px -256px;*/
    text-align: center;
    line-height: 38px;
    color: #808080;
}
.controlsForDiacritics .goToNazmTrnslt,
.controlsForDiacritics .goToNazmExplen {
    line-height:38px;
}
.diacriticsControlsActive {
    /*background-position: -894px -299px;*/
    color: #00aaff;
}

/*.diacriticsControlsActive:hover {
        background-position: -894px -256px;
    }*/

.chatControls {
    /*width: 40px;*/
    width: 48px;
    height: 40px;
    display: none;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -937px -255px;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
}

    .chatControlsActive, .chatControls:hover {
        /*background-position: -937px -298px;*/
    }

/*.chatControlsActive:hover {
           
            background-position: -937px -255px;
        }*/

.criticsControls {
    /*width: 40px;*/
    width: 48px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -806px -255px;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
    background:#fff;
}

.criticsControlsActive {
    color: #ee0046;
}

    .criticsControlsActive:before {
        content: '\e970';
    }
.seeGhControl {
    /*width: 40px;*/
    width: 56px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -806px -255px;*/
    text-align: center;
    line-height: 56px;
    color: #808080;
}
.favoriteControls{
    width: 56px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -847px -247px;*/
    border-left: 1px solid #f2f2f2;
    top: auto;
    text-align: center;
    line-height: 56px;
    color: #808080;
}
.favoriteControls.gzlFvCnt {
    line-height: 80px;
    font-size: 12px;
}
        .gzlFvCnt.fvtcntPrnt i {
            top:4px;
        }
    .favoriteControls.gzlFvCnt:before {
        display: none;
    }

    .favoriteControlsActive:before, .favoriteControls.favorite.active:before, .favGlobel.active .rico-favorite:before {
        content: '\e98d';
    }

.favoriteControlsActive, .favoriteControls.favorite.active, .favoriteControls.favorite.active i, .favGlobel.active .rico-favorite:before {
    color: #eb0046;
}

    .favoriteControls.meaningFav {
        position: absolute;
        left: 0;
        border-left: none;
        top: 16px;
    }
.dWrap.wrdMnngNwPp .wrdShrFv {
    position: absolute;
    right: 24px;
    border-left: none;
    top: 20px;
}
.dWrap.wrdMnngNwPp .favoriteControls.meaningFav{
    position:relative;
}

.dWrap.wrdMnngNwPp .favoriteControls {
    width:32px;
    height:32px;
    top:auto;
}

.favoriteControls.meaningFav:after {
    width: 0px;
}


.shareControls, .poemPageShareControls {
    width: 56px;
    height: 56px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -722px -365px;*/
    border-left: 1px solid #f2f2f2;
    text-align: center;
    line-height: 56px;
    color: #808080;
    position:relative;
}
.ghzlShrFvBox .shareControls, .ghzlShrFvBox .favoriteControls {
    line-height: 47px;
}
.ghzlShrFvBox .ghzlShrFavCnt {
    font-size: 12px;
    color: #808080;
    font-family: 'latoxregular';
    position: absolute;
    bottom: 6px;
    left: 0;
    right: 0;
}

.shareControlsClose {
    /*background-position: -166px -504px;*/
    border-left: 1px solid transparent;
    color: #808080;
    font-size: 24px;
}

    .shareControlsClose:before {
        content: "\e92a";
    }

.poemPageShareControls {
    width: 40px;
    height: 40px;
    background-position: -200px 0px;
    border-left: none;
}

.shareOptionCloseBtn, .poemPageShareOptionCloseBtn {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
   /* background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");*/
    background-repeat: no-repeat;
    background-position: -172px -512px;
}

.poemPageShareOptionCloseBtn {
    cursor: pointer;
}

.shareOptionFacebookControls {
    /*width: 56px;*/
    width: 48px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;*/
    /*background-position: -3px -468px;*/
    /*background-position: 5px -468px;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
    margin-left: 8px;
}

    .shareOptionFacebookControls:hover {
        color: #3b5998;
    }

.shareOptionTwitterControls {
    /*width: 40px;*/
    width: 48px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;*/
    /*background-position: -42px -468px;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
}

    .shareOptionTwitterControls:hover {
        color: #1da1f2;
    }

.shareOptionGPlusControls {
    /*width: 40px;*/
    width: 48px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -86px -468px;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
}
    .shareOptionGPlusControls.shareGplus {
        display:none;
    }

    .shareOptionGPlusControls:hover {
        color: #dd4b39;
    }

.shareOptionPinIntersetControls {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
   /* background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");*/
    background-repeat: no-repeat;
    background-position: -132px -468px;
}

    .shareOptionPinIntersetControls:hover {
        background-position: -132px -556px;
    }

.shareOptionWhatsupControls {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");
    background-repeat: no-repeat;
    background-position: -174px -468px;*/
    text-align: center;
    line-height: 40px;
    color: #808080;
}

    .shareOptionWhatsupControls:hover {
        color: #0ecb63;
    }

.shareOptionMessageControls {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
   /* background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");*/
    background-repeat: no-repeat;
    background-position: -729px -337px;
}

.diacriticsAndMediaAudioControls {
    float: left;
}


.shareOptionControls a, .controlsForDiacritics a, .controlsForDiacritics span {
    /*transition: all 0.2s;
        -o-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;*/
    transition: bottom 0.2s;
    -o-transition: bottom 0.2s;
    -moz-transition: bottom 0.2s;
    -webkit-transition: bottom 0.2s;
}

.diacriticsAndMediaAudioControls .diacriticsOptionExpandBtn, .diacriticsAndMediaAudioControls .audioVedioMediaControls a {
    transition: top 0.2s;
    -o-transition: top 0.2s;
    -moz-transition: top 0.2s;
    -webkit-transition: top 0.2s;
}

.diacriticsAndMediaAudioControls .diacriticsOptionExpandBtn, .diacriticsAndMediaAudioControls .audioVedioMediaControls a {
    position: relative;
    top: 0px;
}

.shareOptionControls a {
    position: relative;
    bottom: -56px;
}

.controlsForDiacritics a, .controlsForDiacritics span {
    position: relative;
    bottom: -56px;
}

.diacriticsAndMediaAudioControls .diacriticsOptionExpandBtn, .shareOptionControls a {
    transition-delay: 0s;
    -o-transition-delay: 0s;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
}

    .diacriticsAndMediaAudioControls .audioVedioMediaControls a:nth-child(1), .shareOptionControls a:nth-of-type(1), .controlsForDiacritics a:nth-child(1) {
        transition-delay: 0.025s;
        -o-transition-delay: 0.025s;
        -webkit-transition-delay: 0.025s;
        -moz-transition-delay: 0.025s;
    }

    .diacriticsAndMediaAudioControls .audioVedioMediaControls a:nth-child(2), .shareOptionControls a:nth-of-type(2) .controlsForDiacritics a:nth-child(2) {
        transition-delay: 0.05s;
        -o-transition-delay: 0.05s;
        -webkit-transition-delay: 0.05s;
        -moz-transition-delay: 0.05s;
    }

    .diacriticsAndMediaAudioControls .audioVedioMediaControls a:nth-child(3), .shareOptionControls a:nth-of-type(3), .controlsForDiacritics a:nth-child(3) {
        transition-delay: 0.075s;
        -o-transition-delay: 0.075s;
        -webkit-transition-delay: 0.075s;
        -moz-transition-delay: 0.075s;
    }

    .diacriticsAndMediaAudioControls .audioVedioMediaControls a:nth-child(4), .shareOptionControls a:nth-of-type(4), .controlsForDiacritics a:nth-child(4) {
        transition-delay: 0.1s;
        -o-transition-delay: 0.1s;
        -moz-transition-delay: 0.1s;
        -webkit-transition-delay: 0.1s;
    }

.diacriticsAndMediaAudioControls.animOne .diacriticsOptionExpandBtn, .diacriticsAndMediaAudioControls.animOne .audioVedioMediaControls a {
    top: -56px;
}
/*.diacriticsAndMediaAudioControls .audioVedioMediaControls .goToNazmExplen {
    display: none;
}*/

/*.audioVedioMediaControls.animOne .diacriticsOptionExpandBtn, .audioVedioMediaControls.animOne .audioVedioMediaControls a {
    top: -56px;
}*/
.shareOptionControls.shareOptionControlsShow a {
    bottom: 0;
    background: #fff;
}

.controlsForDiacritics.controlsForDiacriticsShow a, .controlsForDiacritics.controlsForDiacriticsShow span {
    bottom: 0;
}

.shareOptionControls {
    position: fixed;
    right: 56px;
    bottom: 0;
    height: 56px;
    padding-top: 8px;
    background: #fff;
    /*border-top: 1px solid #f2f2f2;*/
    border-top: 1px solid transparent;
    transition: all 0.4s ease-in-out 0s;
    opacity: 0;
    max-width: calc(100% - 56px);
    width: 0;
    visibility: hidden;
    pointer-events: none;
}

.shareOptionControls {
    width: auto;
    opacity: 1;
    visibility: visible;
    right: auto;
    left: 0;
    background: none;
    /*bottom: -56px;*/
}
/*.shareOptionControlsShow {
    width: calc(100% - 56px);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
    right: auto;
    left: 0;
    background: none;
    bottom: -56px;
}*/
.shareOptionControlsShow {
    bottom: 0px;
    pointer-events: all;
}

.controlsForShareAndLike {
    float: right;
    margin-right:48px;
}

.audioVedioMediaControls {
    float: left;
}

.controlsForDiacritics {
    position: fixed;
    left: 0px;
    bottom: 0;
    width: 0;
    max-width: calc(100% - 112px);
    height: 56px;
    padding-top: 7px;
    /*background: #fff;*/
    border-top: 1px solid #f2f2f2;
    transition: all 0.4s ease-in-out 0s;
    opacity: 0;
    pointer-events: none;
    /*padding-left: 8px;*/
    padding-left: 0px;
}

.controlsForDiacritics {
    /*left: 52px;*/
    left: 0px;
    opacity: 1;
    width: auto;
}

.controlsForDiacriticsShow {
    /*width: calc(100% - 112px);*/
    width: auto;
    opacity: 1;
    pointer-events: all;
}

.dWrap {
    position: fixed;
    /*bottom: 56px;*/
    top: calc(100% - 56px);
    left: 0;
    width: 100%;
    padding: 32px 24px 24px;
    box-shadow: 0px -12px 29px -10px rgba(0,0,0,0.15);
    background: #fff;
    z-index: 9;
    transform: translateY(110%);
    -o-transform: translateY(110%);
    -webkit-transform: translateY(110%);
    -moz-transform: translateY(110%);
    -ms-transform: translateY(110%);
    transition: all ease-in 0.4s;
    -ms-transition: all ease-in 0.4s;
    -webkit-transition: all ease-in 0.4s;
    z-index: 999;
    max-height: 80%;
    /*max-height: 100%;*/
    overflow: auto;
}

.dWrapClose {
    position: absolute;
    right: 16px;
    top: 12px;
    font-size: 24px;
    z-index: 9;
    cursor: pointer;
}
.dWrap.wrdMnngNwPp .dWrapClose {
    top: auto;
    bottom: 32px;
    right: 24px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'latoxbold';
    border-bottom: 1px solid rgba(0,0,0,0.6);
    color: rgba(0,0,0,0.6);
}

    .dWrapS {
        position: absolute;
        width: 392px;
        height: 128px;
        display: none;
        left: 50%;
        bottom: 0;
        margin-left: -196px;
        box-shadow: 0px 0px 64px rgba(0,0,0,0.7);
    }

.dWrapShow {
    transform: translateY(0%);
    -o-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    top: auto;
    /*bottom: 56px;*/
    bottom: 0px;
}

.dWrapShowPoemPage {
    bottom: 0px;
}

.dWordAlan {
    /*float: left;*/
    display: inline-block;
   /* max-width: 70%;*/
   max-width:100%;
}

.dWordAF {
    /*float: right;*/
    display:inline-block;
    vertical-align:top;
}

.dWordAlan h2 {
    font-size: 24px;
    color: #000000;
    line-height: 1;
    font-family: 'merriweather_extendedLtIt', 'lailaregular', 'NotoNastaliqUrdu';
    margin-bottom: 12px;
}

.dWordAlan h3 {
    font-size: 20px;
    color: #000000;
    line-height: 1;
    font-family: 'merriweather_extendedLtIt', 'lailaregular', 'NotoNastaliqUrdu';
}

    .dWordAlan h3 span, .dWordAlan h3.kfUrduWrd {
        padding-left: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
        background: url(../images/dot-sep.png) no-repeat left center;
    }
    .dWordAlan h3 span {
        margin-top:8px;
    }
.dWrap .oThrDtl{
    margin-top:24px;
}
.dWrap .oThrDtl p {
    margin: 0px;
}
.oThrDtl .orgn {
    font-size: 14px;
}
    .oThrDtl .orgn span {
        color: #b0b0b0
    }

.oThrDtl .wrdType {
    color: #ff39a0
}
.meanings h5 {
    color: #b0b0b0
}
.dWordFav {
    margin-bottom: 24px;
    /*padding-left: 24px;*/
    /*padding: 0px 24px;*/
    padding: 0px 24px;
}
.dWrap.wrdMnngNwPp .dWordFav {
    padding: 0px 24px 0 0;
}
.wrdShrFv a{
    display:inline-block;
    width:32px;
    height:32px;
    line-height:32px;
    float:none;
}
.wrdShrFv a:nth-child(1) {
    color:#00aaff;
    margin-right:16px;
}
.dWrap p {
    font-size: 14px;
    line-height: 22px;
    color: #000000;
    margin-bottom: 24px;
}

.meanings {
    margin-bottom: 20px;
}

.dWrap .meanings p {
    margin-bottom: 4px;
    counter-increment: section;
}

    .dWrap .meanings p:before {
        content: counter(section) ". ";
        margin-right: 2px;
    }

.dMLink {
    font-size: 10px;
    line-height: 1;
    color: #00aaff;
    font-family: 'latoxbold';
    text-transform: uppercase;
    border-bottom: 1px solid #00aaff;
}

.dAMeaning input[type="text"], .dAMeaning textarea {
    height: 40px;
    width: calc(100% - 60px);
    margin: 0 0 10px;
    border: 0;
    font-size: 14px;
    color: #000000;
    background: transparent;
    border: 1px solid #808080;
    resize: none;
    padding: 0 10px;
    outline: none !important;
    box-sizing: border-box;
    font-family: 'latoxregular';
}

.dAMeaning textarea {
    height: 90px;
    padding: 10px;
    line-height: 1.3;
}

.dAMeaning .am {
    float: right;
    width: 50px;
    text-align: center;
    text-decoration: none;
    height: 40px;
    background: #00aaff;
    line-height: 45px;
    color: #fff;
    font-size: 27px;
}

.aMeaning .dContent p.aMLabel {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.rmvMng .meanings, .rmvFv .dWordFav, .rmvFv .meaningFav {
    display: none;
}
.dASBtn, .dASCBtn, .dASABtn, .dASBtn {
    /*width: 180px;*/
    width: 146px;
    display: block;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    height: 40px;
    border-radius: 3px;
    background-color: #00aaff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border: 0;
    float: left;
}

.dASCBtn, .dASABtn, .dASBtn {
    line-height: 40px;
    text-decoration: none;
    float: left;
}
.dASCBtn {
    margin-left:16px;
}
.dASBtn {
    float: left;
}
.daThank .dASABtn {
    width:auto;
}
.dAMeaning {
    overflow: hidden;
    display: none;
}

.aMeaning .dAMeaning {
    display: block;
}

.aMeaning .dMLink {
    display: none;
}

.aMeaning .dContent p {
    display: none;
}

.dLoading .dContent, .dThanx .dContent, .dErr .dContent, .dMErr .dContent, .dMNFound .dContent {
    display: none;
}

.dLoadW, .daThank, .daNError, .daMError, .daMNFound {
    display: none;
}

.dLoading .dLoadW {
    display: block;
    min-height: 180px;
    width: 100%;
    background: #fff;
}

.dASABtn {
    display: inline-block;
    width: auto;
    padding: 0 20px;
    float: none;
}

.daThank p, .daNError p, .aMeaning .dContent .daThank p, .aMeaning .dContent .daNError p, .daMError p, .daMNFound p {
    display: block;
    margin-bottom: 20px;
}

.daThank h2, .daNError h2, .daMError h2, .daMNFound h2 {
    font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.daMNFound h2 {
    margin-bottom: 24px;
}

.daMNFound h3 {
    margin-bottom: 32px;
}

.daThank, .daNError, .daMError, .daMNFound {
    padding: 32px 24px;
    min-height: 180px;
    width: 100%;
    background: #fff;
}

.dThanx .daThank {
    display: block;
}

.dErr .daNError, .dMErr .daMError, .dMNFound .daMNFound {
    display: block;
}



.picWordSoundCard, .picWordFavoriteCard {
    width: 32px;
    height: 32px;
    display: block;
    float: left;
    margin-left: 24px;
   /* background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");*/
    background-repeat: no-repeat;
    cursor:pointer;
}

.picWordSoundCard {
    /*background-position: -50px -385px;*/
    background-image: none;
    color: #00aaff;
}
    .picWordSoundCard.picWordActive:before {
        content: "\e966";
    }

.picWordSoundCardActive {
    background-position: -50px -428px;
}

.picWordFavoriteCardHidden {
    display: none;
}

.picWordFavoriteCard {
    background-position: -7px -385px;
}

    .picWordFavoriteCardActive, .picWordFavoriteCard:hover {
        background-position: -7px -428px;
    }

.svgSlider {
    display: none;
}

.videoSectionWrap {
    position: fixed;
    bottom: 56px;
    left: 0;
    width: 100%;
    /*height: calc(100% - 170px);*/
    max-height: calc(100% - 112px);
    background: #fff;
    z-index: 99;
    padding: 16px 16px 0;
    opacity: 1;
    transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transition: all ease 0.6s;
    -o-transition: all ease 0.6s;
    -moz-transition: all ease 0.6s;
    -webkit-transition: all ease 0.6s;
    pointer-events: none;
}

.videoSectionWrapShow {
    opacity: 1;
    transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    pointer-events: all;
    box-shadow: 0px -8px 24px -8px rgba(0,0,0,0.15);
    z-index:9999;
}

.videoMiniMizeWrapShow {
    bottom: 100px;
    opacity: 1;
    height: 44px;
    overflow: hidden;
    pointer-events: all;
    padding-top: 8px;
    border-top: 1px solid #f2f2f2;
    z-index: 9999;
}

.videoContainerPoem {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    /*margin-bottom: 24px;*/
    margin-bottom: 6px;
}

    .videoContainer iframe, .videoContainerPoem iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.videoDesc {
    margin-bottom: 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #f2f2f2;
}
.singleVideo .videoDesc {
    margin-bottom: -1px;
}

    .videoDesc .videoDescFavorite, .videoList .videoDescFavorite {
        display: none;
    }


    .videoDesc h4 {
        font-size: 14px;
        font-family: 'latoxregular';
        color: #000000;
        line-height: 1;
        text-transform: uppercase;
        overflow: hidden;
        width: calc(100% - 48px);
        position: relative;
        float: left;
        top: 2px;
    }

        .videoDesc h4:after {
            position: absolute;
            content: '';
            right: 0;
            bottom: 0;
            height: 20px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

    .videoDesc span {
        font-size: 12px;
        font-family: 'latoxregular';
        color: #4c4c4c;
        line-height: 1;
        display: block;
        white-space: nowrap;
        margin-top: 12px;
        text-transform: lowercase;
    }

.videoDescFavorite, .videoDescMinimizeLink {
    width: 24px;
    height: 24px;
    display: block;
    float: right;
}

.videoDescFavorite {
    /*background-image: url("https://www.rekhta.org/Content/3.5/Images/Icon_sprite.png");*/
    background-repeat: no-repeat;
    background-position: -11px -390px;
}

    .videoDescFavoriteActive, .videoDescFavorite:hover {
        background-position: -11px -433px;
    }

.videoDescMinimizeLink {
    /*background: url(https://www.rekhta.org/Content/3.5/Images/Minimize.png) no-repeat;
    background-size: 16px 16px;
    background-position: center;*/
    text-align: center;
    line-height: 24px;
    font-size: 28px;
    color: #808080;
}
.videoDescMinimize.rico-restore:before {
    content: "\e92a";
}

.videoDescMinimizeLinkActive {
    background: url(../../www.rekhta.org/Content/3.5/Images/Minimize.png) no-repeat;
    background-size: 16px 16px;
    background-position: center;
}

.videoList {
    height: 146px;
    overflow: auto;
    /*position:relative;*/
}

.videoListItem {
    margin-bottom: 16px;
    width: 100%;
    cursor:pointer;
}
.videoListItemActive {
    background: #fcfcfc;
}
    .videoListItem img {
        float: left;
        display: block;
        width: 50px;
        height: 32px;
        margin-right: 16px;
    }

    .videoListItem h4 {
        font-size: 14px;
        font-family: 'latoxregular';
        color: #000000;
        line-height: 32px;
        float: left;
        padding-right: 16px;
    }

    .videoListItem .videoDescFavorite {
        background-position: -11px -390px;
    }

        .videoListItem .videoDescFavoriteActive, .videoListItem .videoDescFavorite:hover {
            background-position: -11px -433px;
        }

.videoMiniMizeWrap {
    margin-left: -16px;
    margin-right: -16px;
    margin-top: -16px;
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
    border-top: 1px solid #f2f2f2;
    margin-bottom: 44px;
    display: none;
}

    .videoMiniMizeWrap img {
        width: 44px;
        height: 28px;
        float: left;
        margin-right: 16px;
    }

    .videoMiniMizeWrap h4 {
        float: left;
        font-size: 14px;
        font-family: 'latoxregular';
        color: #000000;
        line-height: 28px;
        white-space: nowrap;
        width: calc(100% - 84px);
        overflow: hidden;
        position: relative;
    }

        .videoMiniMizeWrap h4:after {
            position: absolute;
            content: '';
            right: 0;
            bottom: 0;
            height: 28px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

    .videoMiniMizeWrap .videoMaxmize {
        width: 24px;
        height: 28px;
        display: block;
        float: right;
        /*background: #fff url(https://www.rekhta.org/Content/3.5/Images/Maximize.png) no-repeat;
        background-size: 16px 16px;
        background-position: center;*/
        text-align: center;
        line-height: 24px;
        font-size: 24px;
        color: #808080;
    }

.videoSectionWrap.singleVideo .videoList {
    display: none;
}

.videoSectionWrap.singleVideo .videoPlayerWrap {
    float: none;
    width: 100%;
    padding-right: 0px;
    border-right: none;
}

.videoPlayerWrap h3 {
    font-size: 11px;
    color: #808080;
    font-family: 'latoxbold';
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}
    .videoPlayerWrap h3 span {
        font-size: 8px;
        position: relative;
        top: -10px;
        color: #afaeae;
    }
.crtiqueModeSection, .rCrtiqueModeSection {
    direction: ltr;
}
.crtiqueModeSection, .additionalInfo, .unPublishedSherInfo, .rCrtiqueModeSection {
    position: fixed;
    left: 0;
    width: 100%;
    right: 0;
    margin: auto;
    top: 50%;
    /*bottom: 0;*/
    height: 180px;
    /*background: #333333;*/
    background: #eb0046;
    padding: 24px 16px;
    z-index: 999999;
    display: none;
    margin-top: -90px;
}

    .crtiqueModeSection h3, .additionalInfo h3, .unPublishedSherInfo h3, .rCrtiqueModeSection h3 {
        font-size: 11px;
        color: #ffffff;
        text-transform: uppercase;
        line-height: 1;
        margin-bottom: 16px;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
    }

    .crtiqueModeSection p, .additionalInfo p, .unPublishedSherInfo p, .rCrtiqueModeSection p {
        font-size: 12px;
        color: #ffffff;
        line-height: 20px;
        margin-bottom: 26px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    }

.crtiqueModeRemind, .additionalInfoRemind, .unPublishedSherInfoRemind, .rCrtiqueModeRemind {
    float: left;
}

.crtiqueModeSection label, .additionalInfo label, .unPublishedSherInfo label, .rCrtiqueModeSection label {
    font-size: 11px;
    color: #ffffff;
    line-height: 22px;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    padding-left: 20px;
}

.rekhtaCheckBoxWrap input {
    opacity: 0;
    position:absolute;
}

.crtiqueModeSection label:before, .additionalInfo label:before, .unPublishedSherInfo label:before, .rCrtiqueModeSection label:before {
    content: '';
    width: 12px;
    height: 12px;
    position: absolute;
    top: 4px;
    left: 0px;
    border: 1px solid #ffffff;
}

.crtiqueModeSection label:after, .additionalInfo label:after, .unPublishedSherInfo label:after, .rCrtiqueModeSection label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 5px;
    left: 3px;
    border: 2px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.crtiqueModeSection label.critiqueChecked:after, .additionalInfo label.additionalInfoChecked:after, .unPublishedSherInfo label.unPublishedSherInfoChecked:after, .rCrtiqueModeSection label.rCritiqueChecked:after {
    opacity: 1;
}

.crtiqueModeSection .critiqueModeBtnOkay, .additionalInfo .additionalInfoBtnOkay, .unPublishedSherInfo .unPublishedSherInfoBtnOkay, .rCrtiqueModeSection .rCritiqueModeBtnOkay {
    font-size: 12px;
    color: #ffffff;
    font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
    text-transform: uppercase;
    float: right;
    display: block;
    line-height: 21px;
}

.crtiqueModeSection .critiqueModeBtnOkay, .rCrtiqueModeSection .rCritiqueModeBtnOkay {
    cursor: pointer;
}

.critiqueModeOnWrap, .rCritiqueModeOnWrap {
    width: 100%;
    height: 72px;
    background: #eb0046;
    display: none;
    position: fixed;
    left: 0;
    bottom: 56px;
    z-index: 999999;
    overflow: hidden;
}

    .critiqueModeOnWrap .critiqueModeOn, .rCritiqueModeOnWrap .rCritiqueModeOn {
        padding: 0 16px;
        width: 100%;
        margin: 0 auto;
        background: none;
    }

        .critiqueModeOnWrap .critiqueModeOn p, .rCritiqueModeOnWrap .rCritiqueModeOn p {
            font-size: 14px;
            line-height: 72px;
            position: relative;
            top: 72px;
            transition-delay: 0.2s;
            -webkit-transition-delay: 0.2s;
            -o-transition-delay: 0.2s;
            -moz-transition-delay: 0.2s;
            transition: all 0.4s;
            -o-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -webkit-transition: all 0.4s;
            /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/exclamation-circle.png) no-repeat left center;
            background-size: 16px 16px;*/
        }

            .critiqueModeOnWrap .critiqueModeOn p .critiqueModeOnInfo, .rCritiqueModeOnWrap .rCritiqueModeOn p .rCritiqueModeOnInfo {
                display: none;
            }

        .critiqueModeOnWrap .critiqueModeOn span, .rCritiqueModeOnWrap .rCritiqueModeOn span {
            font-size: 14px;
            line-height: 72px;
            position: relative;
            top: 72px;
            transition-delay: 0.3s;
            -webkit-transition-delay: 0.3s;
            -o-transition-delay: 0.3s;
            -moz-transition-delay: 0.3s;
            transition: all 0.4s;
            -o-transition: all 0.4s;
            -moz-transition: all 0.4s;
            -webkit-transition: all 0.4s;
        }



.pMCCritiqueMode, .KeepReadingPoemFirstSher .pMC .c p span {
    pointer-events: none;
    margin-right:0px !important;
}

.overlay, .newsLetterOverlay, .navPopOvelay {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 9999;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.5);
    display: none;
}
.navPopOvelay {
    z-index: 9999999;
}
.navPopupWrap {
    position: fixed;
    width: 90%;
    height: auto;
    /*background: url(https://www.rekhta.org/Content/3.5/Images/navpopupmobilebg.png) no-repeat top center;*/
    background: #ffffff;
    border-radius: 4px;
    padding: 24px;
    z-index: 9999999;
    left: 0;
    right: 0;
    /*top: 0;
    bottom: 0;*/
    top: 50%;
    margin: auto;
    display: none;
    overflow: auto;
    max-height: 90%;
    box-sizing: border-box;
    background-size: cover;
    /*opacity: 1;
    visibility: hidden;*/
    transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
.navPopupWrapShow, .navPopupWrapShowPoem {
    /*bottom: 0;
    opacity: 1;
    visibility: visible;*/
    display:block;
}
.navPopupWrapShowPoem {
    bottom: 56px;
}

.navPopupcloseBtn {
    position:absolute;
    right:12px;
    top:12px;
    display:block;
    cursor:pointer;
    color:#000;
}


.navPopupWrap h2 {
    font-size: 24px;
    color: #0ca9fc;
    font-family: 'latolight';
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.navPopupWrap p {
    font-size: 16px;
    color: #000000;
    font-family: 'latoxregular';
    line-height: 1.5;
    margin-bottom: 24px;
    text-align: justify;
}
        .navPopupWrap p strong {
            font-family: 'latoxbold';
        }

.navPopBtn a.navPopBtnRegister {
    margin-left: 12px;
}

.navPopBtn a {
    color: #0ca9fc;
    font-size: 16px;
    text-transform: uppercase;
    text-align: center;
    width: 114px;
    border: 1px solid #0ca9fc;
    display: inline-block;
    vertical-align: middle;
    line-height: 32px;
    border-radius: 2px;
    font-family: 'latoxregular';
}
    .navPopBtn a.navPopBtnRegister {
        color: #fff;
        border: 1px solid #0ca9fc;
        background: #0ca9fc;
    }
    /*.navPopBtn a:hover {
        color: #0ca9fc;
        border: 1px solid #fff;
        background: #fff;
    }*/

.navPopBtnLogin {
    float:left;

}
/*.navPopBtnRegister {
    float: right;
}*/
.notNowBtn {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    border: none;
    border-bottom: 1px solid #fff;
    float: right;
    line-height: 1;
    font-family: 'latoxregular';
}


.navPopBtn {
    margin-bottom:24px;
}
.navPopupWrap h4 {
    font-size: 16px;
    color: #0ca9fc;
    font-family: 'latoxregular';
    line-height: 1.3;
    text-transform: uppercase;
    margin-bottom: 16px;
    letter-spacing:3px;
}
.navPopupWrap li {
    font-size: 16px;
    color: #000000;
    font-family: 'latoxregular';
    line-height: 1.5;
    text-align: justify;
    list-style: disc inside;
    margin-bottom: 8px;
}
.navPopupDesc {
    margin-bottom: 24px;
}


.unPublishedSherInfoOverLay, .wordInfoOverlay, .kfWlcmPopupLayer {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 99999999;
    left: 0;
    top: 0;
    background: rgba(0,0,0,0.3);
    display: none;
}
.kfWlcmPopupLayer {
    z-index: 999991;
}

.critqueFormWrap, .rCritqueFormWrap {
    position: fixed;
    left: 0;
    bottom: 56px;
    width: 100%;
    overflow: auto;
    background: #ffffff;
    z-index: 99999;
    padding: 32px 16px;
    display: none;
    max-height: calc(100% - 64px);
    box-sizing: border-box;
    -webkit-overflow-scrolling: touch;
}

    .critqueFormWrap h2, .rCritqueFormWrap h2 {
        font-size: 11px;
        color: #808080;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        text-transform: uppercase;
        letter-spacing: 3px;
        position: relative;
        margin-bottom: 32px;
    }

        .critqueFormWrap h2 i, .rCritqueFormWrap h2 i {
            position: absolute;
            width: 24px;
            height: 24px;
            display: block;
            /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/poemTitleHideIcon.png) no-repeat center center;*/
            right: 0;
            top: -7px;
            cursor: pointer;
            font-size: 24px;
        }

.critiquePlaceHolder, .rCritiquePlaceHolder {
    font-size: 14px;
    color: #4c4c4c;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 26px;
    transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    z-index: -1;
}
/*.critiqueNameError, .critiqueEmailError {
	display: none;
	color: #ee0046;
	top: 16px;
}*/
.critiqueErrorMsg, .rCritiqueErrorMsg {
    font-size: 14px;
    color: #ee0046;
    font-family: 'latoxregular';
    text-transform: uppercase;
    display: block;
    padding: 0px 0 20px;
    display: none;
}



.critiquePlaceHolderLable, .rCritiquePlaceHolderLable, .crtiquePara .critiquePlaceHolder, .rCrtiquePara .rCritiquePlaceHolder {
    font-size: 10px;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
}

.critqueFormWrap .fromField, .rCritqueFormWrap .rFromField {
    position: relative;
}

.critqueFormWrap input[type="text"], .critqueFormWrap input[type="email"], .critqueFormWrap textarea, .crtiquePara .critiqueTitle, .rCrtiquePara .rCritiqueTitle, .rCritqueFormWrap input[type="text"], .rCritqueFormWrap input[type="email"], .rCritqueFormWrap textarea {
    height: 60px;
    width: 100%;
    border: 0;
    font-size: 14px;
    color: #000000;
    background: transparent;
    border-bottom: 1px solid #808080;
    resize: none;
    padding-top: 14px;
    outline: none !important;
    box-sizing: border-box;
    font-family: 'latoxregular';
    /*margin-bottom: 24px;*/
    margin-bottom: 4px;
}
.rCritqueFormWrap textarea {
    height: 100px;
}
.crtiquePara .critiqueTitle, .rCrtiquePara .rCritiqueTitle {
    line-height: 38px;
    font-size: 14px;
    font-family: 'latoxitalic','NotoDevanagari','NotoNastaliqUrdu';
    border-color: #f2f2f2;
    /*overflow-y: auto;*/
    white-space:nowrap;
    overflow:hidden;
}

.critqueFormWrap textarea, .rCritqueFormWrap textarea {
    padding-top: 18px;
}

.crtiqueBtn, .rCrtiqueBtn {
    text-align: right;
}

    .crtiqueBtn input, .crtiqueBtn a, .critiqueDiscardPopupBtn span, .aboutThisSherPopupBtn span, .rCrtiqueBtn input, .rCrtiqueBtn a, .rCritiqueDiscardPopupBtn span {
        font-size: 12px;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        line-height: 1;
        color: #00aaff;
        text-transform: uppercase;
        margin-left: 32px;
        border: none;
        background: none;
        outline: none !important;
        text-align: right;
        cursor: pointer;
    } 
.aboutThisSherPopup {
    border: 1px solid #f2f2f2;
    box-shadow: 0 3px 12px rgba(0 0 0 / 5%);
}

        .crtiqueBtn input.crtiqueCancelBtn, .crtiqueBtn a.crtiqueCancelBtn, .rCrtiqueBtn input.rCrtiqueCancelBtn, .rCrtiqueBtn a.rCrtiqueCancelBtn {
            color: #b2b2b2;
        }

.critiqueTitle i, .rCritiqueTitle i {
    background: url(../images/critiqueRemoveIcon.png) no-repeat center center;
    display: block;
    float: right;
    width: 12px;
    height: 12px;
    position: relative;
    top: 16px;
    display: none;
}

.critiqueMinimizeSection, .rCritiqueMinimizeSection {
    position: fixed;
    bottom: 56px;
    left: 0;
    width: 100%;
    z-index: 999999;
    display: none;
}
.rCritiqueMinimizeSection, .rCritiqueModeOnWrap {
    bottom: 0px;
}

.critiqueDraftSaved, .rCritiqueDraftSaved {
    background: #333333;
    padding: 16px;
}

    .critiqueDraftSaved p, .rCritiqueDraftSaved p {
        font-size: 12px;
        font-family: 'latoxbold';
        line-height: 1;
        color: #fff;
        float: left;
    }

    .critiqueDraftSaved span, .rCritiqueDraftSaved span {
        font-size: 11px;
        font-family: 'latoxbold';
        line-height: 1;
        color: #fff;
        float: right;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
    }

        .critiqueDraftSaved span.critqueDraftDiscardBtn, .rCritiqueDraftSaved span.rCritqueDraftDiscardBtn {
            color: rgba(255,255,255,0.3);
        }

        .critiqueDraftSaved span.critqueDraftDiscardBtn, .rCritiqueDraftSaved span.rCritqueDraftDiscardBtn {
            margin-right: 31px;
        }

.critiqueModeOn, .rCritiqueModeOn {
    background: #00aaff;
    padding: 13px 16px;
}

    .critiqueModeOn p, .rCritiqueModeOn p {
        font-size: 10px;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        line-height: 16px;
        color: #fff;
        float: left;
        text-transform: uppercase;
        /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/critiqueIcon.png) no-repeat left center;*/
        padding-left: 28px;
        position: relative;
    }

        .critiqueModeOn p i, .rCritiqueModeOn p i {
            position: absolute;
            left: -8px;
            top: 50%;
            margin-top: -16px;
        }

    .critiqueModeOn span, .rCritiqueModeOn span {
        font-size: 11px;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        line-height: 16px;
        color: rgba(255,225,255,0.85);
        float: right;
        text-transform: uppercase;
        display: block;
        cursor: pointer;
    }

        .critiqueModeOn span:hover, .rCritiqueModeOn span:hover {
            color: #fff;
        }

.critiqueDiscardPopupBtn span {
}

.critiqueDiscardPopup, .aboutThisSherPopup, .rCritiqueDiscardPopup {
    position: fixed;
    left: 0;
    right: 0;
    width: 90%;
    max-width: 328px;
    background: #fff;
    top: 50%;
    margin: auto;
    z-index: 999999;
    padding: 24px;
    display: none;
    border-radius: 3px;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.critiqueDiscardPopupBtn, .rCritiqueDiscardPopupBtn {
    text-align: right;
}

.critiqueDiscardPopup h4, .aboutThisSherPopup h4, .rCritiqueDiscardPopup h4 {
    font-size: 14px;
    font-family: 'latoxbold';
    line-height: 1;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.critiqueThankuMsg, .qFeedbackThankuMsg, .rCritiqueThankuMsg {
    position: fixed;
    left: 0;
    bottom: 40%;
    background: #eb0046;
    z-index: 99999;
    padding: 24px;
    display: none;
    width: 400px;
    text-align: center;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .critiqueThankuMsg p, .qFeedbackThankuMsg p, .rCritiqueThankuMsg p {
        font-size: 14px;
        font-family: 'latoxbold';
        line-height: 1;
        color: #ffffff;
        margin-bottom: 0;
        letter-spacing: 0.2em;
        text-transform: uppercase;
    }

.aboutThisSherPopup h4 {
    color: #00aaff;
    text-transform: none;
}

.critiqueDiscardPopup p, .aboutThisSherPopup p, .rCritiqueDiscardPopup p {
    font-size: 12px;
    font-family: 'latoxregular';
    line-height: 20px;
    color: #000000;
    margin-bottom: 24px;
}

    .critiqueDiscardPopup p strong, .aboutThisSherPopup p strong, .rCritiqueDiscardPopup p strong {
        font-family: 'latoxbold';
    }

.critqueFormWrapMinimize, .rCritqueFormWrapMinimize {
    opacity: 0;
    visibility: hidden;
}

.userInfoCritiqueForm, .rUserInfoCritiqueForm {
    margin-bottom: 24px;
    margin-top: 24px;
    display: none;
}

    .userInfoCritiqueForm img, .rUserInfoCritiqueForm img {
        width: 40px;
        height: 40px;
        border-radius: 50px;
        vertical-align: middle;
    }

    .userInfoCritiqueForm span, .rUserInfoCritiqueForm span {
        font-size: 16px;
        line-height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
    }


.aboutThisSherPopupBtn {
    text-align: right;
}

.poemPageContentCommentary {
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
    background-position: -89px -382px;
    background-repeat: no-repeat;*/
    width: 40px;
    height: 40px;
    position: absolute;
    right: -56px;
    top: 50%;
    margin-top: -20px;
    color: #808080;
    line-height: 40px;
}

    .poemPageContentCommentary:hover {
        color: #00aaff;
    }

.poemPageContentCommentary {
    top: 96px;
}

.audioRecitationsWrap {
    position: fixed;
    bottom: 56px;
    /*top:100%;
    bottom:auto;*/
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 999;
    padding: 16px 16px 0;
    /*box-shadow: 0px -12px 29px -10px rgba(0,0,0,0.15);*/
    opacity: 1;
    transform: translateY(100%);
    -o-transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -webkit-transition: all ease 0.3s;
    pointer-events: none;
    max-height: 90%;
}

.audioSectionWrap .audioRecitationsWrap {
    z-index:9;
}
.audioRecitationsWrapShow {
    opacity: 1;
    pointer-events: all;
    transform: translateY(0);
    -o-transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    box-shadow: 0px -8px 24px -8px rgba(0,0,0,0.15);
    /*top: auto;*/
    /*bottom: 56px;*/
}

.audioRecitationsWrapShowMax {
    bottom: 104px;
    /*top: auto;
    bottom: 120px;*/
    transition: all ease 0.5s;
    -o-transition: all ease 0.5s;
    -moz-transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
    transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;
}

.audioRecitationsWrapShowSlide {
    transition-delay: 0.02s;
    -o-transition-delay: 0.02s;
    -webkit-transition-delay: 0.02s;
    -moz-transition-delay: 0.02s;
}

.audioBackShadow {
    display: none;
}

.audioRecitationsWrap h3 {
    font-size: 11px;
    color: #808080;
    font-family: 'latoxbold';
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 32px;
}

    .audioRecitationsWrap h3 i {
        width: 24px;
        height: 24px;
        display: block;
        float: right;
        cursor: pointer;
    }

.audioRecitationsListContent {
    margin-bottom: 16px;
    width: 100%;
    border-bottom: 1px solid #eee;
    padding-bottom:16px;
}
.audioRecitationsList .audioRecitationsListContent:last-child {
    border-bottom: 0px;
    padding-bottom: 0px;
}

    .audioRecitationsListContent img {
        float: left;
        display: block;
        width: 32px;
        height: 32px;
        margin-right: 16px;
    }

    .audioRecitationsListContent h4 {
        font-size: 14px;
        font-family: 'latoxregular';
        color: #000000;
        line-height: 32px;
        float: left;
        padding-right: 16px;
    }

    .audioRecitationsListContent a {
        width: 24px;
        height: 24px;
        display: block;
        float: right;
        /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);*/
        background-repeat: no-repeat;
        background-position: -11px -390px;
    }

        .audioRecitationsListContent a.audioRecitationsFavorite:hover {
            background-position: -11px -433px;
        }

.audioRecitationsList {
    padding-bottom: 16px;
}

.audioPlayerWithProfilePic, .audioPlayerWithOutProfilePic {
    padding-top: 0px;
    padding-bottom: 0px;
}

.audioPlayerWithOutProfilePic {
    /*top: 100%;*/
    /*transition: bottom 0.4s;*/
    /*transition-delay: 0.4s;
    -o-transition-delay: 0.4s;
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    position: relative;
    transition: top ease 0.3s;
    -o-transition: top ease 0.3s;
    -webkit-transition: top ease 0.3s;
    -moz-transition: top ease 0.3s;*/
}

.audioRecitationsWrapShowMinimize {
    /*box-shadow: none;*/
    padding: 0px 16px 0;
    /*box-shadow: 0px -12px 29px -10px rgba(0,0,0,0.15);*/
    max-height: 64px;
}

    .audioPlayerWithOutProfilePic, .audioRecitationsWrapShowMinimize .audioPlayerWithProfilePic, .audioRecitationsWrapShowMinimize h3, .audioRecitationsWrapShowMinimize .audioRecitationsList {
        display: none;
        /*visibility: hidden;
	height: 0;
	opacity: 0;
	transition: all 0.4s;*/
    }


    .audioRecitationsWrapShowMinimize .audioPlayerWithOutProfilePic {
        display: block;
        /*visibility: visible;
	height: auto;
	opacity: 1;
	transition: all 0.4s;*/
        bottom: 0;
    }

.audioPlayerWrapShow .audioPlayerWithProfilePic {
    display: none;
}

.audioPlayerWrapShow .audioPlayerWithOutProfilePic {
    display: block;
    overflow: hidden;
    /*top:0;*/
}



.audioRecitationsWrapShowMinimize .audioPlayerWithProfilePic, .audioRecitationsWrapShowMinimize > h3, .audioRecitationsWrapShowMinimize .audioRecitationsList {
    visibility: hidden;
}



.audioPlayerWithProfilePic img, .audioPlayerWithProfilePhoto {
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    margin-right: 7px;
}

.audioPlayerWithProfilePhoto {
    margin-left: 12px;
    margin-top: 8px;
}

.audioPlayerWithProfilePic .audioTrackTitle, .audioPlayerWithProfilePic h3, .audioPlayerWithProfilePhoto_title {
    font-family: 'latoxregular';
    font-size: 14px;
    line-height: 1;
    color: #000000;
    position: relative;
    overflow: hidden;
    margin-bottom: 8px;
    display: block;
    white-space: nowrap;
}

.audioPlayerWithProfilePhoto_title {
    margin-left: 4px;
    margin-top: 12px;
}

    .audioPlayerWithProfilePhoto_title .audioArtistName {
        margin-top: 8px;
    }

    .audioPlayerWithProfilePic .audioTrackTitle:after, .audioPlayerWithOutProfilePic h3:after, .audioPlayerWithProfilePhoto_title:after {
        position: absolute;
        content: '';
        right: 8px;
        bottom: 0;
        height: 20px;
        width: 64px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

    .audioPlayerWithProfilePhoto_title:after {
        right: 0px;
        bottom: 0px;
    }

    .audioPlayerWithProfilePhoto_title .audioTrackTitle {
        display: block;
        overflow: hidden;
        white-space: nowrap;
    }

.audioPlayerWithProfilePicWrap .audioPlayerWithProfilePhoto_title:after {
    bottom: 12px;
}


.audioPlayerWithProfilePic .audioArtistName, .audioPlayerWithProfilePhoto_title .audioArtistName {
    font-family: 'latoxbold';
    font-size: 9px;
    line-height: 1;
    color: #4c4c4c;
    display: block;
    text-transform: uppercase;
}

.audioPlayerWithProfilePic h3, .audioPlayerWithProfilePhoto_title {
    white-space: normal;
    text-transform: none;
    letter-spacing: 0;
    width: calc(100% - 80px);
    float: left;
    margin-bottom: 0;
    margin-top: 3px;
}

.audioPlayerWithProfilePhoto_title {
    margin-left: 4px;
    margin-top: 12px;
    width: calc(100% - 120px);
}

.audioPlayerWithProfilePic .audioPauseBtn, .audioPlayerWithOutProfilePic .audioPauseBtn, .audioPlayerWithProfilePhoto_audio {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
    background-position: -89px -425px;
    background-repeat: no-repeat;*/
    margin-right: -7px;
    color: #000;
    text-align: center;
    line-height: 40px;
    pointer-events: none;
}

.audioPlayerWithOutProfilePic .audioPauseBtn {
    /*width: 24px;*/
    /*height: 28px;*/
    display: block;
    float: left;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
    background-position: -140px -431px;
    background-repeat: no-repeat;*/
    margin-right: 0px;
    margin-left: 8px;
}

.audioPlayerWithOutProfilePic h3 {
    font-family: 'latoxregular';
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    position: relative;
    overflow: hidden;
    display: block;
    white-space: nowrap;
    text-transform: none;
    letter-spacing: 0;
    width: calc(100% - 96px);
    float: left;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 0 8px;
    box-sizing: border-box;
}

.audioPlayerWithOutProfilePic i {
    width: 24px;
    /*height: 28px;*/
    display: block;
    float: right;
    margin-top: 8px;
    margin-right: 16px;
}
/*.audioPlayerWithOutProfilePic .audioPauseBtn,  {
    position: relative;
    bottom: -56px;
    transition: bottom ease 0.2s;
    -o-transition: bottom ease 0.2s;
    -webkit-transition: bottom ease 0.2s;
    -moz-transition: bottom ease 0.2s;
}*/
.audioPlayerWithOutProfilePic .audioPauseBtn, .audioPlayerWithOutProfilePic h4 {
    visibility: hidden;
    opacity: 0;
    transition: opacity ease 0.15s;
    -o-transition: opacity ease 0.15s;
    -webkit-transition: opacity ease 0.15s;
    -moz-transition: opacity ease 0.15s;
}


.audioPlayerWithOutProfilePic .audioPauseBtn, .audioPlayerWithOutProfilePic h4 {
    transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
}

.audioPlayerWithOutProfilePic i {
    /*transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    -webkit-transition-delay: 0.25s;
    -moz-transition-delay: 0.25s;*/
}

/*.audioPlayerWrapShow .audioPlayerWithOutProfilePic .audioPauseBtn,*/ .audioPlayerWrapShow .audioPlayerWithOutProfilePic h4 {
    bottom: -56px;
}
/*.audioPlayerWrapShowOnMin .audioPlayerWithOutProfilePic .audioPauseBtn,*/ .audioPlayerWrapShowOnMin .audioPlayerWithOutProfilePic h4 {
    bottom: 0px;
}

.audioPlayerWrapShowOnMin .audioPlayerWithOutProfilePic .audioPauseBtn, .audioPlayerWrapShowOnMin .audioPlayerWithOutProfilePic h4 {
    visibility: visible;
    opacity: 1;
}

.audioPlayerWithProfilePicWrap .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_title .audioArtistName {
    display: block;
}

.audioPlayerWithOutProfilePic i {
    transform: rotate3d(0, 0, 1, -180deg);
    -o-transform: rotate3d(0, 0, 1, -180deg);
    -webkit-transform: rotate3d(0, 0, 1, -180deg);
    -moz-transform: rotate3d(0, 0, 1, -180deg);
    transition: transform ease 0.3s;
    -o-transition: transform ease 0.3s;
    -moz-transition: transform ease 0.3s;
    -webkit-transition: transform ease 0.3s;
    transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    top: 0;
}

.audioPlayerWrapShowOnMin .audioPlayerWithOutProfilePic i {
    transform: rotate3d(0, 0, 1, 0deg);
    -o-transform: rotate3d(0, 0, 1, 0deg);
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -moz-transform: rotate3d(0, 0, 1, 0deg);
}


.audioPlayer audio {
    opacity: 0;
}

.audioPlayer .time {
    display: none;
    pointer-events: none;
}

.audioPlayerWrap {
    position: relative;
}

.audiojs {
    width: auto;
    height: 4px;
    background: none;
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
    background-image: none;
    background-image: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
    margin-left: -16px;
    margin-right: -16px;
}

    .audiojs .scrubber {
        position: relative;
        float: none;
        width: 100%;
        background: #f2f2f2;
        height: 4px;
        margin: 0px;
        border-top: none;
        border-left: 0px;
        border-bottom: 0px;
        overflow: hidden;
    }

    .audiojs .progress {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 14px;
        width: 0px;
        background: #eb0046;
        z-index: 1;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #eb0046), color-stop(0.5, #eb0046), color-stop(0.51, #eb0046), color-stop(1, #eb0046));
        background-image: -moz-linear-gradient(center top, #eb0046 0%, #eb0046 50%, #eb0046 51%, #eb0046 100%);
    }

    .audiojs .loaded {
        position: absolute;
        top: 0px;
        left: 0px;
        height: 14px;
        width: 0px;
        background: #d9d9d9;
        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d9d9d9), color-stop(0.5, #d9d9d9), color-stop(0.51, #d9d9d9), color-stop(1, #d9d9d9));
        background-image: -moz-linear-gradient(center top, #d9d9d9 0%, #d9d9d9 50%, #d9d9d9 51%, #d9d9d9 100%);
    }

    .audiojs .play, .audiojs .pause {
        /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
        background-repeat: no-repeat;*/
        width: 40px;
        height: 40px;
        background:transparent;
    }

    .audiojs .play-pause {
        padding: 0px;
        margin: 0px;
        border-right: none;
        position: absolute;
        right: -7px;
        top: 20px;
        width: 40px;
        height: 40px;
    }

    .audiojs p {
        width: 40px;
        height: 40px;
        margin: 0px;
        cursor: pointer;
    }

    .audiojs .play, .audioPauseBtn.play.paused {
        /*background-position: -416px -509px;*/
    }

    .audiojs .pause, .audioPauseBtn.play.playing {
        /*background-position: -89px -425px;*/
    }

.audioPauseBtn.paused {
    /*background-position: -466px -515px;*/
}

.audioPauseBtn.playing {
    /*background-position: -139px -431px;*/
}



.audioRecitationsWrapShowMinimize .audiojs .play-pause {
    right: auto;
    left: 0px;
    top: 20px;
    width: 24px;
    height: 28px;
}

.audioRecitationsWrapShowMinimize .audiojs .play, .audioRecitationsWrapShowMinimize .audiojs .pause {
    width: 24px;
    height: 28px;
    display: block;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);*/
    background-position: -140px -431px;
    background-repeat: no-repeat;
    margin-right: 0px;
    margin-left: 0px;
    opacity: 0;
}

.audioPlayerWrap {
    visibility: hidden;
    opacity: 1;
    height: 0;
    overflow: hidden;
    position: fixed;
    bottom: 56px;
    z-index: 9999;
    width: 100%;
    left: 0;
    background: #fff;
    padding: 0 0px;
    box-shadow: 0px -8px 24px -8px rgba(0,0,0,0.15);
}

.audioPlayerWrapShow.audioPlayerWithProfilePicWrap {
    box-shadow: none !important;
}

.audioPlayerWrapShow {
    visibility: visible;
    opacity: 1;
    height: auto;
    /*overflow: visible;*/
    transition: height ease 0.45s;
    -o-transition: height ease 0.45s;
    -webkit-transition: height ease 0.45s;
    -moz-transition: height ease 0.45s;
    /*transition-delay: 0.3s;
    -o-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    -webkit-transition-delay: 0.3s;*/
}

.audioPlayerWithProfilePicWrapSlide {
    transition: all ease 0.45s;
    -o-transition: all ease 0.45s;
    -webkit-transition: all ease 0.45s;
    -moz-transition: all ease 0.45s;
    bottom: 0;
    z-index: 99;
    visibility: visible !important;
    opacity: 1 !important;
    height: 44px !important;
}

    .audioPlayerWithProfilePicWrapSlide .audioPlayerWithOutProfilePhoto_audio, .audioPlayerWithProfilePicWrapSlide .audioPlayerWithProfilePhoto_title {
        visibility: visible !important;
        opacity: 1 !important;
    }

    .audioPlayerWithProfilePicWrapSlide .audioPlayerWithOutProfilePic {
        display: block;
    }


.audioPlayerWithProfilePhoto_audio {
    margin-top: 10px;
}

.audioPlayerWrapShowOnMin .audiojs .play-pause {
    right: auto;
    top: 4px;
    left: 8px;
}

.audioPlayerWithProfilePicWrap .audiojs .play-pause {
    right: 9px;
    top: 13px;
    left: auto;
}

.audioPauseBtn.rico-pause.paused:before, .audioPlayerWithProfilePhoto_audio.rico-pause.paused:before {
    content: '\e973';
}

.audioPauseBtn.rico-pause.playing:before, .audioPlayerWithProfilePhoto_audio.rico-pause.playing:before {
    content: '\e974';
}

.audioPlayerWithProfilePicWrap {
    height: 64px !important;
}

.audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto, .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_title .audioArtistName, .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_audio {
    display: none;
}

.audioPlayerWithOutProfilePhoto_audio {
    position: relative;
    top: 0px;
}

.audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto, .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_audio {
    position: relative;
    bottom: -56px;
    transition: bottom ease 0.2s;
    -o-transition: bottom ease 0.2s;
    -webkit-transition: bottom ease 0.2s;
    -moz-transition: bottom ease 0.2s;
}

.audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_audio {
    transition-delay: 0.15s;
    -o-transition-delay: 0.15s;
    -webkit-transition-delay: 0.15s;
    -moz-transition-delay: 0.15s;
}

.audioPlayerWithProfilePicWrap .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto {
    /*bottom: 0px;*/
}

.audioPlayerWithProfilePicWrapOne .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto, .audioPlayerWithProfilePicWrapOne .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_audio {
    bottom: 0px;
}

.audioPlayerWithProfilePicWrap .audioPlayerWithOutProfilePhoto_audio {
    position: absolute;
    top: -40px;
    transition: top ease 0.2s;
    -o-transition: top ease 0.2s;
    -webkit-transition: top ease 0.2s;
    -moz-transition: top ease 0.2s;
}

.audioPlayerWithProfilePicWrap .audioPlayerWithOutProfilePic i {
    position: absolute;
    top: -56px;
    transition: top ease 0.3s;
    -o-transition: top ease 0.3s;
    -moz-transition: top ease 0.3s;
    -webkit-transition: top ease 0.3s;
    right: 0;
}

.audioPlayerWithProfilePicWrap .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto, .audioPlayerWithProfilePicWrap .audioPlayerWithOutProfilePic .audioPlayerWithProfilePhoto_audio {
    display: block;
}

/*----- SideBar Css Rule Starts -----*/
.eventAddSection, .sideBarPostWrap, .EbookSideMenu {
    position: relative;
    padding-top: 23px;
}

    .sideBarPostWrap:before, .sideBarHeading:before, .heading24:after, .evnDtlContent h2:after, .evnDtlContent h1:after, .EbookSideMenu:before, .spclBox .spclArtstDtl h4:before, .mrFrm:before {
        position: absolute;
        top: 0;
        content: '';
        left: 0;
        background: #eb0046;
        height: 2px;
        width: 32px;
    }
    .eventAddSection:before {
        display:none;
    }

.eventAddSection {
    text-align: center;
}

    .eventAddSection h2, .sideBarPostWrap h2, .sideBarHeading, .EbookSideMenu h2, .mrFrm {
        font-size: 20px;
        color: #000000;
        line-height: 1;
        font-family: 'latoxbold','rozha_oneregular','ArefRuqa';
        margin-bottom: 8px;
        text-transform: uppercase;
        text-align: left;
    }
.mrFrm {
    padding-top:24px;
}
        .EbookSideMenu h2 a {
            color: #000000;
        }
        .EbookSideMenu h2 span, .EbookSideMenu li span {
            font-size: 12px;
        }
        .EbookSideMenu li span {
            font-size:10px;
            margin-left:8px;
        }

            .EbookSideMenu li span.catTitle-class {
                font-size:16px;
            }
        .eventAddSection h2 .thSup {
            font-size: 12px;
            position: relative;
            top: -9px;
            text-transform: lowercase;
        }

    .eventAddSection h3, .sideBarPostWrap h3 {
        font-size: 10px;
        color: #000000;
        line-height: 1;
        font-family: 'latoxregular';
        margin-bottom: 24px;
        text-transform: uppercase;
        letter-spacing: 5px;
        text-align: left;
    }

    .eventAddSection img {
        width: 100%;
        height: 278px;
        display: block;
        margin-bottom: 24px;
        border-radius:10px;
    }
    .qzSdbrPlcholder {
        height: 278px;
    }

.sideBarEventdate, .sideBarEventVenue, .sideBarEventinfo {
    padding-left: 32px;
    display: block;
    font-size: 14px;
    font-family: 'latoxregular';
    color: #000000;
    margin-bottom: 20px;
    text-align: left;
}

.sideBarEventdate {
    /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/eventDateIcon.png) no-repeat 5px 0px;*/
}

.sideBarEventVenue {
    /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/eventLocationIcon.png) no-repeat 5px 0px;*/
}

.sideBarEventinfo {
   /* background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/eventInfoIcon.png) no-repeat 5px 0px;*/
    margin-bottom: 36px;
}

.eventRegisterLink {
    font-size: 14px;
    color: #00aaff;
    line-height: 1;
    font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
    text-transform: uppercase;
    border-bottom: 1px solid #00aaff;
    display: inline-block;
}

.eventAddSection h4 {
    font-size: 20px;
    color: #000000;
    line-height: 1;
    font-family: 'latoxbold';
    margin-bottom: 8px;
    text-transform: uppercase;
    text-align: left;
}

.eventAddSection h5 {
    font-size: 14px;
    color: #000000;
    line-height: 1;
    font-family: 'latoxregular';
    margin-bottom: 16px;
    text-transform: capitalize;
    text-align: left;
}

.eventAddSection p {
    font-size: 12px;
    color: #000000;
    line-height: 24px;
    font-family: 'latoxregular';
    margin-bottom: 24px;
    text-align: left;
}

.SideBarPostItem, .top5PostItem {
    padding-bottom: 11px;
    margin-bottom: 12px;
    border-bottom: 1px solid #f2f2f2;
}

    .SideBarPostItem img {
        width: 80px;
        height: 80px;
        margin-right: 7px;
        display: block;
        float: left;
    }

    .SideBarPostItem span, .top5PostItem .topShyriImg {
        display: block;
        width: 80px;
        height: 80px;
        float: left;
        margin-right: 8px;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

.SideBarPostItemBody, .top5PostItemBody {
    overflow: hidden;
    padding-top: 3px;
}

    .SideBarPostItemBody h6, .top5PostItemBody h6 {
        font-size: 8px;
        color: #00ccbb;
        line-height: 1;
        font-family: 'latoblack','NotoNastaliqUrdu';
        margin-bottom: 8px;
        letter-spacing: 3px;
        text-transform: uppercase;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

        .SideBarPostItemBody h6 a {
            color: #00ccbb;
        }

    .SideBarPostItemBody h4, .top5PostItemBody h4 {
        font-size: 14px;
        color: #000000;
        line-height: 20px;
        /*font-family: 'latoxregular';*/
        margin-bottom: 8px;
        position: relative;
        height: 38px;
        overflow: hidden;
    }

        .SideBarPostItemBody h4 span {
            display: none;
        }

        .SideBarPostItemBody h4:after {
            position: absolute;
            content: '';
            right: 0;
            bottom: -3px;
            height: 18px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

    .SideBarPostItemBody h5 {
        font-size: 10px;
        color: #00aaff;
        line-height: 1;
        font-family: 'latoxregular';
        text-transform: uppercase;
    }

        .SideBarPostItemBody h5 a {
            color: #00aaff;
        }

.poemInfoBtn {
    padding: 18px 0px 18px 32px;
    background: #fff;
    position: relative;
    text-align: left;
    margin-left: -16px;
    margin-right: -16px;
    /*margin-top: -24px;
    margin-bottom: 24px;*/
    /*z-index: 99999;*/
}

    .poemInfoBtn h6 {
        font-size: 9px;
        font-family: 'latoxregular';
        color: #000000;
        line-height: 1;
        text-transform: uppercase;
        border-bottom: 1px solid #000000;
        display: inline-block;
    }

    .poemInfoBtn:before {
        position: absolute;
        left: 16px;
        top: 24px;
        height: 8px;
        width: 8px;
        background: #eb0046;
        border-radius: 50%;
        content: '';
    }

/*spinner start*/
.spinner1 {
    animation: rotator 2.5s linear infinite;
    position: absolute;
    left: 0;
    z-index: 99;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.screenLoader {
    animation: rotator 2.5s linear infinite;
    position: fixed;
    left: 50%;
    margin-left: -25px;
    top: 50%;
    margin-top: -25px;
    z-index:1;
}

@keyframes rotator {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.path {
    stroke-dasharray: 200;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dash 2.5s ease-in-out infinite, colors 10s ease-in-out infinite;
}
.indEbkLdr .path {
    animation: dash 2.5s ease-in-out infinite, colorsEbkLdr 10s ease-in-out infinite;
}

.screenLoader .path {
    stroke-dasharray: 200;
    stroke-dashoffset: 0;
    transform-origin: center;
    animation: dashLoader 2.5s ease-in-out infinite, colorsLoader 10s ease-in-out infinite;
}

@keyframes colorsLoader {
    0% {
        stroke: #00aaff;
    }

    25% {
        stroke: #00aaff;
    }

    50% {
        stroke: #00aaff;
    }

    75% {
        stroke: #00aaff;
    }

    100% {
        stroke: #00aaff;
    }
}

@keyframes dashLoader {
    0% {
        stroke-dashoffset: 200;
    }

    50% {
        stroke-dashoffset: 50;
        transform: rotate(180deg);
    }

    100% {
        stroke-dashoffset: 200;
        transform: rotate(720deg);
    }
}

@keyframes colors {
    0% {
        stroke: #ffffff;
    }

    25% {
        stroke: #ffffff;
    }

    50% {
        stroke: #ffffff;
    }

    75% {
        stroke: #ffffff;
    }

    100% {
        stroke: #ffffff;
    }
}

@keyframes colorsEbkLdr {
    0% {
        stroke: #00aaff;
    }

    25% {
        stroke: #00aaff;
    }

    50% {
        stroke: #00aaff;
    }

    75% {
        stroke: #00aaff;
    }

    100% {
        stroke: #00aaff;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 200;
    }

    50% {
        stroke-dashoffset: 50;
        transform: rotate(180deg);
    }

    100% {
        stroke-dashoffset: 200;
        transform: rotate(720deg);
    }
}

/*----- SideBar Css Rule Ends -----*/

.pMC .unPublished {
    position: relative;
}
/*
.pPCUP:before{
	content: '';
	left: -16px;
	top: 0;
	width: 4px;
	height: 100%;
	position: absolute;
	background: #eb0046;
}*/
.unpublishedStrip {
    display: none;
}

.pMC .unPublished .unpublishedStrip {
    display: block;
    position: absolute;
    background: #eb0046;
    width: 6px;
    height: 100%;
    left: -16px;
    top: 0;
    /*z-index: 99999;*/
}

    .pMC .unPublished .unpublishedStrip span {
        display: block;
        font-size: 9px;
        color: #cccccc;
        line-height: 1;
        letter-spacing: 3px;
        font-family: 'latoxbold';
        text-transform: uppercase;
        position: absolute;
        left: 17px;
        top: -8px;
    }

/*----- Poem Page Ends ------*/

/*----- ContentListing Page Starts -----*/

.contentListHeader {
    padding-top: 22px;
    padding-bottom: 1px;
    position: relative;
    margin-bottom: 38px;
}
.poetGhazalListing .contentListHeader {
    /*padding-top:0px;*/
}

.contentListHeader h2, .contentListHeader h1, .contentListHeader h3, .contentListHeader h1 p {
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
    font-size: 28px;
    /*font-size: 38px;*/
    line-height: 48px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.contentListHeader h1 {
    font-size: 38px;
}

.readBtnMargin .readMoreCmnt{
    padding-left:0;
}

.contentListHeader h3 {
    font-size: 24px;
    line-height: 1.3;
}
        .contentListHeader h2 strong,.contentListHeader h1 strong{
            font-family: 'oswaldbold';
            font-size: 96px;
            line-height: 1;
            color: #000000;
        }
.contentListHeader h2 {
    display: block;
    position:relative;
    overflow:hidden;
}
.contentListHeader.innerPageContent h2 {
    font-size:32px;
}
.contentListHeader h2:after {
    content: "";
    width: 64px;
    height: 100%;
    display: block;
    position: absolute;
    top: 0px;
    right: 0;
    background: -moz-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(linear,left top,right top,color-stop(0,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(0deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
    background: linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,1) 100%);
}
/*.contentListHeader h2 span, .contentListHeader h1 span {
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    display: block;
}*/

.contentListHeader p, .sherLandingHeader p, .contentShortDesc p, .ltflInfo p {
    font-size: 14px;
    line-height: 1.7;
    color: #4c4c4c;
    margin-bottom: 16px;
    text-align: justify;
}

.contentListHeader:after, .contentListHeader.poetPrflContentListingHeader .f14-tt:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 32px;
    height: 2px;
    background: #d9d9d9;
    content: '';
    /*display:none;*/
}
.rEbookSections .contentListHeader.contentListHeader:after {
    display: none;
}

.poetPrflContainer .contentListHeader {
    padding-top:0px;
    margin-bottom:0px;
}
.clnCntntListHeader, .poetDetailContainer.poetDtlCln {
    padding: 0px;
    margin-bottom:0px;
}
.poetDtlCln .contentListHeader:after, .clnCntntListHeader:after {
    display: none;
}

.collection-header ul li:after, .openingMenu li:after, .collection-header ul li.activeTab:after, .openingMenu li.openingMenu:after, .searchCategory li:after, .searchCategory li.activeTab:after {
    content: "";
    height: 2px;
    width: 0px;
    font-family: latolight;
    position: absolute;
    left: 50%;
    bottom: 0;
    background: #eb0045;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.collection-header ul li.activeTab:after, .openingMenu li.openingMenuActive:after, .searchCategory li.activeTab:after {
    width: 100%;
    left: 0;
}
.collection-header .listPopup ul li.activeTab a, .collection-header .listPopup ul li.activeTab span {
    color: #eb0045 !important;
}
.collection-header .listPopup ul li.activeTab:after {
    height:0px;
}

.collection-content {
    padding: 32px 0px;
    background: #fff;
    -moz-box-shadow: 0px 5px 10px rgba(0,0,0,.05);
    -webkit-box-shadow: 0px 5px 10px rgba(0,0,0,.05);
    box-shadow: 0px 5px 10px rgba(0,0,0,.05);
    min-height: 800px;
    margin-bottom: 96px;
}

.collection-header {
    padding: 0px 0px 48px;
    position:relative;
}

    .collection-header ul li, .openingMenu li, .searchCategory li {
        list-style: none;
        position: relative;
        display: inline-block;
        font-size: 14px;
        color: #b2b2b2;
        cursor: pointer;
        text-transform: uppercase;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        vertical-align:bottom;
    }
        .collection-header ul li a, .openingMenu li a, .searchCategory li a {
            display:block;
            padding: 21px 24px;
        }

        .collection-header ul li.activeTab {
            color: #000;
        }

.poetCollectionHeader ul li {
    margin-right: 64px;
}

.collection-header ul li span {
    font-size: 10px;
    color: #b2b2b2 !important;
    margin-left: 4px;
}

.collection-header ul li:hover {
    /*font-family: latoXbold;*/
    color: #000000;
}

.poetDetailContainer {
    padding: 16px 0px;
    display: table;
    width:100%;
}

    .poetDetailContainer .poetPrflImg {
        display: table-cell;
        width: 96px;
    }

    .poetDetailContainer img {
        max-width: 100%;
        border-radius: 50%;
        border: 6px solid rgba(255,255,255,0.3);
    }
.poetHdngSbhdng {
    background-color: #fffaed;
    padding: 16px 20px;
    border-left: 4px solid #ddb03b;
    margin-bottom: 32px;
    margin-top: 32px;
    position:relative;
}
    .poetHdngSbhdng:after {
        bottom:-24px;
    }
    .poetHdngSbhdng h4 {
        font-size: 18px;
        font-family: 'latoxbold','rozha_oneregular','ArefRuqa';
        color: #ddb03b;
    }
    .poetHdngSbhdng p {
        color: #4c4c4c;
        font-size:14px;
        line-height:24px;
        margin-top:18px;
    }

.poetDetail {
    padding-left: 14px;
    display: table-cell;
    vertical-align: middle;
}

    .poetDetail h2 {
        font-size: 24px;
        color: #000;
        line-height: 32px;
        text-transform: uppercase;
        font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
        margin-bottom: 12px;
    }
    .poetDetail .PtNmSs h2 {
        float: left;
        max-width: 132px;
    }
.PtSs {
    float: left;
    margin-left: 4px;
    position: relative;
    left: 12px;
}
    .PtSs a {
        display: inline-block;
        color: #ffffff;        
    }
        /*.poetDetail .PtNmSs h2
    }*/
    .PtSs a:nth-child(2) {
        margin-left:8px;
    }
.PtSs a i {
    font-size:36px;
}
    .PtSs .shareSocial.socialShareActive {
        left: -116px;
    }

    .poetDetail p {
        font-size: 12px;
        /*color: #808080;*/
        color: #ffffff;
    }

        .poetDetail p span {
            display: inline-block;
            position: relative;
            padding-left: 8px;
            /*padding-left: 32px;*/
            left: -8px;
            margin: 5px 0px;
        }
            .poetDetail p span i {
                position: absolute;
                left: 0;
                top: -10px;
                color: #b2b2b2;
                display:none;
            }
    .poetDetail .poetDate {
        font-family: 'latoxregular';
        direction:ltr;
    }
.poetDtlGetCln .poetDetail p {
    color:#fff;
}
.flwUnflw {
    margin-top:10px;
    display:none;
}
    .flwUnflw a {
        display: inline-block;
        color: #fff;
        font-size: 12px;
        padding: 14px 0px;
        border-radius: 50px;
        letter-spacing: 1px;
        transition: all 0.2s;
        text-align:center;
        cursor:auto;
    }
        .flwUnflw a:first-child {
            background-color: #00aaff;
            padding: 12px 20px;
            cursor:pointer;
        }
        .flwUnflw a:first-child:hover {
            background-color: #0890d4;
        }
#id_follower {
    margin-left:16px;
}

    .poetDetailInner .poetPlace {
        /*color: #00aaff;*/
        left: -10px;
        padding-left:0px;
    }
.poetDetailInner .poetPlace a {
    display: inline-block;
    /*color: #808080;*/
    /*color: #00aaff;*/
    color:#ffffff;
}
    .poetDetailInner .poetPlace a:hover {
        display: inline-block;
        /*color: #808080;*/
        color: #00aaff;
    }
    /*.poetDetailInner .poetPlace a:hover {
        color: #00aaff;
    }*/
.poetPrflContainer .contentListHeader:after {
    display:none;
}

        .poetDetail p .placeSeparator {
            padding: 0px 8px;
            margin-left:0px;
        }

.EbookList {
    padding: 16px 0px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
}

    .EbookList img {
        margin-right: 12px;
        float: left;
    }

    .EbookList .eBookDetail .bookName {
        margin-bottom: 8px;
    }

    .EbookList .eBookDetail .bookWriter {
        font-size: 10px;
        text-transform: uppercase;
        margin-bottom: 16px;
    }

    .EbookList .eBookDetail .bookPublishDate {
        font-size: 9px;
        color: #808080;
    }

    .EbookList .eBookDetail p {
        font-size: 14px;
    }

.contentListItems {
    /*padding: 16px 0 16px 40px;*/
    padding: 16px 0 16px 44px;
    border-bottom: 1px solid #f2f2f2;
    position: relative;
    text-align:left;
    /*cursor:pointer;*/
}
.contentListItemsPlay {
    background-color: #fcfcfc;
}
.contentListItems:hover h5 a {
    color: #00aaff;
}

.contentListItems h3 {
    font-size: 14px;
    color: #000000;
    line-height: 16px;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagaribold';
    margin-bottom: 6px;
    max-width: 76%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    unicode-bidi: plaintext;
}
.contentListItems.nwPoetListBody h3 {
    width:100%;
}
.contentListItems .noPoetSubTtl {
    margin-bottom: 0px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}
.listingPoetNazm {
    margin-top:8px;
}
.contentListItems h4, .listingPoetNazm a, .contentListItems .noPoetSubTtl {
    font-size: 14px;
    color: #000000;
    line-height: 14px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    margin-bottom: 8px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    max-width: 86%;
}
.contentListItems h4 {
    cursor:pointer;
}

.occasionContainer .contentListItems h4,
.rt_manageColumn .contentListItems h4 {
    cursor: auto;
}

.contentListItems h4:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 100%;
    width: 48px;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

    .contentListItems h5, .contentListItems h5 a, .listingPoetName a{
        font-size: 12px;
        color: #000000;
        line-height: 9px;
        display:inline-block;
    }
.listingPoetName {
    margin-top: 8px;
    display:inline-block;
}
.listingPoetName a {
    font-size:10px;
}
.poemPageContentBody.sourceActive:after {
    display:none;
}

.contentListItemsFavortite {
    position: absolute;
    left: 0;
    top: 28px;
    margin-top: -14px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #808080;
    cursor:pointer;
    /*color: #b2b2b2;*/
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
    background-repeat: no-repeat;
    background-position: -0px -320px;*/
}

    .contentListItemsFavortite.favoriteBook {
        right: 0;
        left: auto;
    }

.contentListItemsMedia {
    position: absolute;
    right: 8px;
    bottom: 10px;
    min-width:58px;
}

.contentListItemsMediaAudio, .contentListItemsMediaVideo, .contentListItemsEditorChoice, .contentListItemsPopularChoice, .contentListItemsYear {
    /*width: 12px;
    height: 12px;*/
    display: block;
    float: left;
    color: #808080;
    font-size: 32px;
    /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
    background-repeat: no-repeat;*/
    margin-left: 6px;
}
.contentListItemsMediaVideo {
    float:right;
}

.contentListItemsEditorChoice {
    color: #00aaff;
}

.contentListItemsPopularChoice {
    color: #ffb266;
}

/*.contentListItemsMediaAudio {
    width: 10px;
    background-position: -175px -335px;
}

.contentListItemsMediaVideo {
    width: 10px;
    background-position: -215px -335px;
}*/
.loadingScreen {
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999999;
    background: #fff;
    text-align: center;
    top: 0;
}

    .loadingScreen img {
        position: fixed;
        left: 50%;
        top: 50%;
        height: auto;
        width: 316px;
        margin-left: -158px;
        margin-top: -25px;
    }

.loadingScreenSvg {
    position: fixed;
    left: 50%;
    top: 50%;
    height: auto;
    width: 260px;
    margin-left: -130px;
    margin-top: -25px;
    display: block;
}


.pMC[data-roman=on], .pMW[data-roman=on] {
    visibility: hidden;
    opacity: 0;
    height: 0;
}

.pMC.showRoman[data-roman=on], .pMW.showRoman[data-roman=on] {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.pMC[data-roman=off], .pMW[data-roman=off] {
    visibility: visible;
    opacity: 1;
    height: auto;
}

.pMC.showRoman[data-roman=off], .pMW.showRoman[data-roman=off] {
    visibility: hidden;
    opacity: 0;
    height: 0;
}


/*----- ContentListing Page Ends -----*/

.headerTitleWithAuthor, .headermorePoemByAuthor {
    display: none;
}

.videoContainerHeader {
    display: none;
}



/*----- Dictionary Add Meaning ----*/
/*.dAMeaning input[type="text"]{
	height: 40px;
    width: 100%;
    margin: 0 0 10px;
    border: 0;
    font-size: 14px;
    color: #000000;
    background: transparent;
    border: 1px solid #808080;
    resize: none;
    padding: 0 10px;
    outline: none !important;
    box-sizing: border-box;
    font-family: 'latoxregular';
   }
{
    float: right;
    width: 50px;
    text-align: center;
    text-decoration: none;
    height: 40px;
    background: red;
    line-height: 40px;
    color: #fff;
    font-size: 28px;
}
   
.dASBtn,.dASCBtn,.dASABtn,.dASBtn{
	width: 180px;
    display: block;
    letter-spacing: 0.2px;
    text-transform: uppercase;
    height: 40px;
    border-radius: 3px;
    background-color: #00aaff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    border: 0;
    float: left;
}
.dASCBtn,.dASABtn,.dASBtn{
	line-height: 40px;
	text-decoration: none;
	float: right;
}
.dASBtn{
    float:left;
}
.dAMeaning{
	overflow: hidden;
	display: none;
}
.aMeaning .dAMeaning{
	display: block;
}
.aMeaning .dMLink{
	display: none;
}
.aMeaning .dContent p{
	display: none;
}
.dLoading .dContent,.dThanx .dContent,.dErr .dContent{
	display: none;
}
.dLoadW,.daThank,.daNError{
	display: none;
}
.dLoading .dLoadW{
	display: block;
	min-height: 180px;
	width: 100%;
	background: #fff;
}
.dASABtn{
	display: inline-block;
	width: auto;
	padding:0 20px;
	float: none;
}
.daThank p,.daNError p,.aMeaning .dContent .daThank p,.aMeaning .dContent .daNError p{
display: block;	
margin-bottom: 20px;
}
.daThank h2,.daNError h2{
	font-size: 20px;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.aMeaning .dContent p.aMLabel {
    display: block;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.daThank,.daNError{
	padding: 32px 24px;
	min-height: 180px;
	width: 100%;
	background: #fff;
}
.dThanx .daThank{
	display: block;
}
.dErr .daNError{
	display: block;
}*/

/*----- Inner Page Starts -----*/



/*----- About Page CSS -----*/
.aboutPage {
    padding-top: 74px;
}

    .aboutPage h2 {
        font-size: 20px;
        line-height: 1;
        color: #000000;
        text-transform: uppercase;
        font-family: latoblack;
        margin-bottom: 24px;
    }

    .aboutPage p {
        font-size: 16px;
        line-height: 32px;
        color: #000000;
        font-family: 'latoxregular';
        margin-bottom: 32px;
    }

        .aboutPage p a {
            color: #00aaff;
            text-decoration: none;
            border-bottom: 1px solid transparent;
        }

            .aboutPage p a:hover {
                border-bottom: 1px solid #00aaff;
            }

    .aboutPage blockquote {
        font-size: 16px;
        line-height: 32px;
        color: #000000;
        font-family: 'latoxitalic';
        margin-bottom: 32px;
        padding: 16px 20px;
        border-left: 2px solid #00aaff;
    }

.poemConversationSectionWrap {
    text-align: center;
    position: relative;
    padding-bottom: 58px;
    margin-bottom: 48px;
    display:none;
}

.KeepReadingPoemFirstSher .pMC .c p {
    margin: 0 !important;
}
/*.KeepReadingPoemFirstSher .pMC .c p span {
    font-size: 16px;
    line-height: 24px;
}*/



/*----- Inner Page Ends -----*/

body {
    /*background:url(https://www.rekhta.org/Content/Images/backImg/home.png) no-repeat -17px -137px;
    opacity:0.7;*/
}

.rfOther .pMC .c p {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    font-family: 'merriweather_extendedLtIt','NotoDevanagari','NotoNastaliqUrdu';
    line-height: 36px;
    font-size:20px;
}
    .rfOther .pMC .c p br {
        content: "";
        margin: 2em;
        display: block;
        font-size: 24%;
    }

/*.rfOther .pMC.hTc .c p strong {
    font-weight:bold;
}*/

.pMC.hTc .c p strong {
    font-weight: bold;
}

/*.rfOther .pMC.hTc .c p em {
    font-style:italic;
}*/

.pMC.hTc .c p em {
    font-style: italic;
}

/*.rfOther .pMC .w {
    margin-bottom: 16px;
}*/


.sectionShayari {
    padding-top: 20px;
}

.shayariContainer h2 {
    font-family: 'merriweatherheavy';
    font-size: 20px;
    line-height: 36px;
    color: #1a1a1a;
    letter-spacing: 0px;
    max-height: 72px;
    position: relative;
    overflow: hidden;
    margin-bottom: 14px;
}

.shayariContainer li {
    width: 90%;
    margin: 0 auto 20px;
}

    .shayariContainer li a {
        width: 100%;
        display: block;
    }

.shayariContainer .categoryBox img {
    width: 100%;
    display: block;
    height: auto;
    margin-bottom: 10px;
}

.shayariContainer .categoryBox p {
    font-size: 14px;
    color: #010101;
    line-height: 1.2;
    font-family: 'latoxregular';
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-align: center;
}

.shayariContainer .seeMore {
    font-family: 'latoxbold';
    font-size: 14px;
    color: #00aaff;
    border-bottom: 1px solid #00aaff;
    text-transform: uppercase;
    display: block;
    width: 68px;
    text-align: center;
    margin: 0 auto 30px;
}

    .shayariContainer .seeMore:hover {
        border-bottom: 1px solid transparent;
    }

.formVisibilty {
    display: none;
}

#frmWriteToUs.formVisibilty {
    display: block;
    opacity: 0;
}

#WritUsSuccesss h2 {
    font-size: 22px;
    color: #1a1a1a;
    line-height: 1.2;
}

/*.userMenuDetailsWrap {
    visibility: visible;
    opacity: 1;
    width: auto;
    height: auto;
    pointer-events: all;
}*/

.userMenu.userMenuDetailsWrap {
    opacity: 1;
    pointer-events:all;
}

/*  Home Page Css For Share Social Media */

.shareSocial {
    box-sizing:border-box;
    visibility: hidden;
    padding: 12px 8px;
    position: absolute;
    width: 0;
    height: 64px;
    overflow: hidden;
    pointer-events: none;
    left: 0;
    top: 0;
    right: 0;
    margin: auto;
    opacity: 0;
    z-index: 1;
    background: #fff;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
    box-shadow: 0px 8px 8px rgba(0, 0, 0, 0.05);
}

.sherSection .shareSocial {
    top: -48px;
}

.shareButtonSection {
    position: relative;
}

.buttonBlueShareAnim {
    width: 0;
}

.shareSocial ul {
    min-width: 136px;
    /*min-width: 176px;*/
}

.shareSocial.socialShareActive {
    width: 186px;
    /*width: 226px;*/
    left: -68px;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    padding-left:0px;
    /*-moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;*/
}
.shyriImgBox .shareSocial.socialShareActive {
    padding-left:8px;
}
.sortShrFavContainer .shareSocial.socialShareActive {
    left: -98px;
}
.containTags .shareSocial.socialShareActive {
    left:-32px;
}

.shareButtonSection .shareSocial.socialShareActive {
    left: 0px;
}

.shareSocial ul li {
    list-style: none;
    display: inline-block;
    margin-right: 0 !important;
}
.shareSocial.pinSocial[data-pinterest=true] ul .sharePinterest {
    display: none;
}

    .shareSocial ul li.shareClose {
        float: right;
        border-left: 1px solid #f2f2f2;
        padding-left: 8px;
        width: 40px;
        height: 40px;
        cursor: pointer;
        font-size:28px;
        /*background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
        background-repeat: no-repeat;
        background-position: -172px -512px;*/
        color: #808080;
        line-height: 40px;
        box-sizing:border-box;
    }

    .shareSocial ul li a {
        width: 40px;
        height: 40px;
        display: block;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        line-height: 40px;
        color: #808080;
        text-align:center;
    }
.cpltSlideContainer .t20SrsCrdSocial .shareSocial {
    left: 0px;
    top: -24px;
    right: auto;
}
.cpltSlideContainer .shareSocial.socialShareActive {
    width: 132px;
    /*width: 156px;*/
    height: 48px;
}
.cpltSlideContainer .shareSocial ul li a, .cpltSlideContainer .shareSocial ul li.shareClose {
    width: 24px;
    height: 24px;
    line-height: 24px;
    font-size: 28px;
}
.cpltSlideContainer .shareSocial ul li.shareClose {
    padding-left:4px;
}
.cpltSlideContainer .shareSocial ul {
    min-width: 100px;
    /*min-width: 124px;*/
}

    /*.shareSocial ul li.shareFacebook a {
        background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
        background-repeat: no-repeat;
        background-position: -3px -468px;
    }*/

    .shareSocial ul li.shareFacebook a:hover {
        color: #3b5998;
    }

    /*.shareSocial ul li.shareTwitter a {
        background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
        background-repeat: no-repeat;
        background-position: -46px -468px;
    }*/

    .shareSocial ul li.shareTwitter a:hover {
        color: #1da1f2;
    }

    /*.shareSocial ul li.shareGplus a {
        background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
        background-repeat: no-repeat;
        background-position: -89px -468px;
    }*/

    .shareSocial ul li.shareGplus a:hover {
        color: #dd4b39;
    }

    .shareSocial ul li.shareWhatsap, .socialRecomm li.shareWhatsap {
        display: inline-block;
    }

        /*.shareSocial ul li.shareWhatsap a {
            background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/Icon_sprite.png);
            background-repeat: no-repeat;
            background-position: -174px -468px;
        }*/

        .shareSocial ul li.shareWhatsap a:hover {
            color: #0ecb63;
        }
    .shareSocial ul li.sharePinterest a:hover {
        color: #bd081c;
    }

/*.sharevideoBox:hover .shareVideoIcon {
    color: #fff;
}*/
/*.sherWord .sharevideoBox:hover .shareVideoIcon {
    background: url("../Content/Images/NewHome/Icon-Share.png")no-repeat center;
}*/

/*.sharevideoBox {
    position: relative;
    width: 64px;
    margin: auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}*/

    .sharevideoBox .sharebtnAnim {
        display: block;
        width: 0px;
        height: 0px;
        position: absolute;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-transition: all 0.2s;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        border-radius: 50%;
        top: 50%;
        left: 50%;
        background: #00aaff;
    }


/* End Home Page Share Social Media */

.favMessage {
    background: rgba(0,0,0,0.6);
    width: auto;
    max-width: 326px;
    position: fixed;
    visibility: hidden;
    opacity: 0;
    bottom: 0px;
    /*padding: 16px;*/
    left: 0;
    right: 0;
    margin: auto;
    transition: all 0.4s;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    /*transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);*/
    z-index: 999999999;
    border-radius: 50px;
    /*min-width: 320px;*/
}

    .favMessage p {
        font-size: 18px;
        font-family: 'latoxregular';
        line-height: 1.2;
        color: #fff;
        display: none;
        padding: 16px 32px;
        text-align:left;
    }

.favMessageAddedShow, .favMessageRemovedShow {
    visibility: visible;
    opacity: 1;
    bottom: 50%;
}

    .favMessageAddedShow .added {
        display: block;
    }

    .favMessageRemovedShow .removed {
        display: block;
    }

.newsLetterPopup {
    position: fixed;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    max-width: 90%;
    width: 700px;
    display: none;
    margin: 0 auto;
    background: #fff;
    padding: 32px;
    border-radius: 6px;
    z-index: 9999;
    max-height: 467px;
}

    .newsLetterPopup .newsletterLayout {
        padding: 0 !important;
    }

.archivesWrap {
    padding: 40px 0;
    text-align: center;
}

    .archivesWrap h4 {
        font-size: 18px;
        font-family: 'latoxregular';
        float: left;
        margin-right: 10px;
        line-height: 30px;
        display:none;
    }

.acrhivesDateFilter, .acrhivesAllTypeFilter, .nextPreBtn {
    /*margin-right: 20px;*/
    margin-right: 4px;
    float:left;
    vertical-align: middle;
}
.acrhivesDateFilter, .acrhivesAllTypeFilter {
    width:118px;
}
    .acrhivesDateFilter input, .acrhivesAllTypeFilter select {
        width: 100%;
        height: 40px;
        padding: 0px 0px 0px 4px;
    }

    .nextPreBtn a {
        max-width: 320px;
        display: block;
        width: auto;
        margin: 0 0px 0 0;
        padding: 0;
        letter-spacing: .2px;
        text-transform: uppercase;
        height: 40px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
        background-color: #00aaff;
        color: #fff;
        font-size: 14px;
        text-align: center;
        cursor: pointer;
        border: 0;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        float: left;
        line-height: 40px;
        min-width: 40px;
    }

        .nextPreBtn a:hover {
            opacity: 0.7;
        }
        .nextPreBtn a i {
            position:relative;
            top:4px;
        }
    .nextPreBtn a span{
        display:none;
    }
.archNext {
    margin-right:0px;
}
/*.nextPreBtn{
        position: relative;
    top: -5px;
    }*/

/* media query for slider */

.spreadWordSocial .pull-left {
    display: inline-block;
    float: none !important;
    margin-right: 8px;
}

.spreadWordSocial .fb-like span {
    height: 22px !important;
}

.worldWoffle {
    width: 100%;
    height: auto;
    /* background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/woffle.png); */
    /*background-repeat: no-repeat;
    background-position: center;*/
    margin-top: 5px;
    cursor: pointer;
    position: relative;
    float: none;
    margin-left: 0;
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding: 0 12px;
    box-sizing: border-box;
    text-align: center;
    line-height: 32px;
    color: #cccccc;
}

.mobileLayout .worldWoffle:before {
    display: none;
}
/*.worldWoffle:after {
        content: '';
        width: 32px;
        height: 32px;
        background-image: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/icon_sprite.png);
        background-repeat: no-repeat;
        background-position: -408px -359px;
        right: 0px;
        top: 50%;
        margin-top: -16px;
        position: absolute;
    }*/

.worldWoffle:after {
    font-family: 'rIcons' !important;
    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;
    font-size: 32px;
    content: '\e934';
    color: #fff;
    right: 0px;
    top: 50%;
    margin-top: -16px;
    position: absolute;
}

.woffleMenu {
    display: block;
    width: 100%;
    right: 0;
    top: 72px;
    position: static;
    z-index: 9;
    background: none;
    padding: 0 0px;
    border-radius: 2px;
    -moz-transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -moz-box-shadow: 0px 6px 6px rgba(0,0,0,.3);
    -webkit-box-shadow: 0px 6px 6px rgba(0,0,0,.3);
    box-shadow: none;
    box-sizing: border-box;
}

.langUserContainer .woffleMenuInner li, .woffleMenuMobileDevice .woffleMenuInner li {
    width: 100%;
}

.woffleMenu ul li a {
    display: block;
}

.woffleMenu .appButton {
    width: 100%;
    padding: 16px 0px;
    /*border-bottom: 1px solid #f2f2f2;*/
    cursor: pointer;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    position:relative;
    text-align:left;
}
    .woffleMenu .appButton .appIcon {
        width: 48px;
        height: 48px;
        line-height: 48px;
        font-size: 38px;
        border-radius: 4px;
        background-color: #e40046;
        color: #fff;
        text-align:center;
    }
        .woffleMenu .appButton .appIcon.rekhtaDnt {
            background-color: #262626;
            color: #fff;
        }
        .woffleMenu .appButton .appIcon.rekhtaAmz {
            background: -moz-linear-gradient(320deg, rgba(255,190,108,1) 0%, rgba(254,167,218,1) 100%); /* ff3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(255,190,108,1)), color-stop(100%, rgba(254,167,218,1))); /* safari4+,chrome */
            background: -webkit-linear-gradient(320deg, rgba(255,190,108,1) 0%, rgba(254,167,218,1) 100%); /* safari5.1+,chrome10+ */
            background: -o-linear-gradient(320deg, rgba(255,190,108,1) 0%, rgba(254,167,218,1) 100%); /* opera 11.10+ */
            background: -ms-linear-gradient(320deg, rgba(255,190,108,1) 0%, rgba(254,167,218,1) 100%); /* ie10+ */
            background: linear-gradient(130deg, rgba(255,190,108,1) 0%, rgba(254,167,218,1) 100%); /* w3c */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbe6c', endColorstr='#fea7da',GradientType=1 ); /* ie6-9 */
        }

        .woffleMenu .appButton .appIcon.rekhtaSfn {
            background: -moz-linear-gradient(320deg, rgba(254,239,209,1) 0%, rgba(248,213,250,1) 100%); /* ff3.6+ */
            background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(254,239,209,1)), color-stop(100%, rgba(248,213,250,1))); /* safari4+,chrome */
            background: -webkit-linear-gradient(320deg, rgba(254,239,209,1) 0%, rgba(248,213,250,1) 100%); /* safari5.1+,chrome10+ */
            background: -o-linear-gradient(320deg, rgba(254,239,209,1) 0%, rgba(248,213,250,1) 100%); /* opera 11.10+ */
            background: -ms-linear-gradient(320deg, rgba(254,239,209,1) 0%, rgba(248,213,250,1) 100%); /* ie10+ */
            background: linear-gradient(130deg, rgba(254,239,209,1) 0%, rgba(248,213,250,1) 100%); /* w3c */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feefd1', endColorstr='#f8d5fa',GradientType=1 ); /* ie6-9 */
            color: #000;
        }

    .woffleMenu .appButton img, .woffleMenu .appButton .appIcon {
        position: absolute;
        left: 0;
    }

    .woffleMenu .appButton .appText {
        padding-left: 63px;
        display: inline-block;
        vertical-align: middle;
        min-height:44px;
    }

        .woffleMenu .appButton .appText p {
            margin: 0px;
            color: #fff;
            font-size: 12px;
        }

            .woffleMenu .appButton .appText p span {
                color: #fff;
                border: none;
            }

        .woffleMenu .appButton .appText .appName {
            font-family: latoXbold;
            text-transform: uppercase;
            margin-bottom: 8px;
            position: relative;
            text-align: left;
        }

        .woffleMenu .appButton .appText .appDiscription {
            font-family: 'latoxregular';
            text-align: left;
        }

    .woffleMenu .appButton:hover {
        /*background: #fafafa;*/
    }

.woffleMenu:before {
    bottom: 100%;
    left: 86%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 225, 255, 0);
    border-bottom-color: #fff;
    border-width: 12px;
    display: none;
}

.searchField .searchBtn {
    position: absolute;
    right: 0;
    background: #d4d4d4;
    display: inline-block;
    width: 24px;
    height: 24px;
    top: 68%;
    margin-top: -20px;
    z-index: 9;
    border-radius: 30px;
    color: #fff;
    line-height: 24px;
    font-size: 24px;
    opacity: 1;
    pointer-events:none;
    text-align:center;
}
.searchField .searchBtn:before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.searchField .voiceSearchIcon {
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
    font-size: 32px;
    color: #ababab;
    cursor: pointer;
}
.searchFiledInner .searchField .voiceSearchIcon {
    top:10px;
}
.searchField .voiceSearchIcon:hover {
    color:#4c4c4c;
}
    .searchField .voiceSearchIcon.voiceActive {
        color: #00aaff;
    }

.searchField.searchIcon .searchBtn {
    opacity: 1;
    background: #ff005e;
    pointer-events: all;
}

.searchField.searchIcon input {
    /*background: url(https://rekhtastaticcdn.pc.cdn.bitgravity.com/images/SearchActive.png) no-repeat right;
    background-size: 24px 24px;*/
    padding-right: 43px;
}

.poemPageContentBody .button_rekhta.button_rekhta, .availBtn {
    display: inline-block;
    width: auto;
    margin: 20px 10px;
    padding: 10px 20px;
    letter-spacing: 0px;
    text-transform: uppercase;
    line-height: 1.5;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #00aaff;
    color: #fff;
    font-size: 12px;
    text-align: center;
    cursor: pointer;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 14px;
    /*min-width: 130px;*/
    min-width: 124px;
}




/*.videoList{
    position:relative;
}
.videoList:after{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:50px;
    content:'';
    background:red;
}*/

.crtiqueModeSection.critiqueModeAnim, .rCrtiqueModeSection.rCritiqueModeAnim {
    height: 72px;
    animation: 0.4s cubic-bezier(.4,.75,.5,1) critiqueSectionAnim;
    -webkit-animation: 0.4s cubic-bezier(.4,.75,.5,1) critiqueSectionAnim;
    -moz-animation: 0.4s cubic-bezier(.4,.75,.5,1) critiqueSectionAnim;
    -o-animation: 0.4s cubic-bezier(.4,.75,.5,1) critiqueSectionAnim;
    -ms-animation: 0.4s cubic-bezier(.4,.75,.5,1) critiqueSectionAnim;
    /*-webkit-animation-name: critiqueSectionAnim;
            -webkit-animation-duration: 0.4s;
            -webkit-animation-timing-function: linear;*/
    max-width: 100%;
    top: 100%;
    margin-top: -128px;
    transform: translateX(0px);
}
.rCrtiqueModeSection.rCritiqueModeAnim {
    margin-top: -72px;
}

@-webkit-keyframes critiqueSectionAnim {
    0% {
        max-width: 100%;
        top: 50%;
        transform: translateX(-158px);
    }


    100% {
        max-width: 100%;
        top: 100%;
        transform: translateX(0px);
    }
}

@keyframes critiqueSectionAnim {
    0% {
        max-width: 592px;
        top: 50%;
    }


    100% {
        max-width: 100%;
        top: 100%;
    }
}







/*--------- JER Live Streaming Starts ---------*/
.jerLiveStreamingImg {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    background: #fafafa;
    left: 0;
    top: 0;
}

.jerLiveStreaming {
    position: relative;
}

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

.jerLivevideoContainer {
    position: relative;
    padding-bottom: 49%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 0px;
}

    .jerLivevideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 10px;
    }

.jerLivePlayBtn {
    background: url(../../rekhta.org/Content/3.5/Images/jerLiveBg.jpg) no-repeat -33px 0;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-size: cover;
}



.counter-group {
    display: inline-block;
}

.counter-block {
    float: left;
    margin-right: 20px;
}

    .counter-block .counter {
        position: relative;
        width: 210px;
        height: 130px;
        overflow: hidden;
    }


    .counter-block .counter-caption {
        font-size: 150%;
        margin-top: 10px;
    }

.videoComingSoonTimer {
    position: absolute;
    left: 0;
    bottom: 20px;
    right: 0;
    margin: 0 auto;
}

.counter-group {
    display: inline-block;
}

    .counter-group:before,
    .counter-group:after {
        content: " ";
        display: table;
    }

    .counter-group:after {
        clear: both;
    }

.counter-block {
    float: left;
    margin: 0 10px;
}

.videoComingSoonTimer .counter-block:first-child {
    display: none;
}

.counter-block .counter {
    position: relative;
    width: 210px;
    height: 130px;
    overflow: hidden;
}

    .counter-block .counter .number {
        padding: 2%;
        width: 48%;
        height: 100%;
        background-color: #fefefe;
        color: #333333;
        position: absolute;
        font-size: 100px;
        line-height: 130px;
        top: -10000px;
    }

        .counter-block .counter .number.tens {
            left: 0;
        }

        .counter-block .counter .number.units {
            left: 50%;
        }

        .counter-block .counter .number.hundreds {
            display: none;
        }

        .counter-block .counter .number.show {
            top: 0;
            z-index: 2;
        }

        .counter-block .counter .number.hidden-down {
            top: 100%;
        }

        .counter-block .counter .number.hidden-up {
            top: -100%;
            z-index: 100;
        }

    .counter-block .counter.with-hundreds {
        width: 300px;
    }

        .counter-block .counter.with-hundreds .number {
            width: 30.66%;
        }

            .counter-block .counter.with-hundreds .number.tens {
                left: 33.33%;
            }

            .counter-block .counter.with-hundreds .number.units {
                left: 66.66%;
            }

            .counter-block .counter.with-hundreds .number.hundreds {
                display: block;
                left: 0;
            }

.counter-block .counter-caption {
    font-size: 150%;
    margin-top: 10px;
    text-transform: uppercase;
    color: #fff;
}

/*--- Search Page Starts ---*/
.srchSeeAll {
    position: absolute;
    right: 12px;
    top: 16px;
    color: #00aaff;
    font-size: 14px;
}
.searchMorePoet, .dictionaryMatch, .searchEbookMatchCards {
    position: relative;
}
.dictionaryMatch, .poetSearchMatches, .featuredSherSearch, .searchDirectMatch, .ebookSearchMatches, .searchCollectionsCards, .searchPageMatchCards, .searchEbookMatchCards, .searchMorePoet, .searchShayariImg, .genricMatchList, .searchMoreVideo {
    padding: 16px 8px;
    /*padding: 16px 0px;*/
    box-sizing: border-box;
    background-color: #fafafa;
}
.dictionaryMatch {
    padding: 16px 0px;
    background:#fff;
}
.dictionaryMatch .rDictionary {
    background: #fff;
    border:0px;
    box-shadow:none;
    padding:0 0 24px 0px
}
    .dictionaryMatch .rDictionary .rekhtaDicSrchWord,
    .rekhtaDic .rekhtaDicSrchWord {
        padding: 16px 16px;
        background: #fafafa;
        border: 1px solid #F2F2F2;
        border-radius: 10px;
        max-height:135px;
        overflow:hidden;
        margin-bottom:20px;
    }
.dictionaryMatch h2, .poetSearchMatches h2, .featuredSherSearch h2, .searchCollectionsCards h2, .searchPageMatchCards h2, .searchEbookMatchCards h2, .searchMorePoet h2, .searchShayariImg h2, .genricMatchList h2, .searchMoreVideo h2, .searchPoetsListingSection h2 {
    font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
    color: #000;
    text-transform: uppercase;
    font-size: 14px;
    margin-bottom: 16px;
    padding: 0 16px;
}

        .genricMatchList h2 span, .searchEbookMatchCards h2 span {
            color: #00aaff;
            /*font-family: 'latoblack';*/
            text-transform: none;
        }

    .genricMatchList h2 {
        /*margin-bottom: 12px;*/
        margin-bottom: 30px;
        padding: 0 72px 0 16px;
        line-height: 16px;
    }

    .genricMatchList h4 {
        margin-bottom: 8px;
        font-size: 12px;
        color: #4c4c4c;
        font-family: 'latoxregular';
        padding: 0 16px;
    }

.rDictionary, .fSSContent, .searchCollectionsCardList, .sPMCardList, .sEMCardList, .morePoetSlider, .moreVideoSlider {
    padding: 24px 16px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
}
/*.ebookInner.srchEbook .bx-viewport {
    min-height:323px;
}*/
.sEMCardList {
    box-shadow: none;
    border:none;
}
.sEMCard {
    box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
    max-width:160px;
    padding:8px;
}

.rDictionary h3 {
    font-size: 10px;
    font-family: 'latoxregular';
    color: #00aaff;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 24px;
    padding: 0 8px;
}
.dictionaryMatch .rDictionary .rekhtaDicSrchWord,
.dsearchContainer .rekhtaDic .rekhtaDicSrchWord {
    margin-bottom: 0px;
}

.rDictionaryCtnMeaning {
    float: left;
}

.rDictionaryCtnMedia {
    float: right;
}

.rDictionaryCtnMeaning h4 {
    font-size: 24px;
    color: #000000;
    font-family: 'latoxbold_italic';
    margin-bottom: 16px;
}

    .rDictionaryCtnMeaning h4 span {
        font-size: 14px;
        color: #b2b2b2;
        font-family: courierNewBold;
        margin-left: 8px;
    }

.rDictionaryCtnMeaning h5 {
    font-size: 16px;
    color: #262626;
    font-family: 'NotoDevanagari';
    line-height: 2;
}

    .rDictionaryCtnMeaning h5 span {
        font-size: 14px;
        color: #262626;
        font-family: 'NotoNastaliqUrdu';
        margin-left: 8px;
        padding-left: 8px;
        background: url(../images/dot-sep.png) no-repeat left center;
        display: inline-block;
        vertical-align: middle;
    }

.rDictionaryCtnMedia a {
    color: #00aaff;
}
.rDictionaryCtnMedia a:hover {
    color: #008ad0;
}
.rDictionaryMeaningDesc {
    margin-bottom:24px;
}
.pDictionaryMeaningDesc, .physicalMDesc, .searchPoetDesc p {
    font-size: 14px;
    color: #262626;
    font-family: 'latoxregular';
    line-height: 1.5;
    margin-top: 24px;
    /*-webkit-hyphens: manual;
    -ms-hyphens: manual;
    hyphens: manual;
    -ms-word-break: break-all;
    word-break: break-all;*/
}

.dictionarySearchPage .container {
    /*padding: 0px 8px;*/
    padding: 0px 0px;
}

.plattDictionary {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #f2f2f2;
}

.physicalDictionary {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid #f2f2f2;
}

.fadeBox {
    position: relative;
}

.pDictionaryMeaningDesc, .searchPoetDesc p {
    font-family: 'latoxregular','NotoNaskhArabic-Bold';
    height: 64px;
    overflow: hidden;
}

.searchPoetDesc p {
    height: 110px;
    margin-top: 16px;
    padding-bottom: 16px;
}

.physicalMDesc a {
    color: #00aaff;
}
.searchPoetsListingSection {
    padding:24px 0;
}
    .searchPoetsListingSection .searchPoetsListingWrap {
        display: -webkit-flex;
        display: flex;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
searchPoetsListingWrap {
    display: flex;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.searchPoetsList {
    /*padding: 12px;*/
    box-sizing: border-box;
    /*border: 1px solid #f2f2f2;
    box-shadow: 0px 7px 30px -12px rgba(0,0,0,.3);*/
    margin-bottom: 24px;
    width: calc(50% - 6px);
    float: left;
    margin-left: 12px;
    position: relative;
}
.searchPoetsList:nth-child(2n+1) {
    margin-left:0;
}
    .searchPoetsList a {
        display: block;
        color:#000;
    }
    .searchPoetsList span {
        display: block;
        font-size: 16px;
        color: #000000;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        margin-top: 8px;
        line-height: 1.2;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        position: absolute;
        bottom: 12px;
        max-width: calc(100% - 24px);
    }
.searchPoetsList img{
    width:100%;
    height:auto;
    border-radius:4px;
}

.fadeBox:before {
    position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    height: 22px;
    width: 100%;
    background: rgba(255,255,255,0.02);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.02)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.dbtn {
    display: block;
    height: 48px;
    line-height: 48px;
    color: #00aaff;
    font-size: 12px;
    font-family: 'latoxbold';
    text-transform: uppercase;
    text-align: center;
}

.diciList li {
    font-size: 14px;
    color: #00aaff;
    font-family: 'latoxregular';
    line-height: 1.2;
    padding: 22px 0;
}

.diciList li {
    border-top: 1px solid #f2f2f2;
}

    .diciList li:first-child {
        border-top: none;
    }

    .diciList li > span {
        font-size: 10px;
        color: #808080;
        font-family: 'latoxregular';
        line-height: 1.2;
        float: right;
        display: block;
        vertical-align: middle;
        text-transform: uppercase;
    }

        .diciList li > span span {
            font-size: 12px;
            color: #262626;
            font-family: 'latoxbold';
            line-height: 1.2;
            float: right;
            display: block;
            vertical-align: middle;
            text-transform: none;
            min-width: 72px;
            text-align: right;
        }

/*.moreMatches {
    border-top: 1px solid #f2f2f2;
    padding-top:38px;
    position:relative;
    padding-bottom:16px;
    margin-top:28px;
}*/
.moreMatches a {
    border-top: 1px solid #f2f2f2;
    padding-top: 38px;
    position: relative;
    padding-bottom: 16px;
    margin-top: 28px;
    display: block;
}

.moreMatches p {
    font-size: 14px;
    color: #4c4c4c;
    font-family: 'latoxregular';
    line-height: 1.2;
    text-align: center;
}
    /*.moreMatches p a {
        color: #00aaff;
    }*/
    .moreMatches p span {
        color: #00aaff;
    }

.moreMatchesBtn {
    color: #00aaff;
    position: absolute;
    left: 50%;
    top: 0;
    width: 48px;
    height: 48px;
    text-align: center;
    line-height: 48px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    margin-left: -24px;
    margin-top: -24px;
    background: #fff;
    box-shadow: 0px 3px 8px -3px rgba(0,0,0,0.5);
}

.searchPoetInfo, .searchEbookInfo {
    padding: 24px 16px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 0px 0px 3px 3px;
}

.sPIProfilePic {
    width: 100%;
    height: auto;
    display: block;
    max-width: 100%;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
    border-radius: 3px;
}

.searchPoetTitle h3, .searchEbookTitle h3 {
    font-size: 16px;
    color: #000000;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'latoxbold';
    float: left;
}

    .searchPoetTitle h3 span, .searchEbookTitle h3 span {
        font-size: 12px;
        color: #000000;
        line-height: 1.2;
        text-transform: none;
        font-family: 'latoxregular';
        margin-top: 12px;
        display: block;
    }

.searchPoetShare, .searchEbookShare {
    float: right;
    width: 48px;
    height: 48px;
    text-align: center;
    cursor: pointer;
    position: relative;
}

    .searchPoetShare span, .searchEbookShare span {
        line-height: 48px;
        color: #4c4c4c;
    }

    .searchPoetShare .shareSocial, .searchPoetShare .shareSocial.socialShareActive, .searchEbookShare .shareSocial, .searchEbookShare .shareSocial.socialShareActive {
        right: 0;
        left: auto;
        top: -14px;
    }

.searchPoetDate {
    padding-top: 28px;
    margin-bottom: 24px;
}

    .searchPoetDate p {
        font-size: 12px;
        color: #010101;
        font-family: 'latoxregular';
        line-height: 1.2;
        margin-bottom: 8px;
    }

    .searchPoetDate span {
        font-size: 12px;
        color: #010101;
        font-family: 'latoxbold';
        line-height: 1.2;
    }

.searchPoetDesc {
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.searchPoetContent {
    padding-top: 32px;
    border-bottom: 1px solid #f2f2f2;
}

.searchPoetContentRare {
    padding-top: 32px;
}

.searchPoetPopularSher {
    padding-top: 32px;
}

    .searchPoetContent h4, .searchPoetContentRare h4, .searchPoetPopularSher h4 {
        margin-bottom: 12px;
        line-height: 1.2;
        color: #000000;
        font-size: 14px;
        font-family: 'latoxbold';
        text-transform: uppercase;
    }

.searchPoetContent li {
    float: left;
    width: calc(50% - 16px);
    border-top: 1px solid #f2f2f2;
}

.searchPoetContentRare li {
    border-top: 1px solid #f2f2f2;
}

    .searchPoetContentRare li:first-child {
        border-top: none;
    }

    .searchPoetContent li a, .searchPoetContentRare li a {
        padding: 20px 0;
        line-height: 1.2;
        color: #00aaff;
        font-size: 12px;
        font-family: 'latoxbold';
        display: block;
        text-transform: uppercase;
    }

        .searchPoetContent li a span, .searchPoetContentRare li a span {
            float: right;
            color: #808080;
            font-family: 'latoxregular';
            display: block;
        }

.searchPoetContent li:nth-child(2n+1) {
    margin-right: 32px;
}

.searchPoetContent li:nth-child(1), .searchPoetContent li:nth-child(2) {
    border-top: none;
}

.searchPoetContent ul {
    height: 220px;
    padding-bottom: 8px;
}

.searchPoetContent .fadeBox:before {
    height: 54px;
}

.searchPoetPopularSher h4 {
    margin-bottom: 32px;
}

.fssPoet {
    color: #000000;
    font-size: 12px;
    line-height: 1.2;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-family: 'MerriweatherBold';
    margin-bottom: 32px;
}

.fSSSSection > ul {
    text-align: center;
    padding-bottom: 24px;
}

    .fSSSSection > ul > li {
        display: inline-block;
        margin: 0 8px;
        position: relative;
    }

.fSSSSection .fssPoetFav span, .fSSSSection .fssPoetTrans span, .fSSSSection .fssPoetSeeGhazal span {
    display: none;
}

.fSSSSection li i, .fSSSSection li .iconShare {
    color: #808080;
}

.fSSContent {
    position: relative;
}

.searchContentType {
    position: absolute;
    display: block;
    padding: 6px;
    left: 50%;
    top: -10px;
    font-size: 8px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'latoblack';
    background: #f2ca00;
    line-height: 1.2;
    border-radius: 2px;
    transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.searchDirectLink .pMW .pMT {
    font-family: 'merriweatherheavyItalic';
    font-size: 20px;
    line-height: 1.6;
    color: #000000;
    text-align: center;
    margin-bottom: 16px;
}

.searchDirectLink .pMW .pMST {
    font-family: 'latoxregular';
    font-size: 14px;
    line-height: 1.6;
    color: #000000;
    text-align: center;
    margin-bottom: 24px;
}

.searchEbookPoet {
    margin-bottom: 24px;
    margin-top: 24px;
}

    .searchEbookPoet a {
        font-size: 12px;
        color: #00aaff;
        font-family: 'latoxbold';
        line-height: 1;
        display: block;
        text-transform: uppercase;
    }

        .searchEbookPoet a span {
            font-size: 10px;
            color: #000000;
            font-family: 'latoxregular';
            line-height: 1;
            margin-left: 12px;
            text-transform: none;
        }

.searchEbookPubInfo {
    padding-bottom: 20px;
}

    .searchEbookPubInfo p {
        font-size: 12px;
        color: #010101;
        font-family: 'latoxbold';
        line-height: 1.2;
        margin-bottom: 12px;
    }

        .searchEbookPubInfo p a {
            color: #00aaff;
            font-family: 'latoxregular';
        }

        .searchEbookPubInfo p span {
            font-family: 'latoxregular';
        }

.searchCollectionsCardImg {
    display: block;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 8px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.searchCollectionsContent {
    overflow: hidden;
    padding-top: 3px;
}

    .searchCollectionsContent h4 {
        font-size: 8px;
        color: #0cb;
        line-height: 1;
        font-family: 'latoblack';
        margin-bottom: 8px;
        letter-spacing: 3px;
        text-transform: uppercase;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    .searchCollectionsContent h3 {
        font-size: 14px;
        color: #000;
        line-height: 20px;
        font-family: 'latoxregular';
        margin-bottom: 12px;
        position: relative;
        height: 36px;
        overflow: hidden;
    }

    .searchCollectionsContent h5 {
        font-size: 10px;
        color: #00aaff;
        line-height: 1;
        font-family: 'latoxregular';
        text-transform: uppercase;
    }

    .searchCollectionsContent h3:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 18px;
        width: 64px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

.searchCollectionsCard, .sPMCard, .sEMCard {
    overflow: hidden;
    padding: 16px;
    position: relative;
}

    .searchCollectionsCard:before, .sPMCard:before, .sEMCard:before {
        position: absolute;
        content: '';
        width: calc(100% - 32px);
        height: 1px;
        background-color: #f2f2f2;
        left: 16px;
        top: 0;
    }

    .searchCollectionsCard:first-child:before, .sPMCard:first-child:before, .sEMCard:first-child:before {
        display: none;
    }

.searchCollectionsCardList, .sEMCardList {
    padding: 0;
}
.sPMCardLink {
    color: #b2b2b2;
    display: block;
    margin-right: 8px;
    float: left;
    margin-top: 4px;
}

.sPMCardCotent {
    overflow: hidden;
}

    .sPMCardCotent h4 {
        color: #00aaff;
        font-size: 16px;
        font-family: 'latoxbold';
        line-height: 1.2;
        margin-bottom: 8px;
        padding:0;
    }

    .sPMCardCotent p {
        color: #808080;
        font-size: 12px;
        line-height: 1.2;
    }

.sPMCardList {
    padding: 8px 0;
}

.searchEbookCardImg {
    display: block;
    width: 100%;
    height: 229px;
    margin-bottom:12px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.searchEbookContent {
    overflow: hidden;
    padding-top: 3px;
}

    .searchEbookContent h4 {
        font-size: 14px;
        color: #000000;
        font-family: 'latoxregular';
        position: relative;
        white-space: nowrap;
        overflow: hidden;
        margin-bottom: 6px;
    }

        .searchEbookContent h4:after {
            position: absolute;
            content: '';
            right: 0;
            bottom: 0;
            height: 18px;
            width: 48px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

    .searchEbookContent h3 {
        color: #000000;
        font-size: 10px;
        line-height: 1;
        text-transform: uppercase;
        font-family: 'latoxregular';
        margin-bottom: 16px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

    .searchEbookContent h5 {
        font-size: 9px;
        color: #808080;
        font-family: 'latoxregular';
        line-height: 1;
    }

.morePoetSlider, .moreVideoSlider {
    padding: 16px 8px;
}
.morePoetSlider {
    box-shadow:none;
    border:none;
    padding:0px 0px;
}

    .morePoetSlider .bxsliderPoet::-webkit-scrollbar,
    .morePoetSlider ul::-webkit-scrollbar {
        display: none;
    }


/*.morePoetSlider ul{
    padding-bottom:8px;
}*/
    .morePoetSlider ul li {
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
        border: 1px solid #f2f2f2;
        padding:8px;
        max-width:200px;
        position:relative;
    }

    .morePoetSlider .moreMatches, .moreVideoSlider .moreMatches {
        padding: 0px 8px;
    }

.bxsliderPoet li i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
    display: block;
}
/*.bxsliderPoet li {
    box-shadow: 0px 4px 4px 4px rgba(0,0,0,0.15);
}*/
.bxsliderPoet li a{
    display:block;
}
.bxsliderPoet li a img {
    width:100%;
}

.bxsliderPoet li span {
    position: absolute;
    left: 8px;
    bottom: 16px;
    width: 100%;
    font-size: 12px;
    color: #ffffff;
    font-family: 'latoxbold';
    padding-left: 8px;
    box-sizing: border-box;
    text-transform: uppercase;
    pointer-events: none;
}
.poetAllSec .bxsliderPoet li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    bottom: 32px;
}
.poetAllSec .bxsliderPoet li span {
    left: 0px;
    padding-left: 16px;
    padding-right: 16px;
}
    .poetAllSec .bxsliderPoet li span.poetRelationText {
        bottom:16px;
        font-size:10px;
    }
.poetAllSec.poetSamePlace .bxsliderPoet li span {
    bottom: 16px;
}
.bxsliderPoet li:before {
    content: '';
    position: absolute;
    left: 8px;
    bottom: 8px;
    width: calc(100% - 16px);
    height: 50%;
    pointer-events:none;
    background: rgba(0,0,0,0);
    background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,0.4)));
    background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.4) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000', GradientType=0 );
}
.searchMorePoet .bxsliderPoet li:before {
    display:none;
}
.searchMorePoet .morePoetSlider ul li {
    padding:0;
    border:0;
    box-shadow:none;
}
.srchPoetDtl .searchPrsName {
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 14px;
    color: #000000;
    margin-top: 14px;
    white-space: nowrap;
    overflow: hidden;
    position:relative;
}
.srchPoetDtl .searchPrsnPrd {
    font-size: 10px;
    color: #000000;
    margin-top: 12px;
}
.srchPoetDtl .searchPrsnLocation {
    font-size:12px;
    color:#000;
    margin-top:10px;
}
    .srchPoetDtl .searchPrsnLocation a {
        margin: 0;
        display: inline-block;
    }
        .srchPoetDtl .searchPrsnLocation a:hover, .srchPoetDtl .searchPrsName a:hover {
            color: #00aaff;
        }
.srchPoetDtl .searchPrsnType {
    margin-top:10px;
}
.srchPoetDtl .searchPrsnType a {
    font-size: 8px;
    color: #000;
    border: 1px solid #d9d9d9;
    text-transform: uppercase;
    padding: 5px;
    border-radius: 4px;
    float: left;
    margin-right: 6px;
    margin-bottom:6px;
}

/*.morePoetSlider .bx-controls, .moreVideoSlider .bx-controls {
    display: none;
}*/

.morePoetSlider .bx-wrapper, .moreVideoSlider .bx-wrapper {
    /*padding-bottom: 24px;*/
}
/*.bxsliderPoet .bx-wrapper .bx-viewport {
    overflow-y:visible !important;
}*/
.searchShayariImgCard {
    background: #fff;
    box-shadow: 0px 4px 12px 1px rgba(0,0,0,0.05);
    border: 1px solid #f2f2f2;
    padding: 4px;
    box-sizing: border-box;
    border-radius: 3px;
    width: calc(50% - 10px);
    float: left;
    margin-left: 20px;
    margin-bottom: 16px;
}

    .searchShayariImgCard:nth-child(2n+1) {
        margin-left: 0px;
    }

    .searchShayariImgCard img {
        width: 100%;
        height: auto;
        display: block;
        border-radius: 3px;
        margin-bottom: 8px;
    }

.searchSIList, .searchShayariImg h2 {
    padding: 0 8px;
}

.imageShayariSocialCount span {
    font-size: 11px;
    color: #4c4c4c;
    font-family: 'latoxregular';
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}

    .imageShayariSocialCount span i {
        vertical-align: middle;
        font-size: 24px;
    }

.genricMatchCard {
    padding: 16px 16px 16px 16px;
    background: #fcfcfc;
}
    .genricMatchCard:hover,
    .genricMatchCard:nth-child(2n+1):hover {
        background: #f8fcff;
    }

    .genricMatchCard:nth-child(2n+1) {
        background: #fff;
    }

.genricMatchList {
    padding-left: 0;
    padding-right: 0;
    background-color: transparent;
    position:relative;
}

.genricMatchCard h5 {
    color: #00aaff;
    font-family: 'latoblack';
    font-size: 8px;
    letter-spacing: 0.2em;
    margin-bottom: 8px;
    text-transform: uppercase;
}

.genricMatchCard h3 {
    color: #000000;
    font-family: 'latoxbold';
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 4px;
}
    .genricMatchCard h3 a {
        color: #000000;
    }

.genricMatchCard p, .genricMatchCard p a, .genricMatchCard .pMC .c p, .genricMatchCard .pMC .c p span, .genricMatchCard .pMC .c p:nth-child(2n) {
    color: #000000;
    font-family: 'latoxregular','NotoDevanagariRegular','MehrNastaliqRegular';
    /*font-size: 16px;*/
    font-size: 14px;
    line-height: 1.57;
    margin-bottom: 8px;
    margin-top: 0;
    margin-left: 0;
}
.genricMatchCard .pMC .c p:first-child {
    margin-bottom:0px;
}
    .genricMatchCard .pMC .c p span{
        pointer-events:none;
        margin-bottom:0px;
    }
    .genricMatchCard .pMC .c p span:first-child {
        padding-left:0px;
    }
    .genricMatchCard .pMC .c {
        text-align: left;
    }
    .genricMatchCard p a::first-word {
        font-weight:'latoxbold';
    }

.genricMatchCard h6 {
    color: #000000;
    font-family: 'latoxbold';
    font-size: 10px;
    line-height: 1;
    text-transform: uppercase;
}
.poemPageContentFooter .genricMatchCard h6,
.poemPageContentFooter .gMCMediaIcon {
    display: none;
}

.genricMatchCard h6 a {
    color: #000000;
}

.genricMatchList .moreMatches {
    padding: 0 16px;
}

.genricMatchCards {
    padding-bottom: 16px;
}

.genricCardMedia {
    float: right;
    display: block;
    text-align: right;
}

    .genricCardMedia a {
        display: inline-block;
        vertical-align: middle;
        margin-left: 9px;
        font-size: 16px;
        color: #808080;
    }


.morePoetSlider .bx-wrapper img, .moreVideoSlider .bx-wrapper img {
    border-radius: 4px;
}

.videoCardthumb {
    position: relative;
    margin-bottom: 8px;
}

    .videoCardthumb i {
        position: absolute;
        display: block;
        left: 50%;
        top: 50%;
        color: #ffffff;
        font-size: 72px;
        margin-left: -36px;
        margin-top: -36px;
    }

.moreVideoSlider h5 {
    font-size: 14px;
    color: #000000;
    line-height: 1.25;
    font-family: 'latoxregular';
    margin-bottom: 8px;
    height: 36px;
    overflow: hidden;
    position: relative;
}

    .moreVideoSlider h5:before {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 18px;
        width: 48px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

.moreVideoSlider li span {
    font-size: 10px;
    color: #b2b2b2;
    line-height: 1;
    font-family: 'latoxbold';
    display: inline-block;
    vertical-align: middle;
}

    .moreVideoSlider li span i {
        vertical-align: middle;
        font-size: 24px;
    }

.aSFhighlighterOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    top: 0;
    left: 0;
    z-index: 9999;
}

.aSFhighlighter {
    position: fixed;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 9999;
    padding: 0 32px;
    box-sizing: border-box;
}

    .aSFhighlighter h3 {
        font-size: 14px;
        color: #ffffff;
        line-height: 1;
        font-family: 'latoxbold';
        text-transform: uppercase;
        margin-bottom: 24px;
    }

    .aSFhighlighter p {
        font-size: 14px;
        color: #ffffff;
        line-height: 1.57;
        font-family: 'latoxregular';
        margin-bottom: 18px;
    }

    .aSFhighlighter a {
        font-size: 14px;
        color: #ffffff;
        line-height: 1;
        font-family: 'latoxbold';
        text-transform: uppercase;
        display: block;
        float: right;
    }

.aSFhighlightercircle {
    width: 152px;
    height: 152px;
    position: fixed;
    right: -24px;
    bottom: -24px;
    background: #fff;
    z-index: 9999;
    border-radius: 50%;
}

.aSBtn {
    width: 56px;
    height: 56px;
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 9999;
    background: #eb0045;
    box-shadow: 0 8px 8px 0px rgba(0,0,0,0.3);
    border-radius: 50%;
}

    .aSBtn i {
        width: 56px;
        height: 56px;
        line-height: 56px;
        text-align: center;
        display: inline-block;
        color: #ffffff;
    }

.filterCatHeader {
    padding: 16px;
    border-bottom: 1px solid #f2f2f2;
}

.rAdvancedSearchFilter {
    /*position:fixed;*/
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #fff;
    z-index: 99999;
}

.filterCatHeader i {
    font-size: 24px;
    vertical-align: middle;
    margin-right: 24px;
}

.filterCatHeader span {
    color: #262626;
    font-size: 14px;
    font-family: 'latoxbold';
    line-height: 1;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
}

.filterCatHeader a {
    color: #00aaff;
    font-size: 12px;
    font-family: 'latoxbold';
    line-height: 1;
    text-transform: uppercase;
    display: block;
    float: right;
    margin-top: 8px;
}

.applyFilterBtn {
    color: #fffefe;
    font-size: 14px;
    font-family: 'latoxbold';
    text-transform: uppercase;
    display: block;
    width: 100%;
    text-align: center;
    padding: 22px 0;
    background-color: #eb0045;
    border-radius: 3px;
}

.filterCatNav {
    width: 120px;
    float: left;
    height: 100%;
}

    .filterCatNav a {
        color: #4c4c4c;
        font-size: 12px;
        font-family: 'latoxbold';
        text-transform: uppercase;
        display: block;
        padding: 24px 16px;
        background-color: #f2f2f2;
        box-sizing: border-box;
        position: relative;
    }

        .filterCatNav a:after {
            position: absolute;
            left: 16px;
            top: 0;
            width: 88px;
            height: 1px;
            background: #d9d9d9;
            content: '';
        }

    .filterCatNav li:first-child a:after {
        display: none;
    }

    .filterCatNav a.filterCatNavActive {
        background: #fff;
        font-size: 14px;
        color: #000;
    }

        .filterCatNav a.filterCatNavActive:after, .filterCatNav .filterCatNavActiveNext a:after {
            display: none;
        }

        .filterCatNav a.filterCatNavActive:before {
            position: absolute;
            left: 0;
            top: 7px;
            width: 1px;
            height: 32px;
            background: #eb0045;
            content: '';
        }

.filterCatType {
    background: #f2f2f2;
    height: calc(100% - 57px);
}

.filterCatContent {
    overflow: hidden;
    padding: 12px 8px;
    background: #fff;
    height: 100%;
}

.filterSelectAllBtn {
    font-size: 10px;
    color: #ffffff;
    font-family: 'latoxbold';
    padding: 12px 8px;
    background-color: #00aaff;
    box-shadow: 0 2px 2px 0px rgba(0,0,0,0.15);
    border-radius: 2px;
    text-transform: uppercase;
    float: right;
}

.filterCatOptions {
    clear: both;
    padding-top: 24px;
}

.filterOptionsCheckBox {
    margin-bottom: 18px;
}

    .filterOptionsCheckBox label {
        color: #000000;
        font-size: 14px;
        line-height: 1;
        font-family: 'latoxregular';
        vertical-align: middle;
        cursor: pointer;
    }

    .filterOptionsCheckBox label {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-tap-highlight-color: transparent;
    }

        .filterOptionsCheckBox label i {
            color: #808080;
            vertical-align: middle;
            position: relative;
            top: -2px;
        }

        .filterOptionsCheckBox label input {
            vertical-align: middle;
            opacity: 0;
            width: 8px;
            margin: 0;
        }

        .filterOptionsCheckBox label.checkboxChecked i:before {
            content: '\e943';
            color: #00aaff;
        }

.filterCatContentItems {
    display: none;
}

.filterCatContentActive {
    display: block;
}

.filterCat {
    height: calc(100% - 58px);
}



/*--- Search Page Ends ---*/


.poetIndexIndexing ul, .alphabetIndexing ul {
    width: 100%;
    white-space: nowrap;
    /*border-top: 1px solid #ececec;
        border-bottom: 1px solid #ececec;*/
    overflow: hidden;
    position: relative;
    display: flex;
}
.keepReadingContentList .e, .pagingSection .e, .sherLines .e {
    display: none;
}
.hndDohe .sherLines .e p {
    font-family: 'NotoDevanagari';
    color:#8e8e8e;
    font-size:14px;
}
/* quiz placeholder start */
.QuizSection {
    background-color: #fafafa;
}
.quizPlaceholder {
    text-align: center;
    max-width: 972px;
    margin: auto;
    padding: 26px 0px;
}
    .quizPlaceholder.qzplsHldTxtSdbr {
        padding:0;
        margin-bottom:64px;
    }

    .quizPlaceholder p {
        font-size: 16px;
        color: #000000;
        position: relative;
        text-align: left;
        padding-left: 78px;
        line-height: 20px;
        padding-bottom: 20px;
    }

        .quizPlaceholder p span {
            color: #ffffff;
            font-size: 16px;
            text-transform: uppercase;
            padding: 10px 12px;
            border-radius: 4px;
            position: absolute;
            left: 0;
            top: 0;
            right: auto;
            max-width: 78px;
            background-color: #ea8b5b;
        }

    .quizPlaceholder a {
        font-family: 'LatoXBold','NotoDevanagariBold','MehrNastaliqRegular';
        font-size: 16px;
        color: #00aaff;
        margin-top: 24px;
        display: inline-block;
        text-transform: uppercase;
        border-bottom: 1px solid #00aaff;
        padding-bottom: 2px;
    }

.qzSdbrPlcholder {
    width: 100%;
    position: relative;
    background-color: #ffffff;
    border: 1px solid #ececec;
    text-align: center;
    padding-top: 16px;
    border-radius: 10px;
    margin-bottom: 24px;
    direction: ltr;
    white-space: normal;
    overflow:hidden;
}
    .qzSdbrPlcholder p {
        font-size: 10px;
        line-height: 16px;
        padding: 0 8px;
        margin-top: 16px;
    }

        .qzSdbrPlcholder p span {
            font-family: 'latoxbold';
        }

.QzPlcHldrHdr img {
    width: 42px;
}

.QzPlcHldrHdr h2 {
    font-size: 18px;
    font-family: 'latolight';
    text-transform: uppercase;
}

.plchldrImg1 {
    position: absolute;
    left: -3px;
    top: -1px;
    width: 73px;
}

.plchldrImg2 {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 119px;
}
.plchldrImg2 {
    position: absolute;
    right: -56px;
    bottom: -2px;
    width: 119px;
}

.plchldrImg3 {
    max-width: 100%;
    position: relative;
    z-index: 9;
    margin-top: 35px;
}
.plcHldrQsCont h5,
.plcHldrQsCont .h5-Quiz {
    font-family: 'latoxbold';
    font-size: 14px;
    text-align: left;
    line-height: 16px;
    display:block;
}
/*.quizPlaceholder p {
    position: relative;
    bottom: -2px;
    border-radius: 0px 0px 10px 10px;
}*/
.plcHldrQsCont {
    margin-top:20px;
}
.quizPlaceholder p:after {
    content: "";
    height: 1px;
    width: 118px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #dbd3d3;
}
/* quiz placeholder end*/

/* search tag component start*/

.mrTagCompo {
    padding-top: 24px;
    clear: both;
}

.mrTgCmpHdng {
    font-family: 'latoxbold', 'NotoDevanagari', 'NotoNastaliqUrdu';
    font-size: 14px;
    color: #00aaff;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.mrtagBtn {
    font-size: 14px;
    color: #4c4c4c;
    line-height: 32px;
    padding: 0 32px;
    border: 1px solid #d9d9d9;
    min-width: 77px;
    background: #fcfcfc;
    display: inline-block;
    vertical-align: middle;
    border-radius: 4px;
    font-family: 'latoxregular';
    margin: 0 4px 24px;
    text-transform: lowercase;
}
    .mrtagBtn:hover {
        color: #ffffff;
        border: 1px solid #eb0046;
        background: #eb0046;
    }

/* search tag component end*/


.clickBtnFull {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

/* rekhta naama start */
.bookSlStripe {
    padding: 16px 0px;
    background-color: #C6EACA;
    text-align:center;
}

    .bookSlStripe p {
        font-size: 22px;
        color: #000;
        font-family: 'NotoNastaliqUrdu';
        float: left;
        margin-top: 10px;
        text-align: center;
        margin-bottom: 16px;
        line-height: 32px;
    }

    .bookSlStripe a {
        display: inline-block;
        padding: 10px 0px;
        font-size: 24px;
        color: #00aaff;
        background-color: #ffffff;
        border: 2px solid #00AAFF;
        text-align: center;
        width: 152px;
        font-family: 'NotoNastaliqUrdu';
        margin: 0px 8px;
        border-radius: 2px;
    }
    .bookSlStripe a:last-child {
        background-color:#00aaff;
        color:#ffffff;
    }

.srprstBg {
    background: linear-gradient(90deg, #C84E89 0%, #F15F79 100%);
}
.rekhtaNamaContainer .srprstBg .headingWdDownSprtr {
    color: #ffffff;
    margin-top:0px;
}

.rekhtaNamaContainer .headingWdDownSprtr {
    padding-bottom: 24px;
    font-size:24px;
}
.rekhtaNamaContainer .navContent:first-child {
    margin-top:0px;
}
.rekhtaNamaContainer .navContent p {
    font-size:18px;
    line-height:32px;
}

    .rekhtaNamaContainer .headingWdDownSprtr:after {
        width: 107px;
        height: 4px;
    }

.rkhtanamaConSec, .srprstBg, .shdwImgBxSecdtion, .tblSection {
    padding: 42px 0px;
}

.rekhtaNamaContainer .abtCEO {
    margin-top: 0px;
}

.srprstBg .abtCEOContent p {
    color: #ffffff;
}

.bkTbl table {
    width: 100%;
    direction: rtl;
    margin-bottom:32px;
}

.bkTbl .theadRow {
    border-bottom: 5px solid #EB5757;
}
.fRow {
    background: linear-gradient(90deg, rgba(200, 78, 137, 0.5) 0%, rgba(241, 95, 121, 0.5) 100%);
}
.fRow td:first-child {
    width:116px;
}

    .bkTbl .theadRow th {
        font-size: 32px;
        padding: 16px;
        box-sizing: border-box;
        width: 33.334%;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        text-align: right;
    }

.bkTbl tr td {
    padding: 16px;
    vertical-align: middle;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 22px;
}

    .bkTbl tr td a {
        width: 170px;
        font-size: 30px;
        color: #00AAFF;
        background: rgba(0, 170, 255, 0.1);
        border: 2px solid #00AAFF;
        box-sizing: border-box;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        display: block;
        text-align: center;
        padding: 8px 0px;
    }

.libFormBg {
    background-color: #C6EACA;
    padding: 64px 0px;
}

    .libFormBg .nvFormContainer {
        background-color: #ffffff;
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
        margin-top: 0px;
        padding: 16px 48px;
        border-radius: 20px;
    }

.shdImgBoxCon {
    margin-top: 32px;
}
.imgTextBox {
    margin-top:32px;
    padding:16px 0px;
}
    .imgTextBox img {
        width: 86px;
        float: left;
        box-sizing: border-box;
        border-radius:10px;
    }
.imgTextBox .txtbox {
    padding-left: 116px;
}
    .imgTextBox .txtbox h3 {
        font-size: 25px;
        margin-bottom: 16px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        color: #ffffff;
    }
    .imgTextBox .txtbox p {
        font-size: 20px;
        line-height: 32px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        color: #ffffff;
    }
.srprstBg .headingWdDownSprtr:after {
    background-color: #ffffff;
}

.shdwImgBx {
    width: 100%;
    background-color: #F9F9F9;
    box-shadow: 0px 4px 4px rgba(102, 102, 102, 0.5);
    box-sizing: border-box;
    margin-top: 32px;
    padding:16px;
    position: relative;
}
.imgTextBox.shdwImgBx .txtbox h3, .imgTextBox.shdwImgBx .txtbox p {
    color:#000000;
}
/* rekhta naama end */
/*comment section changes start*/
.activitySources.activitySourcesFlWd .readfullTag, .activitySources.activitySourcesFlWd .sourcesLeft {
    width:100%;
}
.activitySources.activitySourcesFlWd .sourcesLeft {
    margin-top:24px;
}
/*comment section changes end*/
.sidebar .deviceEbooksMenu {
    display: none;
}
    .sidebar .poetCategoryItemWrap.ptCtMn {
        display: block;
        position: fixed;
        right: -260px;
        top: 112px;
        z-index: 99999;
        transition: all 0.3s;
        height: 100%;
        background-color: #ffffff;
        min-width: 260px;
    }
        
        .sidebar .poetCategoryItemWrap.ptCtMn .ptEbkSdMnBtn {
            position: absolute;
            color:#ffffff;
            left: -36px;
            height: 36px;
            width: 36px;
            background-color: #00aaff;
            text-align: center;
            font-size: 24px;
            top: 50%;
            margin-top:-18px;
            cursor:pointer;
        }
        .sidebar .poetCategoryItemWrap.ptCtMn .ptEbkSdMnBtn i {
            line-height:36px;
        }
        .sidebar .poetCategoryItemWrap.ptCtMn.poetEbkSdMenuTgl {
            right: 0;
            margin-bottom: 0;
            box-shadow: 3px 2px 10px #eaeaea inset;
        }
.nwPoetEbook .readFullBgBtn {
    margin-bottom: 42px;
}
.sherCommentBox {
    display:none;
}
    .sherCommentBox.cmntOpen {
        display:block;
    }
.highLtr.descMore .cntntDesPr p:after {
    display: none;
}
.highLtr .cntntDesSeeMrLs {
    text-align:center;
    margin-top:16px;
}

/* poet pages updates start*/
.ctgrCon {
    padding: 0 0px 0px !important;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    background-color: #ffffff;
    z-index: 9999;
    max-width: 852px;
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 68px;
    left: 0;
}

.categories {
    white-space: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
    .categories::-webkit-scrollbar {
        display: none;
    }
.entityCotg .categories {
    width: calc(100% - 50px);
    float: left;
}
    .categories li {
        display: inline-block;
    }
.entityCotg .categories li {
    display: block;
    float: left;
}
    .entityCotg .categories li.activeTab {
        display:block !important;
        width:auto !important;
    }
.enttyIndxing {
    margin-top:24px;
}
    .categories li a {
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        letter-spacing: 0.05em;
        color: #8e8e8e;
        padding: 16px 14px;
        display: block;
        text-align: center;
        position: relative;
        font-size:16px;
        text-transform:uppercase;
        white-space:nowrap;
        box-sizing:border-box;
    }
        .categories li a.more-btn {
            padding: 8px 12px;
        }
        .categories li a:after, .srchSrtPopup ul li a:after {
            content: "";
            height: 2px;
            width: 0px;
            font-family: latolight;
            position: absolute;
            left: 50%;
            bottom: 0;
            background: #eb0045;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }
.srchSrtPopup ul li a:after {
    bottom:-1px;
}
.categories li.activeTab a, .srchSrtPopup ul li.activeTab a {
    color: #000;
}
    .categories li.activeTab a:after, .srchSrtPopup ul li.activeTab a:after {
        left: 0;
        width: 100%;
    }
.auto-nav-more {
    position:relative;
    float:right;
}
.auto-nav-more:hover ul {
    display:block;
}
#autoNavMore .more-btn {
    color: #8e8e8e;
    margin-top: 8px;
    display: block;
    border-left: 1px solid #d2d2d2;
    padding-left:10px;
}
.auto-nav-more-list {
    right:0;
    position: absolute;
    min-width: 167px;
    max-height:300px;
    border: 1px solid #d2d2d2;
    box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.1);
    padding: 0px 16px;
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 1;
    display: none;
    overflow:auto;
}
    .auto-nav-more-list li a {
        padding: 16px 0px;
        display: block;
        border-bottom: 1px solid #d2d2d2;
        font-size: 16px;
        color: #777777;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        text-transform: uppercase;
        text-align: left;
    }
.srchCon {
    margin-top:24px;
    position:relative;
    /*margin-bottom:16px;*/
}



.srchCon input {
    width: calc(100% - 36px);
    font-size: 16px;
    height: 40px;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    box-sizing: border-box;
    padding-left: 42px;
    font-family: 'LatoXRegular','NotoNastaliqUrdu','NotoDevanagari';
}
    .srchCon .srchBtn, .srchCon .vcSrchBtn, .SrchSrtBtn {
        position: absolute;
        left: 6px;
        top: 7px;
        color: #808080;
    }
        /*.SrchSrtBtn.filterActive {
            color: #00aabb;
        }*/
        .SrchSrtBtn.filterActive .rico-list_view:before {
            content: "\e92a";
        }
    .srchCon .srchBtn i, .srchCon .vcSrchBtn i {
        font-size:26px;
    }
    .srchCon .vcSrchBtn {
        left:auto;
        right:38px;
    }
    .SrchSrtBtn {
        left:auto;
        top:4px;
        right:0;
    }
.srchCon .SrchSrtBtn {
    border:none;
}
.SrchSrtBtn.filterActive {
    color:#00aaff;
}
.srchSrtPopup {
    position: absolute;
    top: 46px;
    right: 0;
    min-width: 167px;
    border: 1px solid #d2d2d2;
    box-shadow: 2px 3px 10px 0px rgba(0, 0, 0, 0.10);
    padding: 0px 16px;
    background-color: #ffffff;
    border-radius: 5px;
    z-index: 9999;
    max-height: 156px;
    overflow: auto;
    display: none;
}
/*.srchSrtPopup.srchSrtActive {
    max-height:300px;
}*/
    .srchSrtPopup ul li {
        display:block;
    }
        .srchSrtPopup ul li a {
            padding: 16px 0px;
            display: block;
            border-bottom: 1px solid #d2d2d2;
            font-size: 14px;
            color: #8e8e8e;
            font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
            text-transform: uppercase;
            text-align: left;
            position: relative;
        }
    .srchSrtPopup ul li:last-child a {
        border-bottom:0px;
    }
    
.srchSrtPopup::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #f3f3f3;
    background-color: #f3f3f3;
}

    .srchSrtPopup::-webkit-scrollbar {
        width: 6px;
        background-color: #f3f3f3;
    }

    .srchSrtPopup::-webkit-scrollbar-thumb {
        background-color: #e6e6e6;
    }
.collection-header .SrchSrtBtn {
    top: 0;
    background-color: #ffffff;
    border-left: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
    height: 57px;
    width: 56px;
    line-height: 56px;
    text-align: center;
    right: -14px;
}
    .collection-header .SrchSrtBtn i {
        position: relative;
        top: 8px;
        font-size:28px;
    }
/* poet pages updates end*/
.seeGhzlConDesk {
    display: none;    
    
    
}
    .seeGhzlConDesk.seeGhzlConDesk {
        color: #808080;
        width: auto;
        height: auto;
        display: flex;
        align-items: center;
        border: 1px solid #e1e1e1;
        padding: 0px 10px 0px 5px;
        border-radius: 100px;
        height: 34px;
        margin-top:4px;
    }
.seeGhzlConDesk span {
    font-size: 12px;
    line-height: 20px;
    font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
}
.blackBgLayer {
    background-color: rgba(0,0,0,0.2);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 111111;
}
/* collection on reading page start*/
.CollectionReading {
    margin-bottom: 47px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
}
    .CollectionReading::-webkit-scrollbar {
        display: none;
    }
.ltlSecHeading {
    font-size:11px;
    line-height:1.5;
    color:#000;
    letter-spacing:2px;
    text-align:center;
    text-transform:uppercase;
}
.poemPageContentFooter .ltlSecHeading {
    font-size:18px;
}
.imgContentBox {
    padding: 16px;
    background-color: #fafafa;
    box-sizing: border-box;
    width: 250px;
    margin-top: 24px;
    float: left;
    margin-right: 12px;
    flex-shrink: 0;
}
.imgContentBox:last-child {
    margin-right:16px;
}
.imgConImgBox {
    width:100%;
    /*width:84px;*/
    /*float:left;*/
    /*margin-right:16px;*/
}
.imgConImgBox img {
    width:100%;
    border-radius:5px;
}
.imgConContentBox {
    margin-top:16px;
    /*float:left;
    width:calc(100% - 100px);*/
}
    .imgConContentBox h3 {
        font-family: 'latoxbold','NotoDevanagariRegular','ArefRuqa';
        font-size: 14px;
        color: #000;
        line-height: 18px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
    }
    .imgConContentBox p {
        margin-top:12px;
        font-size: 12px;
        color: #808080;
        line-height:18px;
    }
/* collection on reading page end*/
.overme {
    width: 100%;
    max-height: 58px;
    overflow: hidden;
    /*The problematic part is below*/
    white-space: nowrap;
    text-overflow: ellipsis;
}

.overme {
    white-space: normal;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
/* poet content type with li start */
.poetContentTypeWrap .contentCatList li {
    float: left;
}
.Location .poetContentTypeWrap .contentCatList li, .Location .poetContentTypeWrap .contentCatList li a {
    font-size: 12px;
    color: #808080;
    margin-bottom:10px;
}

    .poetContentTypeWrap .contentCatList li .ptContentTyp {
        float: none;
        display: inline-block;
    }
/* poet content type with li end */
.poetContentWrap.poetCatePage.rt_gapLoc {
    padding-top: 0px;
}
.crosswordKeyboard {
    display:none;
}
.crossAuth {
    margin-top:16px;
}
/*.rekhtaCrosswordListWrap iframe{
    max-height:300px;
}*/
.shyriImgHeader.contentListHeader h2 {
    line-height: initial;
    margin-bottom: 8px;
}


@media (max-width: 992px) {
    .shadowParent a {
        height:242px !important;
    }
    .poemPageContentBody .pMC.hTc .c p span.wordActiveHtml {
        font-size:11px;
        padding:0px 4px; 
    }
    .poetBlogContainer .poetBlgImg {
        max-height: 146px;
        overflow: hidden;
    }
    .counter-group {
        margin: 10px auto;
    }

    .counter-block {
        margin-right: 10px;
    }

        .counter-block .counter {
            width: 120px;
            height: 90px;
            overflow: hidden;
            font-weight: 700;
        }

            .counter-block .counter .number {
                font-size: 108px;
                line-height: 90px;
            }

            .counter-block .counter.with-hundreds {
                width: 180px;
            }

        .counter-block .counter-caption {
            font-size: 100%;
        }

    .contentListItemsMediaAudio, .contentListItemsMediaVideo, .contentListItemsEditorChoice, .contentListItemsPopularChoice {
        /*font-size: 16px;*/
        font-size:24px;
    }

    .collection-header {
        padding: 0 0px 32px !important;
    }

        .collection-header.pdFvCnt {
            padding: 0 0px 0px !important;
        }

        .collection-header ul {
            white-space: nowrap;
            /*overflow-x: scroll;*/
            overflow-x: hidden;
            border-bottom: 1px solid #f2f2f2;
        }
            .collection-header ul.kfSets, .poetIndexIndexing ul, .alphabetIndexing ul {
                overflow-x: auto;
            }

            .collection-header ul li span {
                font-size: 10px;
                color: #b2b2b2 !important;
                margin-left: 4px;
            }

    .poetVideoWrap .poetVideoPlayer {
        float: none;
        width: 100%;
        padding-right: 0px;
        border-right: none;
        border-bottom: 1px solid #f2f2f2;
        box-sizing: border-box;
    }

    .poetVideoWrap .poetVideoListingWrap {
        float: none;
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    .RloginMenushifted .menuContainer {
       padding-top:430px;
       transition:.5s;
    }
    .userMenu{
        box-shadow:none;
        background:none;
        padding:0;
        width:100%;
    }
        .userMenu .userMenuList li a {
            color: #fff;
            opacity: 1;
        }
            .userMenu{
                width:90%
          }
    .RuserloginProfile{
        padding:10px 0px;
    }

    .crosswordContentWrapInner .contentListHeader p{
        display:none;
    }
   
}

@media (max-width: 768px) {
    .counter-group {
        margin: 0 auto;
    }

    .counter-block {
        margin-right: 8px;
    }

        .counter-block .counter {
            width: 96px;
            height: 80px;
        }

            .counter-block .counter .number {
                font-size: 64px;
                line-height: 72px;
            }

            .counter-block .counter.with-hundreds {
                width: 144px;
            }

        .counter-block .counter-caption {
            font-size: 85%;
        }
    .RloginMenushifted .menuContainer {
        padding-top: 375px;
        transition:.4s all;
    }

    
    }

@media (max-width: 480px) {
    .counter-group {
        margin: 0 20px;
    }

    .counter-block .counter {
        width: 70px;
        height: 50px;
    }

        .counter-block .counter .number {
            font-size: 42px;
            line-height: 53px;
        }

        .counter-block .counter.with-hundreds {
            width: 92px;
        }

    .counter-block .counter-caption {
        font-size: 70%;
    }
}

.videoContainerHide {
    display: none;
}




/*--------- JER Live Streaming Ends ---------*/

:invalid {
    box-shadow: none;
}

:-moz-submit-invalid {
    box-shadow: none;
}

:-moz-ui-invalid {
    box-shadow: none;
}

.kfshrWrdNdMnng {
    max-height:470px;
    overflow-x:hidden;
    overflow-y: scroll;
    position: relative;
    padding-top: 8px;
    -webkit-overflow-scrolling:touch;
}


@media screen and (min-width:1280px) {

    .bxslider li {
        height: 500px !important;
    }
}

@media screen and (min-width:1366px) {

    .bxslider li {
        height: 360px !important;
    }
}


@media screen and (min-width:1440px) {

    .bxslider li {
        height: 576px !important;
    }
}



/* XS Landscape 30 Jan include (move to xs_landscape.css) */

@media screen and (max-width: 359px) {

    .audioVedioMediaControlsAudio {
        width: 38px;
        background-position: -41px 8px;
    }

        .audioVedioMediaControlsAudioActive, .audioVedioMediaControlsAudio:hover {
            background-position: -41px -32px;
        }

    .audioVedioMediaControlsVideo {
        width: 38px;
        background-position: -81px 8px;
    }

        .audioVedioMediaControlsVideoActive, .audioVedioMediaControlsVideo:hover {
            background-position: -81px -32px;
        }

    .audioVedioMediaControlsComments {
        width: 38px;
        background-position: -121px 8px;
    }

        .audioVedioMediaControlsCommentsActive, .audioVedioMediaControlsComments:hover {
            background-position: -121px -32px;
        }

    .audioVedioMediaControlsTranslation {
        width: 38px;
        background-position: -161px 8px;
    }

        .audioVedioMediaControlsTranslationActive, .audioVedioMediaControlsTranslation:hover {
            background-position: -161px -32px;
        }

            .audioVedioMediaControlsTranslationActive:hover {
                background-position: -161px 8px;
            }
}


@media screen and (min-width: 544px) {
    .acrhivesDateFilter, .acrhivesAllTypeFilter, .nextPreBtn{
        float:none;
        display:inline-block;
    }
    .poemPageWrap h1 {
        white-space: nowrap;
        overflow: hidden;
    }

    .logoContainer {
        float: left;
        padding: 11px 0px 0px 14px;
    }

        .logoContainer img {
            /*width: 100px;*/
            width: auto;
        }

    /*.shareMediaControlWithoutMedia {
        top: 0;
        bottom: auto;
        left: auto;
        right: 56px;*/
        /*max-width: 361px;*/
        /*max-width: 409px;
        background: none;
        border: none;
        z-index: 9999;
    }*/
   

        /*.diacriticsOptionExpandBtn {
            float: right;
            border-left: 1px solid #f2f2f2;
        }*/

    .mobileSearch, .audioVedioMediaControls {
        border-left: 1px solid #f2f2f2;
    }

    /*.shareOptionControls {
        right: 176px;
        bottom: auto;
        top: 0;
        overflow: hidden;
        left: auto;
    }*/
    .controlsForShareAndLike {
        margin-right:0px;
    }

    .shareOptionControlsShow {
        /*width: calc(280px - 56px);*/
        width: calc(232px - 96px);
    }

    .shareOptionFacebookControls {
        /* width: 40px; */
        width: 48px;
        background-position: 0px -468px;
        margin-left: 0;
    }

    /*.controlsForDiacritics {
        left: auto;
        right: 176px;
        bottom: auto;
        top: 0;
        overflow: hidden;
    }*/

    .controlsForDiacriticsShow {
        width: calc(360px - 56px);
    }

   /* .controlsForDiacritics a, .controlsForDiacritics span {
        float: right;
    }*/

    .dWrap {
        top: 100%;
    }

    .dWrapShow {
        bottom: 0px;
        top: auto;
    }

    .aboutAuthor, .morePoemByAuthor, .raritiesSection p {
        margin-left: auto;
        margin-right: auto;
        max-width: 380px;
    }

    .critqueFormWrap, .critiqueMinimizeSection, .videoSectionWrap, .rCritqueFormWrap, .rCritiqueMinimizeSection {
        bottom: 0;
    }

    .videoSectionWrap {
        max-height: calc(100% - 64px);
        overflow: auto;
        height: auto;
    }

    .videoMiniMizeWrapShow {
        /*overflow: hidden;*/
        /*max-height: none;*/
        /*top: calc(100% - 116px);
        bottom: auto;*/
        bottom: 48px;
    }
/*
    .audioRecitationsWrap {
        bottom: 0;
        max-height: 90%;
        overflow: auto;
    }

    .audioPlayerWrap {
        bottom: 0;
    }

    .audioRecitationsWrapShowMax {
        bottom: 64px;
    }*/

    .audioPlayerWithProfilePicWrapSlide {
        bottom: -56px;
    }


    .shayariContainer li {
        width: 50%;
        float: left;
        padding: 0 2%;
    }

        .shayariContainer li:nth-child(2n+1) {
            clear: both;
        }

    .crtiqueModeSection.critiqueModeAnim, .rCrtiqueModeSection.rCritiqueModeAnim {
        margin-top: -72px;
    }

    .critiqueModeOnWrap, .rCritiqueModeOnWrap {
        bottom: 0;
    }

    .nwPoetEbook {
        margin-bottom: 32px;
    }

    .nwPoetEbookItms .bookContent {
        max-width: 32.667%;
        margin: 0px 1% 16px 0px;
        float: left;
    }

        .nwPoetEbookItms .bookContent:nth-child(3n+0) {
            margin: 0px 0px 16px 0px;
        }

    .didUMeanWrd {
        width: 20%;
    }
}


/* sher landing page css*/

.sherLandingHeader h3 {
    font-size: 16px;
    color: #000000;
    line-height: 1.2;
    text-transform: uppercase;
    font-family: 'latoxbold';
    margin-bottom: 16px;
}

.sherLandingBanner {    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.landingBannerLayout {
    padding: 136px 0px 24px;
    background: -moz-linear-gradient(135deg, rgba(222,177,112,0.5) 0%, rgba(244,168,127,0.5) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(244,168,127,0.5)), color-stop(100%, rgba(222,177,112,0.5))); /* safari4+,chrome */
    background: -webkit-linear-gradient(135deg, rgba(222,177,112,0.5) 0%, rgba(244,168,127,0.5) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(135deg, rgba(222,177,112,0.5) 0%, rgba(244,168,127,0.5) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(135deg, rgba(222,177,112,0.5) 0%, rgba(244,168,127,0.5) 100%); /* ie10+ */
    background: linear-gradient(315deg, rgba(222,177,112,0.5) 0%, rgba(244,168,127,0.5) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4a87f', endColorstr='#deb170',GradientType=1 ); /* ie6-9 */
}

    .landingBannerLayout h1, .landingBannerLayout p {
        font-family: 'oswaldregular';
        color: #fff;
    }

    .landingBannerLayout h1 {
        font-size: 48px;
        text-transform: uppercase;
    }

    .landingBannerLayout p {
        font-size: 20px;
        margin-bottom: 16px;
    }

    .landingBannerLayout.careerBannerLayout p {
        font-size: 20px;
        text-transform: uppercase;
    }

.landingSherContainer {
    text-align: center;
}

.ContentType {
    display: inline-block;
    margin: auto;
    padding: 6px;
    font-size: 8px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    font-family: 'latoblack';
    background: #f2ca00;
    line-height: 1.2;
    border-radius: 2px;
    letter-spacing: .3em;
    text-indent: .3em;
    margin-bottom: 16px;
}

.shyriImageSlider li {
    border: 1px solid #f2f2f2;
    padding: 4px;
    width: 100%;
    margin-bottom: 32px;
    -moz-box-shadow: 0px 4px 4px rgba(0,0,0,.05);
    -webkit-box-shadow: 0px 4px 4px rgba(0,0,0,.05);
    box-shadow: 0px 4px 4px rgba(0,0,0,.05);
}

    .shyriImageSlider li img {
        margin-bottom: 16px;
        max-width: 100%;
    }
/*.bx-viewport {
		height: 368px !important;
	}*/
.top5PostItem .topShyriImg {
    margin-right: 12px;
}

.top5PostItemBody .imageShayariSocialCount {
    margin-left: -5px;
}

.popularTags {
    text-align: center;
}

    .popularTags .tagBtn {
        line-height: 40px;
        margin-bottom: 8px;
    }

.allTagsContainer {
    position: relative;
}

.tagAlphabets {
    position: absolute;
    right: 0;
    z-index: 1;
}

.fixeAlbhabets .tagAlphabets {
    position: fixed;
    top: 100px;
    right: 16px;
}

.tagAlphabets li {
    font-size: 10px;
    color: #808080;
    margin-bottom: 8px;
    text-align: center;
    cursor: pointer;
}

.tagAlphabeticaly {
    width: calc(100% - 28px);
    margin-bottom: 40px;
}

    .tagAlphabeticaly h5 {
        font-size: 12px;
        color: #b2b2b2;
        font-family: 'latobold';
        padding-bottom: 18px;
        border-bottom: 1px solid #f2f2f2;
        margin-bottom: 20px;
    }

    .tagAlphabeticaly .tagBtn {
        width: 100%;
        line-height: 40px;
        margin: 0px 0px 8px;
        padding: 0px 16px;
    }

        .tagAlphabeticaly .tagBtn .tagNmbrs {
            float: right;
            font-size: 12px;
        }

.directionArrow {
    width: 32px;
    height: 32px;
    display: none;
    font-size: 24px;
    color: #b3b3b3;
    position: absolute;
    cursor:pointer;
    line-height: 32px;
    background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(62%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0))); /* safari4+,chrome */
    background: -webkit-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* opera 11.10+ */
    background: -ms-linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* ie10+ */
    background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#FFFFFF',GradientType=1 ); /* ie6-9 */
    z-index: 1;
    transition:all 0.3s;
    top:12px;
}

    .directionArrow.menuPrev {
        left: -8px;
        text-align: left;
    }

    .directionArrow.menuNext {
        right: -8px;
        text-align: right;
        background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(38%, rgba(255,255,255,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* ie10+ */
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 38%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
    }


/* Sher Landing Page Starts */
.sherContentBanner {   
    min-height: 240px;
    position: relative;
}

    .sherContentBanner h3 {
        color: #ffffff;
        font-size: 20px;
        line-height: 2;
        text-transform: uppercase;
        font-family: 'oswaldregular';
    }

    .sherContentBanner h2 {
        color: #ffffff;
        font-size: 48px;
        line-height: 1.2;
        text-transform: uppercase;
        font-family: 'oswaldregular';
    }

.contentBannerText {
    position: absolute;
    bottom: 20px;
    left: 0;
    padding: 0 16px;
    box-sizing: border-box;
}

.coupletTopicWiseNav a {
    font-size: 18px;
    font-family: 'latoxbold';
    color: #b2b2b2;
}

    .coupletTopicWiseNav a.coupletNavActive {
        color: #000000;
    }

.coupletTopicWiseDesktopNav li {
    float: left;
}
.coupletClcImg img{
    width:100%;
    height:100%;
}
/* poet list page start */
.poetAlphabet {
    position: relative;
    padding: 0px 32px;
}

    .poetAlphabet .directionArrow.menuPrev {
        display: block;
    }

    .poetAlphabet .directionArrow {
        visibility: visible;
        cursor: pointer;
        width: 32px;
        height: 32px;
        line-height: 35px;
    }

    .poetAlphabet .poetAlphaTbl {
        height: 48px;
        overflow-x: scroll;
        white-space: nowrap;
        padding: 0px 16px;
    }

        .poetAlphabet .poetAlphaTbl::-webkit-scrollbar, .poetIndexIndexing ul::-webkit-scrollbar {
            display: none;
        }

        .poetAlphabet .poetAlphaTbl .poetAlphLtr {
            display: inline-block;
        }

            .poetAlphabet .poetAlphaTbl .poetAlphLtr a {
                display: block;
                padding: 0px 14px;
                text-align: center;
                color: #000;
                height: 32px;
                line-height: 32px;
                font-size: 14px;
            }

                .poetAlphabet .poetAlphaTbl .poetAlphLtr a:hover, .poetAlphabet .poetAlphaTbl .poetAlphLtr.activeLtr a {
                    background-color: #f7f7f7;
                }

.poetListBox {
    margin: 48px 0px;
}

    .poetListBox .poetListRow.poetListHeader {
        display: none;
    }

    .poetListBox .poetListRow:nth-child(even) {
        background-color: #f9f9f9;
    }

.poetListRow.poetListHeader .poetCell span {
    text-transform: uppercase;
    font-family: 'latoxbold';
}

.poetListRow .poetCell {
    float: left;
    width: 10%;
}

    .poetListRow .poetCell.poetNameImg {
        width: 30%;
    }

        .poetListRow .poetCell.poetNameImg .poetLink {
            padding-left: 56px;
            position: relative;
            font-family: 'latoxbold';
        }

            .poetListRow .poetCell.poetNameImg .poetLink .poetPlace {
                padding: 4px 0px;
                font-size: 10px;
                text-transform: uppercase;
                letter-spacing: 0.1em;
            }

    .poetListRow .poetCell span {
        display: block;
        font-size: 16px;
        padding: 16px 8px;
    }

.poetListRow .poetOtherDetail .poetCell span {
    font-size: 8px;
    padding: 8px 0px;
    text-align: center;
}

.poetListRow.poetListInner .poetMain {
    width: 100%;
}

    .poetListRow.poetListInner .poetMain .poetNameImg {
        width: 100%;
    }

    .poetListRow.poetListInner .poetMain a {
        display: block;
        color: #565454;
    }

        .poetListRow.poetListInner .poetMain a img {
            width: 32px;
            position: absolute;
            left: 8px;
        }

.poetListRow.poetListInner .poetOtherDetail {
    width: 100%;
}

    .poetListRow.poetListInner .poetOtherDetail .poetCell {
        width: 14.286%;
    }

.poetOtherDetail .poetCell .poetListItem {
    font-size: 14px;
}

    .poetOtherDetail .poetCell .poetListItem:before {
        content: ".";
        font-size: 130%;
        padding-right: 5px;
        position: absolute;
        left: 0px;
        top: 0px;
    }


/* Sher Landing Page Ends */


/* Rekhta Poet Page Starts (Poet Ghazals, Profile etc) Starts */

.poetContentTypeTitle {
    font-size: 14px;
    color: #000000;
    letter-spacing: 2px;
    font-family: 'latoxbold';
    margin-bottom: 12px;
}

    .poetContentTypeTitle span {
        margin-left: 4px;
        color: #808080;
        font-family: 'latoxregular';
        font-size: 11px;
    }

.poetGhazalListing .contentListItems h4, .poetNazamsListing .contentListItems h4 {
    margin-bottom: 2px;
    /*width: calc(100% - 92px);*/
    width: 100%;
}

.poetNazamsListing .contentListItems h3 {
    width: calc(100% - 92px);
}

.poetProfileLarge {
    /*background-position: left top;
    background-repeat: no-repeat;
    background-size: auto 100%;*/
    /*height: 300px;*/
    position: relative;
    margin-left: -16px;
    margin-right: -16px;
}

    .poetProfileLarge > img {
        width: 100%;
        height: auto;
    }


    .poetProfileLarge:before {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        background: rgba(0,0,0,0.3);
    }

    .poetProfileLarge .poetDetail {
        position: absolute;
        bottom: 16px;
        left: 16px;
        padding: 0;
        display: block;
    }

        .poetProfileLarge .poetDetail h2 {
            margin-bottom: 6px;
        }

        .poetProfileLarge .poetDetail h2, .poetProfileLarge .poetDetail p {
            color: #fff;
        }

.poetAudioListing .poetContentTypeTitle {
    padding-bottom: 18px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 36px;
}

.contentListItemAudio {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #b2b2b2;
    cursor:pointer;
}

.poetAudioTitle {
    font-size: 18px;
    color: #010101;
    letter-spacing: 2px;
    font-family: 'latoxregular';
    margin-bottom: 32px;
    text-transform: uppercase;
}

.morePoetAudio {
    font-size: 14px;
    color: #5ca4ee;
    font-family: 'latoxregular';
    border-bottom: 1px solid #f2f2f2;
    padding: 16px 0;
    display: block;
    text-align: center;
    text-transform: uppercase;
}

.poetFeaturedAudioWrap {
    margin-bottom: 32px;
}

.contentListHeader p a, .contentShortDesc p a{
    color: #00aaff;
    /*border-bottom: 1px solid #00aaff;*/
}

    .contentListHeader p a:hover, .contentShortDesc p a:hover {
        border-bottom: none;
    }

.poetVideoShare {
    position: relative;
}

.poetVideoWrap h2 {
    font-size: 20px;
    color: #000000;
    font-family: 'latoxregular';
    text-transform: uppercase;
    padding: 24px 0;
    border-bottom: 1px solid #f2f2f2;
    border-top: 1px solid #f2f2f2;
}

.poetVideoListing .contentListHeader:after {
    display: none;
}

.poetVideoListing .contentListHeader {
    margin-bottom: 0;
}

.poetVideoPlayer {
    float: left;
    width: 55%;
    padding-right: 15px;
    border-right: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}

.poetVideoListingWrap {
    float: none;
    position: relative;
    width: auto;
    overflow: hidden;
}

.poetVideoItemsWrap {
    width: auto;
    overflow: auto;
    padding-left: 15px;
    border-bottom: 1px solid #f2f2f2;
    height: 374px;
    padding-top: 12px;
}

.poetVideoListingWrap:after {
    position: absolute;
    content: '';
    right: 0;
    bottom: 1px;
    height: 65px;
    width: 100%;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(255,255,255,0.56)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

.poetVideoContainer {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    /*padding-top: 25px;*/
    padding-top: 0px;
    height: 0;
}

    .poetVideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.poetVideoPlayer h3 {
    font-size: 18px;
    font-family: 'merriweatherheavy';
    color: #000;
    line-height: 1;
    padding: 14px 0;
}

.poetVideoPlayer h4 {
    font-size: 16px;
    font-family: 'latoxregular';
    color: #000;
    line-height: 1;
    margin-bottom: 24px;
}

.poetVideoMoreShare {
    clear: both;
}

    .poetVideoMoreShare > a {
        font-size: 14px;
        font-family: 'latoxregular';
        color: #00aaff;
        line-height: 1;
        text-transform: uppercase;
        border-bottom: 1px solid #00aaff;
        float: left;
    }

        .poetVideoMoreShare > a:hover {
            border-bottom: none;
        }

.poetVideoShare {
    float: right;
    top: -8px;
}

.poetVideoItems {
    margin-bottom: 16px;
    width: 100%;
}

    .poetVideoItems img {
        float: left;
        display: block;
        width: 50px;
        height: 32px;
        margin-right: 16px;
    }

    .poetVideoItems h4 {
        font-size: 16px;
        font-family: 'latoxregular';
        color: #000;
        line-height: 16px;
        float: left;
        padding-right: 16px;
        width: calc(100% - 106px);
        position: relative;
        white-space: nowrap;
        overflow: hidden;
    }

        .poetVideoItems h4:before {
            position: absolute;
            content: '';
            right: 0;
            bottom: 0;
            height: 28px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(255,255,255,0.56)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

    .poetVideoItems span {
        display: block;
        font-size: 10px;
        line-height: 10px;
        margin-top: 4px;
    }

.poetVideoFavorite {
    float: right;
    color: #808080;
}

.poetVideoPlayerWrap {
    margin-bottom: 56px;
}

.poetVideoRecOwn {
    margin-bottom: 56px;
}

    .poetVideoRecOwn h2 {
        font-size: 24px;
        font-family: 'oswaldregular';
        line-height: 1;
        padding: 24px 0;
        border-bottom: 1px solid #f2f2f2;
        border-top: 1px solid #f2f2f2;
        margin-bottom: 24px;
    }

        .poetVideoRecOwn h2 span {
            font-size: 18px;
            font-family: 'latoxregular';
            color: #b2b2b2;
            margin-left: 12px;
        }

.poetVideoSlider h5 {
    font-size: 16px;
    font-family: 'latoxregular';
    color: #000;
    line-height: 1;
    padding: 12px 0;
}

    .poetVideoSlider h5 span {
        font-size: 10px;
        display: block;
        margin-top: 8px;
        text-transform: uppercase;
    }

.poetVideoSlider .bx-controls-direction {
    display: block;
}

.poetVideoSlider .bx-wrapper .bx-controls-direction a {
    width: 52px;
    height: 52px;
    position: absolute;
    top: 50%;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
    margin-top: -56px;
}

    .poetVideoSlider .bx-wrapper .bx-controls-direction a.bx-prev {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/bxsliderLeftt.png);
        left: -26px;
    }

    .poetVideoSlider .bx-wrapper .bx-controls-direction a.bx-next {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/bxsliderRight.png);
        right: -26px;
    }

.poetBioTitle {
    font-size: 14px;
    color: #000000;
    line-height: 1.3;
    font-family: 'latoxbold';
    margin-bottom: 16px;
}
.cmsDtlPara {
    position: relative;
    max-height: 198px;
    overflow: hidden;
}
.aboutPoet.seeFullContent:before {
    display:none;
}
.seeFullContent:before, .glblAutoHeight:before, .kfSrchWrdList:before, .tglRdMrPr:before {
    position: absolute;
    content: '';
    left: 0;
    bottom: 0px;
    height: 65px;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(255,255,255,0.56)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}

    .aboutPoet p {
        font-size: 16px;
        color: #000000;
        line-height: 32px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari' !important;
        margin-bottom: 24px;
        text-align: left !important;
    }
        .aboutPoet p span {
            font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari' !important;
            font-size: 16px !important;
        }
        .aboutPoet p strong {
            font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari' !important;
        }
        .aboutPoet p em {
            font-family: 'latoxitalic','NotoNastaliqUrdu','NotoDevanagari' !important;
        }
.expndClpsRdMr {
    text-align:center;
    padding-bottom:64px;
}
.readMoreAboutpoet {
    font-size: 12px;
    color: #00aaff;
    line-height: normal;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    display: inline-block;
    text-transform: uppercase;
    border-bottom: 1px solid #00aaff;
    margin: 0 auto;
}

.aboutPoetExpand {
    max-height: none;
}

    .aboutPoetExpand:before {
        display: none;
    }

/* career start */
.send-resume {
    margin-top: 32px;
}

    .send-resume a {
        color: #15c9e8;
    }

.gap {
    padding: 16px 0px;
}

.openingMenu li {
    font-family: latoXbold;
    float: left;
}

    .openingMenu li.openingMenuActive {
        background: #eb0045;
        color: #fff;
    }

#careerOutput {
    padding: 16px;
}

    #careerOutput p {
        text-align: center;
        font-size: 16px;
        line-height: 1.3;
        min-height: 24px;
    }

    #careerOutput.careerOutputError p {
        color: #ff0000;
    }

    #careerOutput.careerOutputSuccess p {
        color: #008000;
    }
/*.openingShortDetail {
    display: none;
}*/
.openingContent, .careerBannerContainer {
    width: 100%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0px 16px;
    direction:ltr;
}
.openingContent {
    direction:ltr;
}

.opnngContentInner {
    padding: 0px 0px 32px;
    position: relative;
}

    .opnngContentInner:first-child {
        padding-top: 32px;
    }

.openingBox {
    border-bottom: 1px solid #f2f2f2;
    transition: all 0.3s;
    cursor: pointer;
    background-color: #fbfbfb;
}

    .openingBox:hover {
        background-color: #f6f6f6;
        /*padding: 16px 16px 24px;*/
    }

    .openingBox a {
        display: block;
        padding: 24px;
        color: #000;
        cursor: pointer;
    }

#openingDevelopment {
    display: block;
}

.CareerDetails .opnngContentInner {
    padding: 96px 24px 24px;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    transition: all 0.3s;
    background-color: #fbfbfb;
}

.CareerDetails .openingContent {
    padding-top: 32px;
}

.opnngContentInner h1, .openingContentHeading h1 {
    font-size: 26px;
    color: #1a1a1a;
    font-family: 'latoxbold';
    line-height: 1;
    margin-bottom: 16px;
    text-transform: uppercase;
    text-align: left;
    letter-spacing: 0.1em;
}

.opnngContentInner h2 {
    font-size: 18px;
    color: #010101;
    line-height: 1;
    font-family: 'latoxbold';
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
}

.opnngContentInner .opnngseeMore {
    padding-bottom: 2px;
    margin-top: 16px;
    background-color: #00aaff;
    color: #fff;
    display: inline-block;
    padding: 12px 24px;
    border-radius: 2px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
/*.opnngContentInner .opnngseeMore:hover{
        border-bottom:1px solid #fff;
    }*/
.openingContentHeading {
    text-align:center;
    padding:32px;
}
.openingContentHeading h1{
    text-align:center;
}
.opnngContentInner p, .opnngContentInner ul li, .openingContentHeading p {
    font-size: 16px;
    line-height: 24px;
}
    .openingContentHeading p {
        line-height:24px;
    }
.opnngContentInner ul {
    padding-left:16px;
}
.opnngContentInner ul li {
    list-style:disc;
}

.openingMenu li:before {
    content: "";
    height: 1px;
    width: 100%;
    font-family: latolight;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #ccc;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.skillList {
    padding-left: 16px;
}

    .skillList li {
        list-style: disc;
    }

.openingFormFieldsContainer .send-resume {
    font-size: 32px;
    color: #1a1a1a;
    font-family: 'latolight';
    font-weight: normal;
    text-transform: uppercase;
    letter-spacing: 8.5px;
    margin: 28px 0px 0px;
    padding-bottom:16px;
    /*text-align: center;*/
}
.userPublish .send-resume {
    margin-bottom:16px;
}

.openingFormFieldsContainer {
    width: 100%;
    margin-bottom: 32px;
}

.openingDescription {
    padding-top: 96px;
}

.openingFormFieldsContainer .formField input[type="text"], .openingFormFieldsContainer .formField input[type="email"], .openingFormFieldsContainer .formField input[type="tel"], .searchKafia .formField input, .openingFormFieldsContainer .formField textarea {
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
    height: 42px;
    font-size: 16px;
    font-family: 'latolight';
    /* text-transform: uppercase; */
    background: none;
    margin-bottom: 20px;
}
#aplrMobile {
    padding-left:92px !important;
}
.srchKafiaFields .formField:after {
    bottom: 20px;
}
.openingFormFieldsContainer .formField textarea {
    height: 120px;
    padding:18px 0;
}
.openingFormFieldsContainer .formField.opnUpload input[type="file"] {
    width: 100%;
    outline: none !important;
    cursor: pointer;
    opacity: 0;
    height: 64px;
    margin-bottom: 0px;
}
.openingFormFieldsContainer .formField.opnUpload .rsmSelected input[type="file"] {
    height: 0;
}
.openingFormFieldsContainer .formField .opnUploadInput.rsmSelected {
    margin-bottom: 0;
}

.openingFormFieldsContainer .formField.opnUpload h2 {
    font-size: 22px;
    float: left;
    margin-top: 28px;
}

    .openingFormFieldsContainer .formField.opnUpload h2 .docFormat {
        font-size: 16px;
    }

.openingFormFieldsContainer .formField .opnUploadInput {
    position: relative;
    width: 100%;
    float: right;
    margin-bottom:32px;
}

.formField.opnUpload {
    display: inline-block;
    width: 100%;
}
.formField.opnUpload:after {
    display:none;
}

.openingFormFieldsContainer .formField.opnUpload .uploadText {
    color: #15c9e8;
    border-bottom: 2px solid #15c9e8;
    display: block;
    height: 100%;
    width: 100%;
    line-height: 68px;
    left: 0;
    top: 0;
    font-size: 18px;
    position: absolute;
    pointer-events: none;
    background: #fff;
    outline: none !important;
    /* cursor: pointer; */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-right: 32px;
    box-sizing: border-box;
}

.opnClose {
    display: inline-block;
    top: 20px;
    right: 8px;
    background-size: 54%;
}

.openingFormFieldsContainer .formField.opnUpload .uploadText i, .opnClose {
    display: none;
    width: 26px;
    height: 26px;
    position: absolute;
    right: 0;
    top: 66%;
    margin-top: -13px;
    background: url(../../www.rekhta.org/Content/3.5/Images/icon-closeBlackSmall.png) no-repeat center center;
    cursor: pointer;
    background-size: 40%;
    z-index: 9;
}

.openingFormFieldsContainer .formField.opnUpload .uploadText.opnUFileChange i {
    display: block;
}

.openingFormFieldsContainer .formField.opnUpload .uploadText.opnUFileChange {
    text-align: left;
    pointer-events: all;
}

.applyForOpening, .aplButton button, .applyNowBtn {
    display: inline-block;
    margin-left: 24px;
    color: #fff;
    background-color: #2DAAE1;
    padding: 10px 24px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    border-radius: 2px;
}

.applyNowBtn {
    position: absolute;
    top: 24px;
    padding: 16px 24px;
    left: calc(50% - 77px);
    margin-left: 0;
}

.aplButton button {
    border: none;
    padding: 14px 32px;
    margin: 0px;
    width: 100%;
    font-size: 16px;
    margin-top: 48px;
    cursor: pointer;
}

.openingDescription .applyNowBtn {
    position: absolute;
    top: 24px;
    right: calc(50% - 82px);
}

.applyForOpening:hover, .aplButton button:hover, .applyNowBtn:hover {
    background-color: #5fc5f2;
    color: #fff;
}

.errorAplrMessage {
    display: none;
    font-size: 14px;
    color: #eb0046;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 1px;
}
.jobProfileField {
    margin-bottom:16px;
    overflow:hidden;
}
    .jobProfileField h2 {
        float: left;
        color: #b2b2b2;
        font-size: 16px;
        margin-top: 14px;
        margin-right: 24px;
        font-family: 'latolight';
    }
    .jobProfileField select {
        float: left;
        width: 200px;
        height: 48px;
        border: none;
        border-bottom: 1px solid #b2b2b2;
        color: #b2b2b2;
        font-size: 16px;
        outline: none !important;
        font-family: 'latolight';
        text-transform: uppercase;
    }
.opnUploadInput .errorAplrMessage {
    position: absolute;
    left: 0;
    bottom: -24px;
}
.aplrChoice {
    margin-top:16px;
    position:relative;
    padding-bottom: 24px;
}
    .aplrChoice label {
        font-size: 14px;
        color: #808080;
    }
    .aplrChoice label input {
        margin: 0px 0px 0px 8px;
        position: relative;
        top: 2px;
    }

/* career page full banner view */
.NewCareer .container, .CareerDetails .container {
    max-width: 100%;
    padding: 0px;
}

.NewCareer .mainContentBody, .CareerDetails .mainContentBody {
    width: 100%;
}

.NewCareer .sidebar, .CareerDetails .sidebar {
    display: none;
}

.sherSection {
    float: left;
}
.bxsliderTopFiveSher .sherSection {
    float:none;
}

.sherLandingBanner.careerBanner {
    background-image: url(../../www.rekhta.org/Content/3.5/Images/careerBanner.jpg);
}

.landingBannerLayout .careerBannerContainer h1 {
    font-size: 32px;
}


/* new home page design */
.sherCollectionSection, .sectionSocialFeeds, .ourCollectionSection, .recommendedPoetSection, .videoSection {
    background-color: #fafafa;
}
.sherCollectionContainer {
    text-align: center;
    padding: 0px 8px;
}
.clcContainer {
    text-align: center;
}
.collectionSlider .sherClContent, .sherClContentInner {
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    text-align: center;
    background-color: #fff;
    /*margin: 0px 4px;*/
    /*margin-bottom: 8px;*/
}
.sherClContent a {
    display: block;
    color: #525252;
    padding-bottom: 4px;
}
    .sherClContent .sherClimg {
        /*background-image: url(https://www.rekhta.org/Content/3.5/Images/sherClc1.jpg);*/
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center;
        width: 100%;
        height: 123px;
    }
.sherClContent .sherClimg {
    height: auto;
    display: inline-block;
    overflow: hidden;
    min-height: 116px;
}
    .sherClContent .sherClimg img {
        height: auto;
        width: 100%;

    }


.sherClContent h3 {
    position: relative;
    font-size: 10px;
    padding: 8px;
    /*font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';*/
    letter-spacing: 0.02em;
    white-space: nowrap;
    overflow-x: hidden;
    /*text-transform:uppercase;*/
}
.sherClContent .clcHeadingLayer {
    padding: 4px;
    position: relative;
    height: 100%;
    text-align:center;
    color:#fff;
    background: -moz-linear-gradient(90deg, rgba(51,51,153,0.7) 0%, rgba(255,0,153,0) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,0,153,0)), color-stop(100%, rgba(51,51,153,0.7))); /* safari4+,chrome */
    background: -webkit-linear-gradient(90deg, rgba(51,51,153,0.7) 0%, rgba(255,0,153,0) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(90deg, rgba(51,51,153,0.7) 0%, rgba(255,0,153,0) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(90deg, rgba(51,51,153,0.7) 0%, rgba(255,0,153,0) 100%); /* ie10+ */
    background: linear-gradient(0deg, rgba(51,51,153,0.7) 0%, rgba(255,0,153,0) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0099', endColorstr='#333399',GradientType=0 ); /* ie6-9 */
}
.clcHeadingLayer h4 {
    /*letter-spacing:0.1em;
    font-size: 10px;
    padding: 8px 0px;*/
    /*font-family: 'latoxbold';*/
    letter-spacing: 0.025em;
    font-size: 14px;
    color: #fff;
    margin-top: 76px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    line-height:normal;
    position:relative;
    /*text-transform:lowercase;*/
}
    .clcHeadingLayer h4 .HeadingFade, .t20SrsCrdDetail h2 .HeadingFade {
        display: none;
        background-color: #000;
        background: -moz-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* ie6-9 */
    }
    /*.clcHeadingLayer h4::first-letter {
        text-transform:uppercase;
    }*/
.clcHeadingLayer p {
    font-size: 10px;
    color: #fff;
    padding: 4px 0px;
    letter-spacing: 0.15em;
    text-transform:uppercase;
    line-height:1;
}
.clcHeadingLayer .clcSep {
    height: 1px;
    width: 25px;
    background-color: #fff;
    margin-top: 8px;
    margin: 8px auto 0;
    display:none;
}
/*.videoFooter .videoDetail {
    text-align: left;
    width:70%;
    float:left;
}*/
.videoFooter .videoDetail h1 {
    margin-bottom:12px;
}
/*.videoFooter .buttonShare {
    text-align: right;
    float: left;
    width: 30%;
    box-sizing:border-box
}*/
    .videoFooter .buttonShare p {
        display: inline-block;
        position: relative;
        top: -16px;
        display:none;
    }
.videoFooter .sharevideoBox{
    display:inline-block;
}
.wordSearchBox {
    width: 100%;
    max-width: 730px;
    position: relative;
    margin: 32px auto ;
}
    .wordSearchBox .wordSearchHltr {
        position: absolute;
        left: 0;
        top: 0;
        width: 97px;
        height: 40px;
        display: block;
        background-color: #00aeef;
        border: 1px solid #00aeef;
        color: #fff;
        font-size: 12px;
        font-family: 'latobold','NotoNastaliqUrd','NotoDevanagari';
        line-height: 40px;
    }
    .wordSearchBox input {
        width: calc(100% - 97px);
        margin-left: 97px;
        height: 40px;
        padding-left: 16px;
        border: 1px solid #525252;
        border-left: 0px;
        font-size: 12px;
        font-family: 'latoxitalic', 'NotoDevanagariRegular','MehrNastaliqRegular';
    }
        .wordSearchBox ::placeholder {
            color: #ccc;
        }
    .wordSearchBox .wordSearchButton {
        font-size: 24px;
        line-height: 38px;
        width: 40px;
        height: 38px;
        display: block;
        position: absolute;
        top: 1px;
        right: 1px;
        color: #a5a5a5;
        cursor: pointer;
    }
    .wordSearchBox .wordSearchButton:hover{
        background-color:#fafafa;
    }

/* social feeds*/
.tweetContent {
    width: 50%;
    margin-right: 32px;
    position: relative;
    padding: 16px;
    background-color: #fff;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.05);
    line-height: 35px;
    color: #868686;
}
.tweetContent .userImg{
    width:48px;
    position:absolute;
    top:0;
    left:0;
}
.tweetContent p{
    padding-left:64px;
}
/*featured poet*/
.featuredPoetSection {
    text-align:center;
}
.featuredPoetContainer {
    max-width: 100%;
    width: 780px;
    margin: 16px auto;
    padding-bottom: 16px;
    position: relative;
    display: inline-block;
}
.featuredPoetContainer:after {
    content: "";
    width: 70px;
    height: 1px;
    background-color: #3a3a3a;
    position:absolute;
    bottom:0px;
    left:calc(50% - 35px);
}
.ftrPoetImg, .ftrPoetDetail {
    float: left;
}
.ftrPoetImg{
    width:23%;
    text-align:center;
}
.ftrPoetImg img{
    width:100%;
    margin-bottom:16px;
}
    .ftrPoetImg p {
        font-size: 8px;
        color: #525252;
        letter-spacing:0.3em;
    }
.ftrPoetDetail {
    width: 77%;
    padding-left: 16px;
    text-align: left;
}
    .ftrPoetDetail h2 {
        font-size: 12.5px;
        margin-bottom: 8px;
        text-transform: uppercase;
        font-family: 'latobold';
    }
        .ftrPoetDetail h2 a {
            color: #525252;
        }
.poetInfoContainer .ftrPoetTag {
    font-size: 9px;
    /*color: #fff;*/
    /*background-color: #ff006a;*/
    padding: 4px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 8px;
}
    .ftrPoetDetail p {
        font-size: 10px;
        color: #525252;
        line-height:16px;
    }
.ftrPoetSher{
    text-align:center;
}
.readFull.rdflFeature{
    margin-top:16px;
}
.shareFeaturedPoet{
    margin-top:64px;
    display:none;
}
.sharevideoBox .shareSocial.socialShareActive{
    left:-151px;
}




/* Rekhta Poet Page Starts (Poet Ghazals, Profile etc) Ends */

/* t20 landing page css */
.t20HeaderContent {
    padding: 32px 0;
    border-bottom: 1px solid #f7f7f7;
    margin-bottom: 32PX;
}

.tSrsHeading {
    font-size: 24px;
    margin-bottom: 16px;
    color: #00bfff;
}

.t20HeaderContent h2 {
    font-size: 32px;
    line-height: 56px;
    white-space: normal;
    max-height: none;
    margin-bottom: 8px;
    font-family: 'merriweatherheavy','rozha_oneregular','ArefRuqa';
}

.sher_card_wrap ul li {
    float: left;
    width: 100%;
    padding: 15px 10px 0 10px;
}

.t20List {
    padding: 0px 0px 16px;
    background-color: #fafafa;
    margin-bottom: 32px;
}

.sher_card {
    position: relative;
    width: 100%;
    float: left;
    padding: 9px;
    border: 1px solid #fff;
    height: 90px;
    background: #fff;
    box-shadow: 1px 2px #dcdcdc;
    -webkit-box-shadow: 1px 2px #dcdcdc;
    -moz-box-shadow: 1px 2px #dcdcdc;
}

    .sher_card > .t20PoetImg {
        width: 72px;
        height: 72px;
        float: left;
        margin-right: 9px;
        border: 2px solid #dcdad2;
    }

    .sher_card > .t20NewImg {
        position: absolute;
        right: 4px;
        top: 4px;
    }

    .sher_card h5 {
        color: #999;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .sher_card h4 {
        color: #333;
        padding-bottom: 10px;
        margin-top: 0;
        border-bottom: 1px solid #e8e8e8;
        width: calc(100% - 81px);
        float: left;
        text-transform: uppercase;
    }

/* t20 tags css */
.tag-link {
    display: block;
    margin: 2px 0;
}

.inner-link {
    width: 100%;
    float: left;
}

.tag-link a {
    width: 100%;
    padding: 10px 10px 10px 33px;
    height: 36px;
    box-shadow: 0 2px 5px #bcbcbc;
    -webkit-box-shadow: 0 2px 5px #bcbcbc;
    -moz-box-shadow: 0 2px 5px #bcbcbc;
}

.inner-link a {
    width: 168px;
    height: 32px;
    float: left;
    display: block;
    padding: 6px 10px 6px 33px;
    background: #fff url(../../www.rekhta.org/Content/Images/format-link-bg.png) no-repeat 10px center;
    box-shadow: 0 2px 5px #bcbcbc;
    -webkit-box-shadow: 0 2px 5px #bcbcbc;
    -moz-box-shadow: 0 2px 5px #bcbcbc;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: normal;
    color: #333;
    transition: all .1s ease;
    -webkit-transition: all .1s ease;
    -o-transition: all .1s ease;
    -moz-transition: all .1s ease;
    -ms-transition: all .1s ease;
}
.heightWithTranslation {
    height: 374px !important;
}
.clcContainer .readFullBgBtn {
    height:auto;
}
.clcContainer .sectionTagLine {
    margin-bottom: 0px;
}
    .clcContainer .readFullBgBtn .readFull {
        margin-top: 32px;
    }

.rmmbrSubheading {
    font-size: 12px;
    margin-bottom: 16px;
    color: #969696;
}
/* t20 series */
.t20SrsCrd {
    margin-bottom: 24px;
    position: relative;
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.08);
    border: 1px solid #f2f2f2;
}
.t20SrsCrdNew {
    /*background-image: url(https://www.rekhta.org/Content/3.5/Images/tsrs.jpg);*/
    box-sizing: border-box;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
}
    .t20SrsCrdNew .t20srcGrdntLayer {
        background-color: rgba(0,0,0,0.35);
        padding: 4px;
    }
        .t20SrsCrdNew .t20srcGrdntLayer .t20SrsCrdDetail {
            height:227px;
        }
.t20SrsCrdDetail{
    padding:12px;
    border:2px solid rgba(254,254,254,0.34);
}
.t20SrsCrdDetail p{
    font-size:16px;
    color:#fff;
    margin-bottom:8px;
}
    .t20SrsCrdDetail h2 {
        font-size: 28px;
        color: #fff;
        font-family: 'oswaldregular','NotoNastaliqUrdu','NotoDevanagari';
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
        line-height: normal;
        position:relative;
    }
.t20SrsCrd .newt20Tag {
    font-family: 'latoxregular';
    font-size: 12px;
    color: #fff;
    background-color: #eb0046;
    border-radius: 2px;
    padding: 2px 4px;
    letter-spacing: 0.05em;
    display: inline-block;
    position: absolute;
    top: 8px;
    /*bottom: 0;*/
}
.t20SrsCrd .t20srsCardCmnDetail .newt20Tag {
    top: 86px;
    bottom: auto;
}
.t20SrsCrd.t20SrsCrdNew .newt20Tag {
    top: auto;
    position: relative;
    margin-top: 8px;
}
.t20SrsCrdNew .t20SrsCrdSocial {
    position: absolute;
    margin-top: 140px;
    bottom: 12px;
    left: 16px;
}
    /*.t20SrsCrdSocial {
        text-align: right;
    }*/
        .t20SrsCrdSocial .t20SrsSocial {
            display: inline-block;
            font-size: 14px;
            color: #fff;
            line-height: 32px;
            font-family: 'latoxregular';
            vertical-align: middle;
        }
.shyriImgBox .t20SrsCrdSocial .t20SrsSocial {
    color: #000;
}
        .t20SrsCrdSocial .t20SrsSocial.favorite {
            float:none;
            width:auto;
            height:auto;
            top:auto;

        }
            .t20SrsCrdSocial .t20SrsSocial i {
                margin-right: 4px;
                float: left;
                transition: all 0.3s;
                border-radius: 50%;
                color: #808080;
                position:static;
            }
.t20SrsCrdNew .t20SrsCrdSocial .t20SrsSocial i {
    color:#fff;
}
            .t20SrsCrdSocial .t20SrsSocial.fvrtd i {
                color: #eb0046;
            }
.t20SrsSocial.t20SrsFvrt.active i:before {
    content: '\e98d';
    color: #eb0046;
}
.t20SrsCrdSocial .t20SrsFvrt{
    margin-right:8px;
}
.t20SrsCardCmn {
    width: 48%;
    margin-right: 4%;
    float: left;
    background-color: #fff;
    /*padding: 4px;*/
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.t20SrsCardCmn:nth-child(2n+0) {
    margin-right:0;
}
    .t20SrsCardCmn .t20srsCardCmnImg {
        height:98px;
        /*background-image:url(https://www.rekhta.org/Content/3.5/Images/collectionImgs/sherCollection/Dil.jpg);*/
        background-size:cover;
        background-repeat:no-repeat;
        background-position:center;
    }
.t20SrsCrd .t20ImgPath {
    display: block;
    position: relative;
    padding:8px 8px 2px;
}
.t20srsCardCmnDetail {
    /*padding: 10px 0px 0px;*/
    padding: 8px 0px 0px;
}
.t20srsCardCmnDetail p {
    font-size:8px;
    margin-bottom:4px;
}
    .t20srsCardCmnDetail h2 {
        font-size: 14px;
        /*font-family: 'oswaldregular','NotoNastaliqUrdu','NotoDevanagari';*/
        white-space: nowrap;
        width: 100%;
        overflow: hidden;
        position: relative;
        line-height:1.2;
        color:#000;
        /*text-transform:uppercase;*/
    }
.HeadingFade {
    width: 12%;
    height: 100%;
    display: block;
    right: 0;
    top: 0;
    position: absolute;
    pointer-events: none;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}
.t20SrsCardCmn .t20SrsCrdSocial {
    /*margin-top: 10px;*/
    position:absolute;
    bottom:4px;
    left:4px;
    /*position: relative;*/
}
.t20SrsCardCmn .cpltImgCrd {
    /*padding-bottom: 32px;*/
    padding-bottom: 10px;
    height: 100%;
}
    .t20SrsCardCmn .t20SrsCrdSocial .t20SrsSocial, .cpltTagSlider .t20SrsCrdSocial .t20SrsSocial {
        font-size: 12px;
        line-height: 22px;
    }
        .t20SrsCardCmn .t20SrsCrdSocial .t20SrsSocial i, .cpltTagSlider .t20SrsCrdSocial .t20SrsSocial i {
            font-size: 20px;
            margin-right: 2px;
        }
    .t20SrsCardCmn .t20SrsCrdSocial .t20SrsSocial, .t20SrsCardCmn .t20SrsCrdDetail p {
        color: #000;
    }
.t20SrsCrdNew .t20SrsCrdSocial .shareSocial {
    right: 0;
}
.t20SrsCrdSocial .shareSocial {
    left: 0;
    right:auto;
    top: -28px;
}
.t20SrsCardCmn:nth-child(2n+0) .t20SrsCrdSocial .shareSocial {
    left: -76px;
}
.containTags .sourcesLeft{
    float:left;
}
.containTags .readfullTag {
    float: right;
}
.t20NewContainer{
    display:block;
}

/* Image Shayari page start */
.searchFieldContainer {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 28px;
}
    .searchFieldContainer input, .searchFieldContainer .rfSearchBtn {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .searchFieldContainer input {
        width: 100%;
        padding: 8px 16px;
        border: 1px solid #dadada;
        position: relative;
        z-index: 2;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        font-size: 16px;
        border-radius: 2px 0px 0px 2px;
    }
    .searchFieldContainer input::placeholder {
        color: #b2b2b2;
        font-family: 'latolight';
    }
    .searchFieldContainer .rfSearchBtn {
        border-radius: 0px 2px 2px 0px;
        font-size: 36px;
        border: 1px solid #eb0046;
        background-color: #eb0046;
        color: #fff;
        line-height: 48px;
        border-left: none;
        padding: 0px 8px;
        cursor: pointer;
    }
.shyriImgContainer {
    margin-bottom:64px;
    width:100%;
}
.shyriImgRow {
    position:relative;
}
.shyriImgRowCmn, .eventInnerSlider, .ltflImgGlr {
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-left: -1.5%;*/
}
.shyriImgBox {
    width: 100%;
    margin-bottom: 88px;
    box-sizing: border-box;
    position:relative;
}
poetPrflShyriImageCards {
}
.recomPupularShyriImg.moreShyrFrm .shyriImgRowCmn .shyriImgBox, .poetPrflShyriImageCards .shyriImgRowCmn .shyriImgBox {
    margin-bottom: 48px;
}
.shyriImgMoreContainer .shyriImgBox:nth-child(4) {
    clear: left;
}
.shyriImgLanding .shyriImgBoxNew {
    display: none;
}
.shyriImgBox .shyriImg {
    padding: 8px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    /*box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.06);*/
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.09);
    height: 100%;
    padding-bottom: 36px;
    position: relative;
    box-sizing: border-box;
}
/*.shyriImgBox.shyriImgBoxNew .shyriImg {
    padding-bottom:8px;
}*/
.shyriImg .shareSocial {
    left: 0;
    right: auto;
    top:-16px;
}
.shyriImgBox .favShareGlobal .favShr {
    font-size: 11px;
    line-height: 22px;
}
.shyriImgBoxNew .favShareGlobal .favShr {
    font-size: 12px;
    line-height: 23px;
}
.shyriImgBox .favShareGlobal .favShr i {
    font-size: 22px;
    margin-right: 2px;
}
.shyriImgBoxNew .favShareGlobal .favShr i {
    font-size: 22px;
}
.shyriImgBoxNew .shyriImg {
    position:relative;
}
.shyriImgBox .shyriImg img {
    width: 100%;
    position: relative;
    top: 50%;
    display: block;
    transform: translateY(-50%);
}
.shyriImgLanding .shyriImgBox .shyriImg img, .poetImgshyri .shyriImgBox .shyriImg img, .poetPrflShyriImageCards .shyriImgBox .shyriImg img {
    position: relative;
    transform: translateY(0);
    top: 0;
}
.shyriImgBox.shyriImgBoxNew .shyriImg img {
    top:0;
    transform:translateY(0)
}
.poemPageContentFooter .poemPageTags {
    margin-bottom:32px;
}
/*.shyriImgRowCmn .shyriImgBox .shyriImg img, .cpltImageShayri .shyriImgBox .shyriImg img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
}*/
.shyriImgFooter {
    /*padding:0px 8px;*/
    /*position:relative;*/
    position: absolute;
    max-width: 100%;
    width: 100%;
}
.shyriImgFooter .readfullTag {
    position: relative;
    float: none;
    display: inline-block;
    margin-top: 12px;
    margin-left: -8px;
}
.moreTag .tagHighlt{
    cursor:pointer;
}
    .shyriImgFooter .shyriImgLine {
        font-size: 14px;
        color: #000000;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        width: 100%;
        margin-top: 12px;
        line-height: normal;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    }
        .shyriImgFooter .shyriImgLine a:hover {
            color: #00aaff;
        }
        .shyriImgFooter .shyriImgLine a {
            color: #000;
        }
.shyriImgBoxNew .shyriImgFooter .shyriImgLine {
    font-size: 20px;
    margin-top: 20px;
}
    .shyriImgFooter .shyriImgLine .fadeImgSherLine {
        display: block;
        width: 20%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        pointer-events:none;
        background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
    }
.shyriImgFooter .shyriImgPoetName, .shyriImgFooter .shyriImgPoetName a {
    font-size: 12px;
    color: #000000;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    /*letter-spacing: 0.05em;*/
}
.shyriImgBoxNew .shyriImgFooter .shyriImgPoetName {
    font-size: 16px;
    margin-top: 12px;
}
.shyriImgFooter .shyriImgTagDetail {
    font-size: 16px;
    color: #4c4c4c;
    margin-top: 18px;
}
.shyriImgBoxNew .shyriImgFooter .shyriImgTagDetail {
    font-size: 20px;
    margin-top: 28px;
}
    .shyriImgFooter .shyriImgTagDetail i {
        color: #ffaa00;
        float: left;
        line-height: 18px;
        font-size: 32px;
        margin-left: -8px;
    }
.shyriImgBoxNew .shyriImgFooter .shyriImgTagDetail i {
    font-size: 42px;
    line-height: 24px;
}
    .shyriImgFooter .shyriImgTagDetail .shyriImgTagName, .shyriImgFooter .shyriImgTagDetail .shyriImgTagMore {
        color: #00aaff;
        cursor:pointer;
    }
.shyriImgSeeMore {
    margin-top: 14px;
    display: block;
    text-align: right;
    color: #00aaff;
    font-size: 13px;
}
.ImgshyriNextPrev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    margin-top: -12px;
}

    .ImgshyriNextPrev .imgShyriPrev {
        left: 0px;
    }

    .ImgshyriNextPrev .imgShyriNext {
        right: 0px;
    }
    .ImgshyriNextPrev a {
        display: block;
        width: 24px;
        height: 24px;
        border-radius: 50%;
        font-size: 16px;
        line-height: 24px;
        text-align: center;
        background-color: #fff;
        color: #808080;
        position: absolute;
        border: 1px solid #f2f2f2;
        transition:all 0.2s;
    }
        .ImgshyriNextPrev a:hover {
            background-color: #eb0046;
            color: #fff;
            border: 1px solid #eb0046;
        }
.favShareGlobal {
    padding-top: 8px;
    position: relative;
    display: inline-block;
    float: right;
}
.shyriImgRow .favShareTagGlobal {
    position: absolute;
    width: 100%;
    left: 0;
    padding: 0px 8px;
    box-sizing:border-box;
}
.shyriImgRow .favShareGlobal {
    padding-top: 8px;
    top: auto;
    /*position:absolute;*/
    margin-left:-5px;
}
    .favShareGlobal .favShr {
        font-size: 28px;
        color: #4c4c4c;
        display: inline-block;
        line-height: 48px;
        top: auto;
        width: auto;
        height:auto;
    }
        .favShareGlobal .favShr i {
            font-size: 48px;
            float: left;
            color: #808080;
        }
    .favShareGlobal .favGlobel {
        margin-right:8px;
    }
        .favShareGlobal .favGlobel i:hover:before, .favShareGlobal .favGlobel.active i:before {
            content: '\e98d';
            color: #eb0046;
        }
    .favShareGlobal .shareGlobel i:hover {
        color: #00aaff;
    }
.shyriImgWrap .readFullBgBtn{
    text-align:center;
}
.syriImgInfo {
    margin-top: 16px;
    text-align: center;
    /*border-bottom: 1px solid #f2f2f2;*/
    padding-bottom: 24px;
    margin-bottom: 32px;
    position:relative;
}
.wtTag .syriImgInfo {
    border-bottom: none;
}
.shyriImgBoxNew .shyriImgFooter .containTags .readfullTag {
    /*float:left;*/
    float: right;
    margin-top: 24px;
}
.shyriImgBoxNew .sourcesLeft {
    margin-top: 24px;
}
    .shyriImgBoxNew .syriImgInfo .btnText {
        display: inline-block;
    }
.syriImgInfo .readFull{
    margin-top:24px;
}
    .syriImgInfo .btnText {
        display:block;
    }
.syriImgInfo .sherSection{
    float:none;
}
.syriImgInfo .shyriImgInfoTag {
    color:#000;
    font-size:36px;
    font-family:'Oswald Regular';
}
    .syriImgInfo .shyriImgInfoSherLine {
        color: #000;
        font-size: 30px;
        font-family: 'latoxitalic';
        margin-top: 28px;
        line-height: 38px;
    }
.syriImgInfo .ShyriImgInfoPoetName {
    margin-top:-10px;
}
.syriImgInfo .ShyriImgInfoPoetName a {
    color: #000;
    font-size: 12px;
    margin-top: 0px;
    line-height: 1.2;
    font-family: 'MerriweatherBold', 'lailaregular','NotoNastaliqUrdu';
    text-transform: uppercase;
}
.shyriImgMoreTags .shyriImgTagName {
    margin-right: 24px;
}
/*.heading24 span {
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
}*/
.shyriImgMoreBox {
    width: 100px;
    height: 100px;
    margin-bottom:4px;
    float: left;
    margin-right: 8px;
    padding: 6px 4px;
    background-color: #fff;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.08);
    border: 1px solid #f2f2f2;
    overflow-y:hidden;
    position:relative;
}
    .shyriImgMoreBox a {
        display: block;
        position: relative;
        height: 100%;
        overflow: hidden;
    }
        .shyriImgMoreBox a:after {
            content: "";
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            background-color: #808080;
            /* opacity: 0.8; */
            box-sizing: border-box;
        }
    .shyriImgMoreBox:last-child a:after {
        display: none;
    }
    .shyriImgMoreBox a img {
        width: 100%;
        position: relative;
        top: 50%;
        transform: translateY(-50%);
        z-index: 1;
    }
    .shyriImgMoreBox.ShyriImgBoxMore{
        text-align:center;
    }
        .shyriImgMoreBox.ShyriImgBoxMore a {
            display: inline-block;
            height: 100%;
            width: 100%;
            line-height: 104px;
            color: #fff;
            background-color: #808080;
            text-transform: uppercase;
        }
.shyriImgMoreNexPrev{
    text-align:center;
}
    .shyriImgMoreNexPrev a {
        display: inline-block;
        width: 170px;
        max-width: 48%;
        text-align: center;
        padding: 18px 0px;
        background-color: #fcfcfc;
        font-size: 16px;
        letter-spacing: 0.1em;
        font-family: 'latoxbold';
        color: #989898;
        text-transform: uppercase;
        border: 1px solid #d9d9d9;
        border-radius: 5px;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }
        .shyriImgMoreNexPrev a:hover {
            color: #fff;
            background-color: #eb0046;
            border: 1px solid #eb0046;
        }
    .shyriImgMoreNexPrev .shyriImgMoreNext {
        margin-right:8px;
    }
.recomPupularShyriImg {
    margin-bottom:24px;
    position:relative;
}
    .recomPupularShyriImg .shyriImgRowCmn {
        padding: 0px 8px;
    }
.rcomPopularHeading, .glblHeading {
    margin-bottom: 20px;
    padding: 8px 0px;
    /*border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;*/
}
.heading24, .evnDtlContent h2, .evnDtlContent h1 {
    font-size: 16px;
    text-transform: uppercase;
    color: #000;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    position: relative;
}
    .heading24:after, .evnDtlContent h2:after, .evnDtlContent h1:after {
        top: auto;
        bottom: -8px;
    }
.imgMoreFrom .heading24 {
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}
    .imgMoreFrom .heading24 a {
        float: none;
        color: #000;
    }
        .imgMoreFrom .heading24 a:hover {
            color: #00aaff;
        }
.rcomPopularHeading a {
    float: right;
    margin-top: 6px;
    padding-bottom: 2px;
    min-height:1px;
}
.recomPupularShyriImg .shyriImgFooter {
    padding-right: 16px;
}
.recomPupularShyriImg .shyriImgBox .favShareGlobal .favShr, .cpltSlideContainer .shyriImgBox .favShareGlobal .favShr {
    font-size: 12px;
    line-height: 24px;
}
    .recomPupularShyriImg .shyriImgBox .favShareGlobal .favShr i, .cpltSlideContainer .shyriImgBox .favShareGlobal .favShr i {
        font-size: 24px;
    }
.shyriImgBox .tagDetail {
    font-size: 14px;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
}
.shyriImgBox .shyriImgInner {
    display: block;
    background-repeat: no-repeat;
    background-size: 400%;
    background-position: 10% 100%;
    position: relative;
    min-height: 100%;
    height: 100%;
}
    .shyriImgBox.mngHeight .shyriImgInner:before {
        content: ' ';
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        opacity: 0.6;
    }
.shyriImgLanding .shyriImgBox.mngHeight .shyriImgInner:before, .poetImgshyri .shyriImgBox.mngHeight .shyriImgInner:before {
    background-color: transparent;
}
/*.shyriImgBox.mngHeight .shyriImg .shyriImgInner img {
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    top:50%;
}*/
.recomPupularShyriImg .shyriImgFooter .shyriImgLine, .cpltSlideContainer .shyriImgFooter .shyriImgLine {
    font-size: 14px;
}
.recomPupularShyriImg .shyriImgFooter .shyriImgTagDetail, .cpltSlideContainer .shyriImgFooter .shyriImgTagDetail {
    font-size: 12px;
}
    .recomPupularShyriImg .shyriImgFooter .shyriImgTagDetail i, .cpltSlideContainer .shyriImgFooter .shyriImgTagDetail i {
        line-height: 14px;
        font-size: 24px;
    }
.imgShrTgName {
    /*white-space: nowrap;
    max-width: 64px;
    text-overflow: ellipsis;
    overflow: hidden;*/
    display: inline-block;
    top: -1px;
    position: relative;
    line-height: 1;
    vertical-align: middle;
}
.syriImgInfo .readFullBgBtn {
    height:auto;
}
/* img shyri end */

.blogList {
    padding-top:84px;
}
.blogList h6 {
    text-transform: uppercase;
    font-size: 16px;
    color: #000;
    margin-bottom: 28px;
    font-family: 'latoxbold';
}
.blogList ul li {
    margin-bottom: 16px;
    list-style:disc;
    margin-left:16px;
}
    .blogList ul li a {
        font-size: 16px;
        color: #000;
        margin-bottom: 16px;
        text-decoration: underline;
    }

 /* dictionary */
.searchCategoryBox {
    position:relative;
}
.matchHeading {
    padding: 18px 0px 0;
    /* background-color: #fafafa; */
    /*border-bottom: 1px solid #f2f2f2;*/
}
    .matchHeading h2 {
        color: #505050;
        font-size: 14px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    }
    .matchHeading h2 span{
        color: #00aaff;
        text-transform:uppercase;
    }
.searchCategory {
    white-space: nowrap;
    border-bottom: 2px solid #f2f2f2;
    /*border-top: solid 2px #f2f2f2;*/
   /* margin-top: 24px;*/
    overflow: hidden;
    /*overflow-x:auto;*/
    padding-right: 28px;
    -ms-overflow-style: none;
    margin-left: -32px;
    padding-left: 32px;
}
    .searchCategory.srchCtgrScrl {
        padding-right: 46px;
    }

    .searchCategory::-webkit-scrollbar {
        display: none;
    }
        .searchCategory li a {
            padding: 21px 16px;
            color: #b2b2b2;
        }
.rekhtaDic, .platDicContainer, .phDic {
    padding: 22px 0px;
    border-bottom: 1px solid #f2f2f2;
}
.phDic {
    border-bottom:0px;
}
.blueSmallHeading {
    font-size: 10px;
    color: #00aaff;
    text-transform:uppercase;
}
.rekhtaDicSrchWord {
    margin-top:24px;
    margin-bottom:50px;
}
    .rekhtaDicSrchWord .dicSrchWord {
        font-size: 24px;
        color: #000;
        font-family: 'latoxitalic';
        position: relative;
        display: flex;
        align-items: center;
    }
        .rekhtaDicSrchWord .dicSrchWord .picWordSoundCard {
            float: none;
            display: inline-block;
            position: absolute;
            right:0;
        }
    .rekhtaDicSrchWord .dicSrchMnng {
        font-size: 16px;
        color: #4c4c4c;
        margin-top: 20px;
        font-family: 'NotoDevanagari','latoxregular', 'NotoNastaliqUrdu';
    }
        .rekhtaDicSrchWord .dicSrchMnng .dicSrchMnngUrdu {
            font-size: 14px;
            padding-left: 10px;
            position: relative;
            margin-left: 10px;
        }
            .rekhtaDicSrchWord .dicSrchMnng .dicSrchMnngUrdu:before, .rltdMatches .rltdMatchWord .rltdWrdHin:before, .rltdMatches .rltdMatchWord .rltdWrdUr:before {
                content: ".";
                position: absolute;
                font-size: 32px;
                color: #808080;
                top: -14px;
                left: 0;
            }
    .rekhtaDicSrchWord .dicSrchWrdSyno {
        font-size: 16px;
        color: #000;
        margin-top: 20px;
        font-family: 'latoxitalic','NotoDevanagari','NotoNastaliqUrdu';
    }
.platDic {
    padding: 0px 0px;
    border-bottom: 1px solid #f2f2f2;
}
    .platDic .platDicDesc, .platDic p {
        margin-top: 20px;
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
    }
.platDicDesc div2 .hi, .platDicDesc div2 {
    padding: 0px;
}
.platDicDesc {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
}
    .platDicDesc div2 .hi {
        font-size:14px;
    }

.platDicDesc br {
    display:none;
}
.platDicContainer .readFull {
    margin-top: 0px;
    line-height: 1.5;
    padding-bottom: 0;
}
.synoDesc, .placDicDesContent:nth-child(odd) {
    background-color: #fafafa;
    padding: 4px 16px;
    border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;
}
    .synoDesc .platDicDesc, .synoDescLast .platDicDesc {
        margin-top: 0px;
    }
.phDic {
    margin-top: 0px;
}
.phDicName, .rltdMatches {
    width: 100%;
    box-sizing:border-box;
}
.phDicName .phDicNmUrl {
    display: table;
    border-bottom: 1px solid #dfdfdf;
    margin-top: 10px;
    cursor: pointer;
}
    .phDicName .phDicNmUrl span {
        display: table-cell;
        vertical-align: middle;
        padding: 16px;
    }
    .phDicName .phDicNmUrl .pageName {
        width: 70%;
        color: #000000;
        font-family: 'latoxbold';
        font-size: 14px;
    }
    .phDicName .phDicNmUrl .pageLang {
        width: 10%;
        color: #808080;
        font-size: 12px;
    }
    .phDicName .phDicNmUrl .pageNum {
        width: 20%;
        color: #262626;
        font-size: 12px;
        font-family: 'latoxbold';
    }
.rltdWords {
    /*margin-top:64px;*/
    margin-top: 22px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom:22px;
}
.blackSmallHeading {
    font-family: 'latoxbold', 'NotoDevanagari', 'NotoNastaliqUrdu';
    font-size: 14px;
    /*color: #000;*/
    color: #00aaff;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.didUMean .blackSmallHeading {
    color: #000;
}
.rltdMatches {
    margin-top: 10px;
    padding: 16px;
    border: 1px solid #dfdfdf;
}
    .rltdMatches .rltdMatchWord span {
        display: inline-block;
        font-family: 'NotoDevanagari','latoxregular', 'NotoNastaliqUrdu';
        position: relative;
        vertical-align:bottom;
    }
    .rltdMatches .rltdMatchWord .rltdWrdEng {
        font-size: 18px;
        font-family: 'latoxbold_italic';
    }
    .rltdMatches .rltdMatchWord .rltdWrdHin, .rltdMatches .rltdMatchWord .rltdWrdUr {
        padding-left: 14px;
        margin-left: 8px;
    }
    .rltdMatches .rltdMatchWord .rltdWrdHin {
        font-size: 14px;
    }
    .rltdMatches .rltdMatchWord .rltdWrdUr {
        font-size: 14px;
    }
    .rltdMatches .rltdMtchSyno, .blackSmlLtrSmall {
        font-size: 14px;
        font-family: 'latoxbold_italic';
        margin-top: 16px;
    }
.didUMean {
    /*margin-top:64px;*/
    margin-top: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid #f2f2f2;
}
.blackSmlLtrSmall {
    margin-top:0px;
}
/*.didUMeanWrd {
    font-size: 16px;
    font-family: 'latoxitalic';
    color: #000;
    padding: 16px 54px 16px 32px;
    -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
    -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
    -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
    box-shadow: 0px 2px 4px rgba(0,0,0,0.25);
    display: inline-block;
    position: relative;
    margin-right: 16px;
    margin-bottom: 16px;
}*/
.didUMeanWrd {
    font-size: 16px;
    /*font-family: 'latolight';*/
    color: #4c4c4c;
    padding: 16px;
    float: left;
    position: relative;
    /*margin-right: 2%;*/
    /*margin-bottom: 16px;*/
    width:auto;
    /*width: 23.5%;*/
    /*border: 1px solid #f3f3f3;*/
    /* text-transform: uppercase; */
    /* background-color: #fafafa; */
}
.didUMeanWrd span {
    width:100%;
    display:block;
    white-space:nowrap;
    /*overflow-y:hidden;*/
    position:relative;
}
    .didUMeanWrd span:after {
        display:none;
    }
.didUMeanWrd:nth-child(4n+0) {
    margin-right:0;
}
    .didUMeanWrd:hover {
        background-color: #fafafa;
    }
.didUMeanContainer {
    margin-top:24px;
}
.didUMeanWrd i {
    font-size: 20px;
    color: #c7c7c7;
    position: absolute;
    top: 14px;
    right: 8px;
    display:none;
}
/*28-02-2023 start*/
.controlsForShareAndLike .shareControls.shareroman {
    display: none;
}
/*28-02-2023 end*/

/* syllabus style */
.collapseContainer
{
    padding-bottom:24px;
}
.clpsBox {
    margin-bottom: 8px;
}
.clpsBtn {
    background-color: #f2f2f2;
    padding: 12px 8px 12px 44px;
    cursor: pointer;
    position: relative;
    border-radius: 4px;
}
.clpsBox.clpsActive .clpsBtn {
    background-color: rgba(204,10,49,0.80);
    border-radius: 4px 4px 0px 0px;
}
.clpsBtn img {
    max-width: 24px;
    position: absolute;
    left: 8px;
    top: 10px;
}
.clpsBtn .syllabusHeading {
    text-transform: uppercase;
    display: block;
    float: left;
    margin-top: 4px;
    font-size: 14px;
    letter-spacing: 0.02em;
    /* font-family: 'latoxbold'; */
    color: #545454;
    max-width: 232px;
    white-space: nowrap;
    overflow-y: hidden;
    position: relative;
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    /* line-height: normal; */
}
.clpsBtn .syllabusHeading::-webkit-scrollbar {
  display: none;
}
.clpsBtn .HeadingFade {
    width: 12%;
    right: 42px;
    background: -moz-linear-gradient(2deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.6) 50%, rgba(242,242,242,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(242,242,242,0.2)), color-stop(50%, rgba(242,242,242,0.6)), color-stop(100%, rgba(242,242,242,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(2deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.6) 50%, rgba(242,242,242,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(2deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.6) 50%, rgba(242,242,242,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(2deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.6) 50%, rgba(242,242,242,1) 100%); /* ie10+ */
    background: linear-gradient(88deg, rgba(242,242,242,0.2) 0%, rgba(242,242,242,0.6) 50%, rgba(242,242,242,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=1 ); /* ie6-9 */
}
.clpsBtn span em {
    font-family: 'latolight','NotoDevanagari', 'NotoNastaliqUrdu';
}
.clpsBox.clpsActive .clpsBtn .HeadingFade {
    background: -moz-linear-gradient(2deg, rgba(214,59,90,0.2) 0%, rgba(214,59,90,0.6) 50%, rgba(214,59,90,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(214,59,90,0.2)), color-stop(50%, rgba(214,59,90,0.6)), color-stop(100%, rgba(214,59,90,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(2deg, rgba(214,59,90,0.2) 0%, rgba(214,59,90,0.6) 50%, rgba(214,59,90,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(2deg, rgba(214,59,90,0.2) 0%, rgba(214,59,90,0.6) 50%, rgba(214,59,90,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(2deg, rgba(214,59,90,0.2) 0%, rgba(214,59,90,0.6) 50%, rgba(214,59,90,1) 100%); /* ie10+ */
    background: linear-gradient(88deg, rgba(214,59,90,0.2) 0%, rgba(214,59,90,0.6) 50%, rgba(214,59,90,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d63b5a', endColorstr='#d63b5a',GradientType=1 ); /* ie6-9 */
}
.clpsBox.clpsActive .clpsBtn span {
    color: #fff;
}
.clpsBtn i {
    color: #888;
    font-size: 20px;
    float: right;
    position:absolute;
    right:8px;
}
.clpsBox.clpsActive .clpsBtn i:before, .pdfActive .rico-arrowthindown:before {
    content: "\e92f";
    color: #fff;
}
.clpsContent {
    padding: 8px;
    border: 1px solid #f3f3f3;
    border-top: none;
    box-sizing: border-box;
    display: none;
    text-align: left;
    direction: ltr;
}
.clpsBox.clpsActive .clpsContent {
    border: 1px solid #eb3d3d;
}
    .clpsContentInner .prgrmDocument {
        /*margin-top: 24px;*/
        display: none;
        position: relative;
        text-align: center;
        padding-bottom: 8px;
        border-bottom: 1px solid #e8e8e8;
        background-color: #fafafa;
    }
.eventRegisterLink.pdfClps {
    border-bottom: none;
    display: block;
    background-color: #fafafa;
    padding: 12px;
    font-size:12px;
    cursor: pointer;
    position:relative;
}
.clpsContentInner {
    margin-bottom: 8px;
}
.clpsContentInner:last-child {
    margin-bottom: 0px;
}
.pdfClose {
    position: absolute;
    font-size: 20px;
    right: 12px;
    bottom: 12px;
    bottom: 10px;
    color: #8a8a8a;
    cursor: pointer;
    display:none;
}
.pdfClps.pdfActive .pdfClose {
    display:block;
}
.pdfDownload {
    display: inline-block;
    background-color: #00aaff;
    padding: 8px 24px;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-top: 8px;
}
.pdfMblDnld {
    position: absolute;
    display: block;
    right: 12px;
    top: 12px;
    font-size: 24px;
    color: #000;
}
.downloadIcon {
    width: 12px;
    height: 12px;
    background-image: url(../../www.rekhta.org/Content/3.5/Images/downloadIcon.png);
    display: block;
    background-size: cover;
    background-position: center;
    opacity: 0.6;
}
/* syllabus end */

/*kaafia start */
/*.kfWlcmPopupLayer {
    display: block;
}*/
.kfPopuInnerContainer {
    max-width: 512px;
}
.kfWlcmPopupLayer .kfPopuInnerContainer {
    padding: 28px 0px 0px;
    text-align: center;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}
.kfWlcmPopupInner {
    padding: 28px 32px;
}
.contentListHeader h1 .qfBeta {
    position: relative;
    top: -26px;
    left: 4px;
    font-size: 12px;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    letter-spacing: 0.06em;
    display: inline-block;
}
.kfWlcmHdngs h3, .kfWlcmHdngs h2 {
    text-transform: uppercase;
}
.kfWlcmHdngs h3 {
    font-size: 12px;
    color: #000;
    letter-spacing: 0.06em;
}
    .kfWlcmHdngs h3 span {
        font-size: 12px;
        position: relative;
        top: 2px;
    }
.kfWlcmHdngs h2 {
    font-size: 23px;
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
    color: #ea0344;
    margin-top:8px;
}
.kfWlcmPopupPara {
    border-top: 1px solid #d8d8d8;
    margin-top:16px;
    padding-top:36px;
}
    .kfWlcmPopupPara p {
        color: #000;
        font-size: 14px;
        line-height: 20px;
    }
.kfwlcmImpLine {
    font-family: 'merriweather_extendedLtIt','NotoNastaliqUrdu','NotoDevanagari';
    letter-spacing: 0.1em;
    margin-top: 16px;
}
.kfWlcmNotes {
    background-color: #f9f9f9;
    padding-bottom: 24px;
}
    .kfWlcmNotes h5 {
        font-size:14px;
        font-family: 'latoxbold','rozha_oneregular','ArefRuqa';
        color: #000;
        text-transform:uppercase;
        position:relative;
        display:inline-block;
        padding:0px 36px;
    }
        .kfWlcmNotes h5:before, .kfWlcmNotes h5:after {
            content:"";
            width:24px;
            height:8px;
            position:absolute;
            top:4px;
            background-position:center;
            background-repeat:no-repeat;
            background-size:cover;
        }
        .kfWlcmNotes h5:before {
            left:0;
            background-image:url(../../www.rekhta.org/Content/3.5/Images/hdngVectorLeft.png);
        }
        .kfWlcmNotes h5:after {
            right: 0;
            background-image: url(../../www.rekhta.org/Content/3.5/Images/hdngVectorRight.png);
        }
    .kfWlcmNotes p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 16px;
    }
.qfMainHeader .searchCategory li {
    padding:16px 9px;
}
body.bdyOverFlow {
    position: fixed;
    overflow: hidden;
   /* height: 100%;*/
    width:100%;
}

    body.bdyOverFlow .wrapper {
        position: relative;
        overflow: hidden;
        height: 100%;
    }
.kafiaContainer {
    position:relative;
}
    .kafiaContainer .blueButtonGlbl.qfBack {
        position: absolute;
        right: 0;
        top: 0;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        letter-spacing: 0.1em;
    }
.selectMatla.slctMtlAftrSrch {
    margin: 24px 0 0 0;
}

.selectMatla .matlaHeading {
    /*float: left;*/
    font-size: 24px;
    opacity: 1;
    margin-bottom: 12px;
    line-height: normal;
}
    .selectMatla .matlaHeading span {
        color: #000;
        font-size: 14px;
        opacity: 0.5;
    }


.selectMatla h3 {
    font-size: 16px;
    color: #000000;
    line-height: 1;
    font-family: 'NotoSansDevanagariMedium,MehrNastaliqRegular';
    font-weight: bold;
}

    .selectMatla h3 span, .selectMatla h3.kfUrduWrd {
        padding-left: 12px;
        display: inline-block;
        vertical-align: middle;
        margin-left: 12px;
        background: url(../images/dot-sep.png) no-repeat left center;
    }

.WordOrigin {
    color: #B2B2B2;
    padding-top:10px;
    font-size:14px;
    line-height:17px;
}
.WordMeaning {
    color: #000;
    font-size: 14px;
    padding-top: 10px;
    line-height:18px;
}
    .WordMeaning span.roundIcon {
        width: 6px;
        height: 6px;
        border: solid 1px #808080;
        border-radius: 100%;
        float: left;
        /* display: -webkit-inline-box; */
        /* line-height: 102px; */
        margin: 8px 6px 0 0;
    }

.kfOutputBox{
margin-top:36px;
}
.kfOutputContent .selectMatla p {
    font-size: 14px;
    letter-spacing: 0.02em;
    position: relative;
    top: -4px;
    color: #b2b2b2;
    font-style: italic;
}
.selectMatlaBtns {
    float:right;
}
    .selectMatlaBtns a {
        display: block;
        float: left;
        color: #000;
        font-size: 12px;
        margin-right: 12px;
        font-family: latoxbold;
        text-transform: uppercase;
        border: 1px solid #bdbdbd;
        border-radius: 4px;
        background-color: #fff;
        width: 74px;
        padding: 12px 0px;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        text-align: center;
    }
.selectMatlaBtns a:last-child {
    margin-right:0;
}
.selectMatlaBtns a:hover{
    background-color:#f2f2f2;
}
    .selectMatlaBtns a.mtlActive {
        background-color: #e81048;
        border: 1px solid #e81048;
        color: #fff;
    }





.searchKafia {
    /*position:relative;*/
    position: absolute;
    width: 100%;
    left: 0;
    top: 37px;
}
    .searchKafia .formField p {
        text-transform: capitalize;
        font-size: 18px;
        top: 12px;
    }
.searchKafia .formField.inputAnim p{
    top:0px;
}
.srchKafiaFields .formField .clearField {
    right:12px;
    top:22px;
    display:none !important;
}
.openingFormFieldsContainer .formField .clearField {
    top: 10px;
}
.srchKfyaButton {
    text-align:right;
}
.srchKfyaButton .blueButtonGlbl{
    margin-right:8px;
}
.blueButtonGlbl {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    background-color: #00aaff;
    border: 1px solid #00aaff;
    padding: 10px 16px;
    border-radius: 2px;
    z-index: 1;
}
.invalidCharMsg {
    display: none;
    position: absolute;
    bottom: 44px;
    font-size: 14px;
    color: #e81048;
    left: 0;
  
}
    .invalidCharMsg.invalidChar {
        display: block;
    }
.kafiaIntroContent .blueSmallHeading{
    font-size:12px;
    margin-bottom:16px;
    font-family:'latoxbold'
}
.glblAutoHeight {
    height: 148px;
    position: relative;
    overflow:hidden;
}
.kafiaIntroContent {
    margin-top: 52px;
}

.accordion {
    margin: 1rem 0;
    padding: 0;
    list-style: none;
}

.accordion-item {
    border-bottom: 1px solid #e5e5e5;
}

.accordion-thumb {
    margin: 0;
    padding: 18px 0;
    cursor: pointer;
    font-size: 16px;
    font-weight: bold;
}

    .accordion-thumb::after {
        content: "";
        display: inline-block;
        height: 7px;
        width: 7px;
        margin-right: 5px;
        margin-left: 0.5rem;
        vertical-align: middle;
        border-right: 1px solid #808080;
        border-bottom: 1px solid #808080;
        transform: rotate(45deg);
        transition: transform 0.2s ease-out;
        position: absolute;
        right: 0;
        /* TOP: 5PX; */
        margin-top: 5px;
    }

.accordion-panel {
    margin: 0;
    padding-bottom: 0.8rem;
    display: none;
}

.accordion-item.is-active .accordion-thumb::after {
    transform: rotate(-135deg);
}

    .kafiaIntroContent p, .kfInstruction p{
        font-size: 14px;
        line-height: 18px;
        text-align: justify;
        margin-bottom: 16px;

    }
    .kafiaIntroContent p.qfExmp {
        float: left;
        width: 33.334%;
        box-sizing: border-box;
    }
    .kafiaIntroContent .qfExmp span {
        color: #000000;
        float:none;
        display: inline-block;
        text-align: center;
        position: relative;
        top: 16px;
        left:25%;   
    }
    .kafiaIntroContent p span {
        color: #eb0046;
    }
    .kafiaIntroContent p strong {
        font-family: 'latoxbold';
    }
.kafiaIntroContent p:last-child {
    margin-bottom:0px;
}
.kafiaIntro .readFullBgBtn .readFull {
    margin-top: 32px;
}
.glbAutoHtFull.glblAutoHeight:before, .kafiaSecond {
    display: none;
}
.srchNrstMenuContainer {
    display: inline-block;
    overflow: hidden;
    overflow-x:auto;
}
.srchNrstMenuNew {
    /*background: #FF004E;*/
    color: #fff;
    display: inline-block;
    border: solid 1px #e1e1e1;
    margin-right: 7px;
    border-radius: 4px;
}

.srchNrstMenu:last-child {
    margin-right: 0;
}
    .srchNrstMenuNew a {
        color: #B2B2B2;
        font-size: 15px;
        padding: 14px;
        padding: 7px 14px;
        display: inline-block;
    }
    .srchNrstMenuNew:hover{
        background: #FF004E;
        border: solid 1px #FF004E;
    }

        .srchNrstMenuNew:hover a {
            color: #fff;
        }
.srchNrstMenu {
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;
    margin:20px 0 0 0;
}
.srchNrstMenu a {
   /*   display: block;
        position: relative;
        letter-spacing: 0.025em;
        float: left;
        color: #585858;
        opacity: 0.5;
        text-align: left;
        font-size: 12px;
        font-family: 'latoxbold';
        width: 33.334%;
        padding: 8px;*/
        /*text-transform: uppercase;
        margin-right:32px;*/
}
    .srchNrstMenu span {
       /* display: inline-block;
        position: absolute;
        margin-left: 34px;
        font-size: 15px;
        letter-spacing: 0.1em;
        color: #888;
        margin-top: -8px;*/
 
    }
.srchNrstMenuSelected {
    background: #FF004E;
    border: solid 1px #FF004E;
}
    .srchNrstMenuSelected a{
        color:#fff;
    }
    .srchNrstMenu .srchNrstActive {
        opacity: 1;
    }

        .srchNrstMenu .srchNrstActive:after {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #e81048;
            bottom: 0;
            left: 50%;
            margin-left: -2px;
        }
.lastElement{
    margin:0;
}
.kafiaSrchRslt {
    /*box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset;*/
    /*background-color: #f3f3f3;*/
   /* border-top: 1px solid rgba(0,0,0,0.02);*/
    /*background-color: #f5f5f5;*/
    /*padding: 24px 12px;*/
    padding: 0;
    position: relative;
}
    .kafiaSrchRslt h2 span{
        font-family:'latoxbold';
    }

    .kfSrchRsltDesc {
        padding: 10px;
        /* background-color: rgba(88, 88, 88, 0.05); */
        border-bottom: 1px solid #fff;
    }

    .kfSrchRsltDesc p {
        font-size: 12px;
        line-height: 16px;
        text-align: justify;
        font-family: 'latoxitalic'
    }
.kfInsdesk {
    display:none;
}
/*.searchCategory.kfSets li:after {
    height: 3px;
}*/
.qfWords h3 {
    display:inline-block;
}
.kfSrchWords {
    padding:0;
    background-color: #fff;
    margin-top: 14px;
    overflow: hidden;
    border: 1px solid #e2e2e2;
    border-radius:4px;
    /* max-height: 190px;
    position:relative;
    transition:all 0.3s;*/
}
 /*   .kfSrchWords.toggleHdSh {
         max-height:236px;
}*/
    .kfSrchWords.toggleHdSh.kfRealHeight, .kfSrchWords.toggleHdSh.kfRealHeight.kfSrchSmlr.smlrOpen {
        padding-bottom: 32px;
    }
    /*.kfSrchWords.toggleHdSh.kfRealHeight.kfSrchSmlr {
        padding-bottom:0;
    }*/

.kfSrchWords.toggleHdSh.kfSrchSmlr:before {
    display:none;
}
.kfSrchWords.toggleHdSh.kfSrchSmlr.smlrOpen:before {
    display:block;
}
    /*.kfSrchWords .glblAutoHeight {
        overflow: visible;
        height:auto;
        max-height:148px;
    }*/
.kfInputContent {
    margin-bottom:64px;
}

    .kfSrchWords .kfSrchWrdList:before {
        display: none;
    }
.kfSrchWords.kfRealHeight, .kfSrchWords.didUMeanAllWord.kfRealHeight {
    overflow: visible;
    max-height: none;
}
        .kfSrchWords.kfRealHeight .kfSrchWrdList {
            max-height: none;
        }
    .kfSrchWords.toggleHdSh.kfRealHeight .kfSrchWrdList:before {
        display: none;
    }
        .kfSrchWrdHeader {
            padding: 9px 14px;
        
        }

    .kfSrchWrdHeader h2 {
        font-size: 14px;
        float: left;
        line-height:18px;
    }

            .kfSrchWrdHeader .meaningSeeMore {
                display: none;
                font-size: 12px;
                /* float: right; */
                color: #00aaff;
                letter-spacing: 0.025em;
                text-transform: capitalize;
                text-transform: uppercase;
                transition: 0.3s;
                position: absolute;
                bottom: 2px;
                left: 2%;
                z-index: 1;
                background: #fff;
                width: 96%;
                text-align: center;
                padding: 14px 0 16px;
            }
.kfInstruction p a {
    font-size: 12px;
    color: #00aaff;
    letter-spacing: 0.025em;
    text-transform: capitalize;
    text-transform: uppercase;
    text-decoration: underline;
    padding: 20px 0 0 0;
    display: inline-block;
}
.kfSrchWords.toggleHdSh .kfSrchWrdHeader .meaningSeeMore {
    display: block;
}
/*.kfSrchWords.toggleHdSh .kfSrchWrdList:before {
    display: block;
}*/
.kfSrchWrdList {
    margin-top: 0;
    padding: 16px 12px 0 12px;
    border-top: solid 1px #e2e2e2;
}
.expnCplsPlsMns {
    display: none;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 2px;

    font-size: 20px;
    color: #808080;
    cursor: pointer;
    z-index: 1;
}
.kfSrchWords.kfSrchSmlr {
    position:relative;
}
.kfSrchWords.toggleHdSh.kfSrchSmlr .kfSrchWrdHeader .meaningSeeMore {
   /* visibility: hidden;
    opacity: 0;*/
    margin-right: -32px;
}
.kfSrchWords.toggleHdSh.kfSrchSmlr.smlrOpen .kfSrchWrdHeader .meaningSeeMore {
    visibility: visible;
    opacity: 1;
    margin-right: 32px;
}
    .kfSrchWords.kfSrchSmlr .expnCplsPlsMns {
        display:block;
    }
.kfSrchWords.kfSrchSmlr.smlrOpen .expnCplsPlsMns:before {
    content: "\e933";
}
/*.kfSrchWords.kfSrchSmlr .kfSrchWrdList {
    display: none;
}
.kfSrchWords.kfSrchSmlr .kfSrchWrdHeader {
    border-bottom:none;
}*/
    .kfSrchWords.kfSrchSmlr.smlrOpen .kfSrchWrdHeader {
       
    }

    .kfSrchWrdList li {
        text-align: left;
        font-size: 14px;
        color: #000000;
        margin-bottom: 12px;
        float: left;
        position: relative;
        overflow: hidden;
        line-height: normal;
        display: block;
        white-space: nowrap;
        padding: 0px 16px 0 0;
    }
.didUMeanAllWord .kfSrchWrdList li {
    width:33.334%;
}
.kfSrchWrdList li a {
    display: inline-block;
    color: #000000;
    background: #E1EFFF;
    padding: 4px 10px;
    border-radius: 20px;
    line-height: 16px
}
    .kfSrchWrdList li a:hover {
        background: #d0e6ff;
    }
    .mngKfWords_3 .kfSrchWrdList li {
    }

.similarGroups {
    font-size: 14px;
    line-height: 17px;
    color: #B2B2B2;
    margin: 15px 0 0 0px;
}
/*.mngKfWords_2 .kfSrchWrdList li {
    width: 33%;
}*/
.mngKfWords_6 .kfSrchWrdList li {
  
}
.landscapeViewPopup {
    position: fixed;
    width: 100%;
    left: 100%;
    background: #fff;
    z-index: 999999999;
    padding: 20px;
    top: 0;
    left: 0;
    height: 100vh;
    color: #000;
    font-size: 20px;
    font-weight: bold;
    justify-content: center;
    align-items: center;
    text-align: center;
    line-height: 28px;
    display: none;
    flex-direction:column;
}
.wordInfoPopup, .kfPopuInnerContainer {
    background-color: #fff;
    width: 100%;
    max-width: 438px;
    bottom: -550px;
    left: 0;
    border-radius: 10px 10px 0 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    padding: 14px 0px 0;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.10);
    transition:0.3s;
    max-height:550px;
}
   /* .wordInfoPopup {
    padding-top:40px;
}*/
.wordInfoPopup p span{
    font-size:14px !important;
}
.kfPdBdr {
    padding: 15px 16px 12px;
    margin-right:8px;
  /*  border-bottom: 1px solid #f3f3f3;*/
}
.kfShNdMorWrds.kfPdBdr {
    padding: 8px 0;
}
.kfPdBdr:last-child {
    border-bottom:0px;
}
.wordInfoPopup:before {
/*    content: "";
    width: 100%;
    height: 32px;
    left: 0;
    top: 0;
    z-index: 1;
    position: absolute;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);  ff3.6+ 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.55)), color-stop(30%, rgba(255,255,255,0.82)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));  safari4+,chrome 
    background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);  safari5.1+,chrome10+ 
    background: -o-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);  opera 11.10+ 
    background: -ms-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);  ie10+ 
    background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);  w3c 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );  ie6-9 */
}
.wordInfoPopup.kfPpfdHd:before {
    display: none;
}
    .kfshrWrdNdMnng .favoriteControls.meaningFav {
        top:-5px;
    }
.kfShrSeefull.rico-glasses:before {
    font-size: 18px;
}

.kfshrWrdNdMnng::-webkit-scrollbar {
    width: 11px;
    background-color: #ededed;
}

.kfshrWrdNdMnng::-webkit-scrollbar-track {
    background: transparent;
}

.kfshrWrdNdMnng::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: #ededed;
    border: 3px solid transparent;
    border-radius: 18px;
}


.kfshrWrdNdMnng::-webkit-scrollbar-track {
    background-color: #ffffff;
}

.kfshrWrdNdMnng::-webkit-scrollbar {
    width: 4px;
    background-color: #ededed;
}
.kfshrWrdNdMnng::-webkit-scrollbar-thumb {
    background-color: #ededed;
    border-radius: 18px;
}

.kfSherMore .kfShrSeefull {
    /* float: left; */
    color: #00aaff;
    text-transform: capitalize;
    margin-top: 0px;
    display: flex;
    display: inline-flex;
    border-left: solid 1px #E1E1E1;
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
}
.kfSherMore span.rico-external {
    font-size: 20px;
    line-height: 16px;
}
.kfSherMore {
    padding: 20px 0 20px;
    /*margin-bottom: 20px;*/
    border-bottom: 1px solid #f3f3f3;
}
.kfSher .kfShrSeefull {
    float: right;
    font-size: 14px;
    color: #00aaff;
    margin-top: 8px;
    display: flex;
}
.kfSher p {
    /*font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';*/
    line-height: 24px;
    font-size: 15px;
}
.kfSher .poetName {
    cursor:inherit;
}
.kfSher .poetName a {
    font-size: 12px;
    cursor: inherit;
}
    .kfSher .poetName a:hover {
        color: #1a1a1a;
    }
.qfWrdPopupHeader #qfWordsRendr {
    padding: 10px 10px 12px;
    line-height: 14px;
    font-size: 14px;
}


#qfWordsRendr span.roundIcon {
    width: 6px;
    height: 6px;
    border: solid 1px #808080;
    border-radius: 100%;
    float: left;
    /* display: -webkit-inline-box; */
    /* line-height: 102px; */
    margin: 4px 6px 0 0;
}
.gzlQfa p {
    margin-top: 16px;
    color: #B2B2B2;
    font-size: 14px;
}
.gzlQfWords {
    margin-top:12px;
}
    .gzlQfWords a {
        color: #000;
        font-size: 14px;
        float: left;
        margin-right: 8px;
        background: #E1EFFF;
        border-radius: 20px;
        padding: 4px 12px 6px;
        margin-bottom: 10px;
    }
qfWrdPopupHeader {
    position: fixed;
    right: 0;
    top: 0;
    color: #808080;
    background-color: #fff;
    width: 100%;
    padding: 4px;
}
.kfPopClose {
    text-align: right;
    position: absolute;
    right: 16px;
    top: 15px;
    cursor: pointer;
}
    .kfPopClose i {
        font-size: 30px;
        color: #808080;
    }
.kfWlcmPopupMain {
    height:400px;
    overflow-y:auto;
}
.kfpopupMngHt .SherExamplesInner .kfShNdMorWrds {
    display: none;
}
.kfpopupMngHt .SherExamplesInner .kfShNdMorWrds:first-child,
.kfpopupMngHt .SherExamplesInner .kfShNdMorWrds:nth-child(2),
.kfpopupMngHt .SherExamplesInner .kfShNdMorWrds:nth-child(3) {
    display: block;
}
.kfshrWrdNdMnng .readFullBgBtn {
    display: none;
    text-align: center;
}
.kfshrWrdNdMnng .readFullBgBtn .readFull {
    margin-top:16px;
}
.kfshrWrdNdMnng.kfpopupMngHt .readFullBgBtn {
    display: block;
}
#set1 {
    display: block;
}
.setContainer {
    display:none;
}
.kfSher .poetName a {
    font-size: 12px;
    line-height: normal;
}
.introSherLines {
    padding: 24px 0px;
    text-align: justify;
    max-width: 320px;
    margin:auto;
}
.example {
    font-size: 14px;
    text-transform: uppercase;
    color: #b8b8b8;
    margin-bottom:24px;
}
.exmplDblClr {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-family: 'latoxbold';
    margin-bottom: 24px;
}
    .exmplDblClr span {
        color: #eb0046;
    }
.introSherLines p, p.qfshrLnInr {
    font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';
    color: #000;
    margin: auto;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 32px;
    text-align:center;
}
#qfWordsRendr {
    padding: 5px 10px;
    line-height: 24px;
}
.pdL24 {
    padding-left:24px;
}
.pdl32 {
    padding-left:32px;
}
.qfMainHeaderSticky .qfMainHeader {
    position: fixed;
    z-index: 9;
    background: #fff;
    top: 67px;
    padding: 10px 0 0 0;
}
.kfOutputContent.qfMainHeaderSticky .kafiaSrchRslt {
   /* padding-top: 148px;*/
}
.qfWrdPopupHeader .dWordAlan {
    padding-left:10px;
}
.qfWrdPopupHeader .favoriteControls.meaningFav {
}
.qfWrdPopupHeader {
    box-shadow: 0px 2px 0px 0px #f7f7f7;
    padding-left:8px;
}
.qfMainHeader .HeadingFade {
    height: 99%;
    display: none;
}
.qfWrdPopupHeader .dWordAF {
    float: left;
}
.topRightIcon {
    float: right;
    margin-right: 50px;
}
.kfIntroList li{
    float:left;
    position:relative;
    padding-left:16px;
    margin-right:16px;
    font-family:'latoxbold';
    text-transform:uppercase;
}
.kfIntroList li:before {
    content:".";
    font-size:32px;
    position:absolute;
    top:-16px;
    left:0;
}
.kfIntroList.exampleList {
    padding:24px 0px;
}
.kfIntroList.exampleList li{
    float:none;
    font-family:'latoxregular';
    text-transform:none;
    line-height:24px;

}
.kfIntroList.exampleList li:before {
    top:-8px;
}
.exampleHeading {
    font-size:20px;
    font-family:'latoxbold';
    color:#000;
}
.qfIntroNote {
    padding: 16px 24px;
    background-color: #fbfbfb;
}
.kafiaIntro {
    direction:ltr;
}
.kafiaIntroContent .qfIntroNote .blueSmallHeading {
    margin-bottom:8px;
}
.rfContactForm .formField.msgField:after {
    bottom: 2px;
}
.kfSrchWords.didUMeanAllWord .kfSrchWrdList li {
    line-height: 32px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}
.kfSrchWords.didUMeanAllWord {
   /* max-height:300px;*/
}
.kfInstruction {
    border: 1px solid #f2f2f2;
    margin-top: 16px;
    border-radius: 2px;
    position: fixed;
    z-index: 999999;
    background-color: #fff;
    bottom: -550px;
    left: 0;
    transition: all 0.3s;
    direction: ltr;
    box-shadow: 0 0 10px #00000029;
    border-radius: 4px;
    border: 1px solid #E2E2E2;
    max-height:550px;
}
.guidelinePopupBg {
    background: rgba(0,0,0,0.3);
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    z-index: 999991;
    display:none;
}
.QfSideBar {
    max-height: 500px;
    overflow: auto;
    padding: 16px;
    display: block;
    margin-right:8px;
}

    .QfSideBar::-webkit-scrollbar {
        width: 4px;
        background-color: #ededed;
    }

    .QfSideBar::-webkit-scrollbar-thumb {
        background-color: #ededed;
        border-radius: 18px;
    }

    .QfSideBar::-webkit-scrollbar-track {
        background-color: #ffffff;
    }

.srchNrstMenu span .match {
    display: none;
}
.kafiaIntro .blueSmallHeading {
    font-size:14px;
    margin-bottom:8px;
}
.kfInstruction .moreMatchesBtn {
    top: -4px;
    cursor: pointer;
    z-index: 1;
    line-height: 30px;
    border: 1px solid #00aaff;
    color: #fff;
    background: #00aaff;
}
.kfInstruction.instructTgl .moreMatchesBtn {
    line-height:48px;
}
.kfInstruction.instructTgl .moreMatchesBtn:before {
    content: "\e931";
}
.kfInstruction.instructTgl {
    bottom:0;
}
.noQfa h2 {
    font-weight: normal;
    color: #4c4c4c;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: justify;
}
.kfSearchText {
    cursor:pointer;
    padding:16px 0px;
}
    .kfSearchText h3 {
        display: inline-block;
        margin-right: 16px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        position:relative;
    }
.searchText.kfSearchText h3:after {
    position: absolute;
    content: "";
    top: 5px;
    right: -12px;
    width: 4px;
    height: 4px;
    background: #ccc;
    border-radius:50%;
}
.kfSearchText h3:last-child:after {
    display: none;
}
    .kfSearchText h3:last-child {
        line-height:normal;
    }
.takhtiSearchResult .searchContentBox {
    padding:0px;
}
.dsblSecondQaafiya {
    cursor: no-drop;
    opacity: 0.5;
}
.dsblSecondQaafiya input {
    pointer-events: none;
}
.searchKafia .searchContent {
    width: 100%;
    margin-top: -1px;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    max-height: 377px;
}
.searchKafia.mtlDblFld .searchContent {
    margin-top: -76px;
}
    .searchKafia .searchContent[data-id="txtSecondKaafia"] {
        margin-top:-16px;
    }
.searchKafia .searchBoxFade {
    bottom:0;
}
.addMoreQfa.addMoreQfaRmv {
    display: none;
}
.kfAddMoreClose {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 14px;
    color: #6f6a6a;
    background-color: #fafafa;
    height: 70%;
    line-height: 4.2em;
    width: 36px;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #ccc;
}
.kfAddMoreClose i{
    font-size:22px;
}
.srchKafiaFields .formField.QfMoreFld .clearField {
    right: 48px;
}


.qfWordInfo {
    background: #fafafa;
    border: solid 1px #e1e1e1;
    padding: 16px 20px 19px;
    width: 100%;
    float: left;
    margin-right: 2%;
    border-radius: 5px;
    margin-top: 10px;
}
.qfWordInfo:last-child{
    margin-right:0;
}

/* qaafiya end */
/*tags page start */
.tagsBlok {
    padding-top: 52px;
}
.tagTotal {
    text-align:right;
}
.rfTagscontainer {
    position: relative;
    margin-bottom: 48px;
}

.tagAlpha {
    display: block;
    width: 24px;
    height: 24px;
    background-color: #919191;
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 24px;
    position: absolute;
    top: 0;
    left: 0;
}

.rfTagList {
    padding-left: 64px;
    position: relative;
}

    .rfTagList:before {
        content: "";
        display: block;
        position: absolute;
        width: 1px;
        height: 100%;
        background-color: #eeeeee;
        top: 0;
        left: 48px;
    }

    .rfTagList ul li {
        min-width: 50%;
        float: left;
        position: relative;
        padding-left: 8px;
    }
    .rfTagList.rfLocationTagList ul li {
        min-width:100%;
    }

        .rfTagList ul li::before {
            content: "";
            height: 4px;
            width: 4px;
            border-radius: 50%;
            background-color: #9e9e9e;
            position: absolute;
            left: 0;
            top: 22%;
        }

        .rfTagList ul li a {
            display: block;
            font-size: 12px;
            color: #4c4c4c;
            padding-right: 28px;
            margin-bottom: 16px;
        }

    .rfTagList li a .rfTagCount {
        font-size: 10px;
        color: #8b8b8b;
        /*float: right;*/
        position: relative;
        /*left: 8px;*/
        margin: 0px 8px;
    }
.tagLanding .sherSection, .comonChsSher .sherSection {
    float: none;
}
.tagLanding .separator {
    background: #d9d9d9;
    margin: 8px auto 48px;
}
.tagSearchCategories {
    /*margin-bottom: 32px;*/
    overflow:hidden;
    position: relative;
    padding: 0px 16px;
}
    .tagSearchCategories.scrollglblIndexing {
        overflow:visible;
    }
    .tagSearchCategories .directionArrow, .tagSearchCategories .HeadingFade{
        display: none;
    }
    .tagSearchCategories.showArrowForScroll .HeadingFade {
        display: block;
    }
.kfSets {
    left: 0;
    position: relative;
    overflow-x:auto;
    /*overflow:visible;*/

}
    /*.kfSets li {
        padding: 0;
    }*/

    .kfSets li a {
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        letter-spacing: 0.05em;
        color: #8e8e8e;
        padding: 21px 16px;
    }

        .kfSets li a span {
            font-size: 10px;
            color: #b2b2b2;
            margin-left: 4px;
        }

            .kfSets li.activeTab a, .kfSets li.activeTab a span {
                color: #010101;
            }

.contentListItems a{
    display:block;
}
.tagLanding .contentListBody .favShareGlobal {
    position: absolute;
    top: 16px;
    right: 0;
    cursor: pointer;
}
.tagLanding .contentListItems .shareSocial, .tagLanding .contentListItems .shareSocial.socialShareActive {
    left: auto;
}
.tagLanding .poetName {
    margin-bottom:16px;
}
.nwPoetSher .poetName {
    margin: 8px 0px 24px;
}

/* tags page end*/
/* couplet page start */
.coupletContainer {
    margin-top: 36px;
    position:relative;
}
.cpltSlideContainer, .morePoetSlider, .mblScrlPrnt {
    margin-top:38px;
    margin-top: 20px;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    position: relative;
    /*padding-bottom:10px;*/
}
.mblScrlInr {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    height: 100%;
    overflow-y:hidden;
}
/*.mblScrlInr .eventAddSection:first-child {
    display:none;
}*/
.poetImgSlider.mblScrlInr {
    height:auto;
}
.cpltTagSlider, .bxsliderPoet {
    /*overflow-x: auto;*/
    -webkit-overflow-scrolling: touch !important;
    width: 100%;
    height: 100%;
    /*display: -webkit-flex;
    display: flex;*/
    overflow-y:hidden;
    /*align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;*/
}
.cpltImageShayri .cpltTagSlider {
    display:flex;
}
.cpltImageShayri .coupletSlider.owl-carousel .owl-stage,
.cpltImageShayri .coupletSlider.owl-carousel .owl-stage .owl-item {
    display: flex;
}
.cpltImageShayri .coupletSlider.owl-carousel .owl-stage .owl-item .t20srsCardCmnDetail {
    bottom:8px;
}
.poetAllSec .morePoetSlider {
    overflow: visible;
}
    .cpltTagSlider::-webkit-scrollbar, .mblScrlInr::-webkit-scrollbar {
        display: none !important;
    }

.cpltTagSlider .cpltTagList, .cpltSlideContainer .t20SrsCardCmn, .cpltSlideContainer .shyriImgBox, .morePoetSlider ul li, .mblScrlInr .bookContent, .mblScrlInr .shyriImgBox, .mblScrlInr .sherClContent, .mblScrlInr .discoverBox, .rVideoSlider .mblScrlInr li, .mblScrlInr .sEMCard, .mblScrlInr .sfEbkBox, .morePoetSlider .searchPoetsList, .eventAddSection, .qzSdbrPlcholder {
    width: 196px;
    min-width: 196px;
    margin-right: 8px;
    float: none;
    display: inline-block;
}
.urduPoetrySlider .owl-item li,
.urduPoetrySliderLoading .owl-item li {
    width: 100%;
}
.mblScrlInr .sherClContent {
    width: 116px;
    min-width: 116px;
}
.mblScrlInr .bookContent {
    min-width: 132px;
    width: 132px;
}
.mblScrlInr .shyriImgBox {
    min-width:256px;
}
.shyriImgRowCmn.mblScrlInr {
    -webkit-flex-wrap: initial;
    flex-wrap: initial;
}
.poetImgshyri.mblScrlInr .shyriImgBox:nth-child(2n+0) {
    margin-right: 16px;
}
.coupletBoxHeader {
    padding: 12px 0px;
    /*border-top: 1px solid #f2f2f2;
    border-bottom: 1px solid #f2f2f2;*/
    /*margin: 48px 0px;*/
    position:relative;
}

    .coupletBoxHeader:before {
        position: absolute;
        bottom: 0;
        content: '';
        left: 0;
        background: #eb0046;
        height: 2px;
        width: 32px;
    }
.coupletContainer:after {
    /*position: absolute;
    left: 50%;
    bottom: -40px;
    width: 128px;
    height: 2px;
    background: #d9d9d9;
    content: '';
    margin-left:-64px;*/
}


.coupletBoxHeader h4, .coupletBoxHeader h2 {
    font-size: 18px;
    text-transform: uppercase;
    display: inline-block;
    direction: ltr;
    font-family: 'oswaldregular','NotoNastaliqUrdu','NotoDevanagari';
    letter-spacing: 1px;
    max-width: calc(100% - 56px);
    line-height: 1.4;
}
    .coupletBoxHeader p {
        font-size: 12px;
        color: #4c4c4c;
        margin-top:8px;
        line-height:1.2;
    }
.coupletBoxHeader a {
    position: absolute;
    right: 0;
    color: #00aaff;
    top: 12px;
    font-size: 18px;
}
/*.cpltTagSlider .cpltTagList {
    float: left;
    margin-right: 16px;
    max-width:196px;
}*/
    .cpltTagSlider .cpltTagList .cpltTag {
        padding: 22px 12px;
        text-align: center;
        display: block;
        background-repeat: repeat;
        color: #fff;
        font-family: 'oswaldregular','NotoDevanagari','NotoNastaliqUrdu';
        /*font-size: 24px;*/
        font-size:20px;
        text-transform: uppercase;
        text-shadow: 0px 5px 5px rgba(0,0,0,0.5);
        border-radius: 7px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .cpltTagSlider .cpltTagList.trndTag_1 .cpltTag {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/ecailles.png);
        background-color: #1bbaef;
}
    .cpltTagSlider .cpltTagList.trndTag_2 .cpltTag {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/escheresque.png);
        background-color: #e48b2c;
    }
    .cpltTagSlider .cpltTagList.trndTag_3 .cpltTag {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/green-gobbler.png);
        background-color: #43a292;
    }
    .cpltTagSlider .cpltTagList.trndTag_4 .cpltTag {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/black-lozenge.png);
        background-color: #d74c87;
    }
    .cpltTagSlider .cpltTagList.trndTag_5 .cpltTag {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/connected.png);
        background-color: #5986ca;
    }
    .cpltTagSlider .cpltTagList.trndTag_1.cpltTagSeeMore .cpltTag {
    }
.cpltSlideContainer .t20SrsCardCmn {
    /*padding:8px 8px 2px;*/
    margin-bottom:0px;
    /*max-width:156px;*/
    margin-left:0;
    vertical-align:top;
}
.contentListing .bx-wrapper, .mainContentBody .bx-wrapper {
    direction: ltr;
}
.cpltTTwenty .bx-viewport, .cpltOcassions .bx-viewport {
    min-height: 214px;
}
.cpltSeeMore {
    padding: 10px 16px;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    background-color: #ec0d4f;
    display: inline-block;
    border-radius: 2px;
}
.t20srsCardCmnDetail.cpltSeeMoreFooter {
    padding: 8px 0px;
    text-align: center;
}
.cpltSlideContainer .imgShrTgName {
    max-width:32px;
}

.cpltSlideContainer .shyriImgFooter {
    padding-right: 16px;
}
.cpltSlideContainer .tagList {
    font-size:12px;
}

    .cpltSlideContainer .shyriImgFooter .readfullTag .tagList .tags {
        font-size: 24px;
        width:24px;
        text-align: center;
    }
.cpltImageShayri .t20SrsCardCmn, .cpltImageShayri .bx-viewport {
    /*min-height: 214px;*/
    min-height: 252px;
    /*max-height: 300px;*/
}
/*.cpltImageShayri .cpltSeeMoreFooter {
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
}*/
.cpltSlideContainer .t20SrsCrdSocial {
    text-align: left;
    /*margin-top:10px;*/
    margin-top: 8px;
}
.cpltImageShayri .shyriImgBox {
    margin-bottom: 0px;
    /*max-width:236px;*/
    max-width: 196px;
}
    .cpltImageShayri .shyriImgBox .shyriImg {
        padding-bottom: 64px;
    }
    .cpltImageShayri .shyriImgBox .t20srsCardCmnDetail {
        position: absolute;
        width: 100%;
        bottom: 8px;
        left: 0;
        padding: 0px 12px;
    }
    .cpltImageShayri .shyriImgBox:last-child .t20srsCardCmnDetail {
        bottom: 40px;
    }
    .ocsnInnerBanner{
        width:100%;
        height:276px;
        background-size:100%;
        background-repeat:no-repeat;
        background-position:center top;
    }
        .ocsnInnerBanner.poetPrflBnr {
            height: auto;
            background-size: cover;
        }
/*.ocsnInnerBanner img {
    width: 100%;
    height: 276px;
}*/
.occasionContainer {
    position: relative;
    /*top: -90px;*/
    top:-50px;
    background-color: #fff;
}
/*couplet page end*/

/* Physical Dictionary Page Starts */

.physicalDictionarySection {
    display: none;
    position: relative;
    z-index:9;
}.physicalDicsCloseBtn {
    display: none;
}
.physicalDictionarySection .physicalDicsCloseBtn:before {
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}

.pDCPageSec {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #fff;
    padding-top: 56px;
    box-sizing: border-box;
    left: 0;
    top: 0;
}

    .pDCPageSec h4 {
        font-size: 14px;
        color: #000000;
        font-family: 'latoxbold';
        padding: 12px 32px 12px 52px;
        position: relative;
    }

        .pDCPageSec h4 span {
            font-size: 10px;
            color: #000000;
            font-family: 'latoxregular';
            display: block;
            margin-top: 6px;
        }

.pDCPageSecCloseBtn {
    position: absolute;
    left: 10px;
    top: 10px;
}

.pDCPageSecImg {
    height: calc(100% - 162px);
    position: fixed;
    top: 108px;
    left: 0;
    width: 100%;
    padding: 16px;
    box-sizing: border-box;
    background: #f2f2f2;
}

    .pDCPageSecImg img {
        height: 100%;
        width: 100%;
        cursor:grab;
    }

    .pDCPageSecImg a, .dicZmInZmOut a {
        position: absolute;
        left: 18px;
        top: 50%;
        margin-top: -20px;
        border-radius: 50%;
        background: rgba(0,0,0,0.4);
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 32px;
        text-align: center;
        color: #fff;
    }

        .pDCPageSecImg a.pDCPageSecImgNext, .dicZmInZmOut a.pDCPageSecImgNext {
            right: 26px;
            left: auto;
        }

.pDFooter {
    background: #eb0045;
    width: 100%;
    padding: 3px 0;
    text-align: center;
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    z-index: 3;
}

    .pDFooter i {
        color: #fff;
        width: 48px;
        height: 48px;
        display: inline-block;
        line-height: 48px;
        cursor: pointer;
    }

.pDCPageSec h2 {
    display: none;
}

.pDContentLisitng {
    position: fixed;
    bottom: -50%;
    left: 0;
    width: 100%;
    height: 50%;
    overflow: auto;
    box-shadow: 0 -8px 24px -8px rgba(0,0,0,.15);
    background: #fff;
    /*padding: 12px 0;*/
    box-sizing: border-box;
    transition: bottom 0.4s;
    -o-transition: bottom 0.4s;
    -moz-transition: bottom 0.4s;
    -webkit-transition: bottom 0.4s;
    z-index: 1;
}

.pDContentLisitngShow {
    bottom: 56px;
}

.pDitemsSec h3 {
    font-size: 16px;
    color: #000000;
    font-family: 'oswaldregular';
    text-transform: uppercase;
    padding: 16px;
    position: relative;
}

    .pDitemsSec h3:before {
        content: '';
        width: calc(100% - 32px);
        height: 1px;
        background: #e2e2e2;
        position: absolute;
        bottom: 0;
        left: 16px;
    }

.pDFooterShow {
    background: #fff;
    box-shadow: 0 -8px 24px -8px rgba(0,0,0,.15);
}

    .pDFooterShow i {
        color: #000;
    }

        .pDFooterShow i:before {
            content: '\e931';
        }

.pDitemSec h5, .pDitemSec h6, .pDitemSec span, .pDitemSec img {
    display: none;
}

.pDitemSec h4 {
    padding: 16px;
    color: #00aaff;
    font-family: 'latoxbold';
    font-size: 14px;
}

.pDitemSec.pDitemSecActive h4 {
    color: #fff;
    background: #00aaff;
}

.pDContentLisitng:after {
    position: fixed;
    content: '';
    left: 0;
    bottom: 56px;
    height: 46px;
    width: 100%;
    background: rgba(255,255,255,0.02);
    background: -moz-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.02)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0.02) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    pointer-events:none;
}

.pDitemSec {
    cursor: pointer;
}
.overflowHidden{
    overflow:hidden;
}


.blogList.rBlogs h6 {
    font-size: 10px;
    color: #00aaff;
    font-family: 'latoxregular','NotoNastaliqUrdu';
    margin-bottom: 8px;
    letter-spacing: 3px;
    line-height: 1;
}
.blogList.rBlogs h2{
    font-family: 'latoxbold', 'NotoDevanagari', 'NotoNastaliqUrdu';
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.blogList.rBlogs .SideBarPostItemBody h4 {
    height: auto;
    line-height: 20px;
    white-space: nowrap;
    font-family: 'latoxbold', 'NotoDevanagari', 'NotoNastaliqUrdu';
}
.rekhtaDicSoundIcon {
    color: #00aaff;
    display: inline-block;
    vertical-align: middle;
    cursor:pointer;
}
    .rekhtaDicSoundIcon:hover {
        color: #008ad0;
    }
.rDiscNotFound {
    margin-top: 32px;
    padding: 16px;
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    font-size: 28px;
}

    .rDiscNotFound p {
        font-family: 'latoxbold', 'NotoDevanagari', 'NotoNastaliqUrdu';
        font-size: 18px;
        color: #4c4c4c;
        line-height: 1.2;
        text-align: center;
        color: #31708f;
    }

/* Physical Dictionary Page Ends */
/* Static Page Css Starts */
.staticPages .contentListHeader h2, .staticPages .contentListHeader h1{
    font-size: 32px;
}
    .staticPages .contentListHeader h2 span, .staticPages .contentListHeader h1 span, .contentListHeader h1 .H1-small, .contentListHeader h2 .H1-small {
        display: inline;
        font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
        font-size: 32px;
    }
    .contentListHeader h1 .H1-small, .contentListHeader h2 .H1-small{
        font-size:38px;
    } 
.staticPages p, .staticPages .contentListBody > div, .staticPages p span, .evnDtlContent p {
    font-size: 16px !important;
    line-height: 1.5 !important;
    margin-bottom: 24px !important;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu' !important;
}
.staticPages p, .staticPages .contentListBody > div {
    text-align:justify;
}
    .staticPages p a, .staticPages .contentListBody > div a, .opnngContentInner p a {
        color: #00aaff;
    }
.staticPages .founder {
    float: left;
    margin-right: 24px;
    margin-bottom: 24px;
}

    .staticPages p strong span {
        font-size: 20px !important;
        line-height: 1.5 !important;
        margin-bottom: 24px !important;
        font-family: 'oswaldregular','rozha_oneregular','ArefRuqa' !important;
    }
.staticPages h2{
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
}
.staticPages p strong.faqHeading {
    font-size: 18px !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
}
.founderVideoWrap h3{
    font-family: 'latoxregular';
    font-size: 20px;
    color: #000000;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom:24px;
}
.founderVideoContainer, .popupVideoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 0px;
}
    .founderVideoContainer iframe, .popupVideoContainer iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.staticPages p.CMSvideoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin-bottom: 0px;
}
.staticPages p.CMSvideoContainer iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.imgShayriLoader {
    position: fixed;
    LEFT: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 9;
    background: rgba(0,0,0,0.1);
}
.contentLoadMorePaging .screenLoader {
opacity:0;
}
.founderVideoList .videoListItem {
float:none;
width:100%;
padding-right:0px;
box-sizing:border-box;
position:relative;
cursor:pointer;
}
    .founderVideoList .videoListItem i {
        position: absolute;
        left: 0;
        top: 0;
        width: 32px;
        height: 32px;
        margin-left: 44px;
        margin-top: 16px;
        color: #fff;
        font-size: 56px;
        pointer-events: none;
    }
    .founderVideoList .videoListItem img {
        float: left;
        display: block;
        width: 150px;
        height: auto;
        margin-right: 12px;
        margin-bottom: 12px;
    }
    .founderVideoList .videoListItem h4 {
        font-size: 14px;
        float: none;
        padding-right: 0;
        line-height: 1.5;
    }

.founderVideoWrap {
    padding-top: 24px;
    padding-bottom: 24px;
}
.modalPopup {
    position: fixed;
    LEFT: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 99999;
    background: rgba(0,0,0,0.3);
    display: none;
}
.popupContent {
    width: 100%;
    max-width: 420px;
    padding: 16px 20px 20px;
    box-sizing: border-box;
    margin: 0 auto;
    top: 50%;
    margin-top: -167px;
    position: absolute;
    left: 0;
    right: 0;
    background: #fff;
    border-radius: 4px;
}
    .popupContent h3 {
        font-family: 'latoxbold';
        font-size: 16px;
        color: #3d3d3d;
        line-height: 1;
        margin-bottom: 16px;
        line-height: 1.4;
        padding-right:20px;
    }
.popupContent i{
    font-size:32px;
    position:absolute;
    right:8px;
    top:4px;
    cursor:pointer;

}
.popupContentNext, .popupContentPrev {
    color: #000;
    font-size: 48px;
    float: left;
    display: block;
    margin-top: 12px;
    width: 48px;
}

.popupContentNext {
    float: right;
}

.rekhtaPopupVideo {
    position: absolute;
    width: 242px;
    left: 30%;
    top: 30%;
    bottom: auto;
    border: 1px solid #F2F2F2;
    box-shadow: 0px 3px 12px rgba(0,0,0,0.05);
    padding: 0;
    transform: translateY(0%);
    -o-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -webkit-transform: translateY(0%);
    display: none;
    z-index: 999;
    transition: all ease-in 0s;
    -o-transition: all ease-in 0s;
    -ms-transition: all ease-in 0s;
    -webkit-transition: all ease-in 0s;
    padding: 12px;
    background: #fff;
}
.rekhtaPopupVideo .rekhtaPopupVideoClose {
    position: absolute;
    right: 16px;
    top: 12px;
    font-size: 24px;
    z-index: 9;
    cursor: pointer;
}
.staticPages ol, .staticPages ul {
    list-style-position: inside;
}
    .staticPages ol li, .staticPages ul li {
        margin-bottom: 16px;
        font-size: 16px;
        line-height: 1.5;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        padding-left:12px;
    }

/* Static Page Css Ends */



/*contact page start */
#status {
    color: red;
    font-size: 14px;
}

/*Show file name after uploading */
.custom-file-upload {
    border: 1px solid #2DAAE1;
    display: inline-block;
    padding: 8px 70px;
    cursor: pointer;
}   

.rfContactUs .contentListing {
    width: 100%;
}
.contactUsWrap {
    margin-bottom: 64px;
}
.rfContactForm .formField {
    margin-bottom: 23px;
}
.rfContactForm .formField:after {
    bottom: 16px;
}
/*.formField.contactWdFlag:after, #applyFormContainer .formField.contactWdFlag:after {
    bottom: 0;
}*/

.rfContactForm .formField p {
    font-size: 16px;
    top: 18px;
    /*font-family: 'latoxregular'*/
    /*width:100%;*/

}
    .formField.contactWdFlag p {
        left: 92px;
    }
#applyFormContainer .formField publishWdFlag p {
    left: 84px;
}

    .rfContactForm .formField input, .rfContactForm .formField textarea {
        /*padding-left: 18px;*/
        box-sizing: border-box;
        height: 52px;
        /*background-color: #fcfcfc;
    border: 1px solid #d9d9d9;
    border-radius: 4px;*/
    }
.rfContactForm .formField textarea {
    padding-top: 24px;
    height: 152px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #b2b2b2;
}
.rfContactButton {
    margin-top:32px;
}
    .rfContactButton button, .rfContactButton a, #divrfContactSbmt a {
        display: inline-block;
        padding: 16px 50px;
        background-color: #eb0046;
        border: 1px solid #eb0046;
        color: #fff;
        font-size: 18px;
        border-radius: 4px;
        text-transform: uppercase;
        cursor: pointer;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari'
    }
.rfCntctDtlContainer, .rfContactMap {
    box-sizing: border-box;
}
.rfContactMap iframe{
    width:100%;
    height:200px;
}
.contactUsMapContainer {
    margin-top:64px;
}
.rfContactMap {
    padding:12px;
    border:1px solid #d9d9d9;
    margin-top:32px;
}
.rfCntctDtlContainer {
    margin-top: 48px;
}
.rfContactDetail {
    position:relative;
    margin-top: 48px;
    padding-top: 16px;
}
.rfContactDetail .sideBarHeading{
    margin-bottom:48px;
}
.rfCntctDtlBox {
    position: relative;
    padding-left: 32px;
    padding-bottom: 24px;
    /*border-bottom: 1px solid #eaeaea;*/
    /*margin-bottom:32px;*/
    margin-bottom: 16px;
    text-align: left;
}
.rfCntctDtlBox:last-child {
    border-bottom:none;
}
    .rfCntctDtlBox .rfLocation {
        position: absolute;
        left: -8px;
        top: -8px;
        color: #eb0046;
    }
    .rfCntctDtlBox h5, .contactUsMapContainer h5 {
        font-size: 16px;
        font-family: 'oswaldregular','NotoDevanagari', 'NotoNastaliqUrdu';
        color: #eb0046;
        text-transform: uppercase;
        text-align: left;
    }
    .rfCntctDtlBox p {
        font-size: 16px;
        color: #4c4c4c;
        margin-top:8px;
        line-height:24px;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari'
    }
        .rfCntctDtlBox p a, .rfCntctDtlBox p a:focus {
            color: #4c4c4c;
        }
.errorMessageGlbl {
    display: none;
    font-size: 16px;
    color: #eb0046;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -4px;
    z-index:1;
}
.rfContSlct .errorMessageGlbl {
    bottom: -22px;
}
.msgField .errorMessageGlbl {
    bottom: -20px;
}
.successMsg {
    padding: 22px 16px;
    text-align: center;
    background: #dff0d8;
    border-radius: 2px;
    color: #3c763d;
    margin-bottom:32px;
    display:none;
}
.rfSocial {
    margin-top:32px;
}
    .rfSocial li a {
        text-align: center;
        background-color: #f1f1f1;
        color: #adadad;
    }
.rfSocial li a.rFonts72 {
    font-size: 32px;
}
.contactUsMapContainer h5 i {
    font-size: 24px;
    margin-right: 8px;
}

/*contact page end */


.dsearchContainer{
    margin-bottom:28px;
}
.rekhtaSearch .rDiscNotFound {
    margin-top: 28px;
}

.contentMoreLoader {
    position: fixed;
    top: 0;
    left: 0;
    /*background: rgba(0,0,0,0.2);*/
    width: 100%;
    height: 100%;
    z-index: 9999;
    
}
    .contentMoreLoader .screenLoader {
        top: 85%;
    }

/* rekhta event page start */
.parentHeading {
    margin:48px 0px;
}
.rfEventYearBox {
    margin-top:56px;
    position:relative;
}
.eventYearContainer {
    margin-top:48px;
}
.eventYearTabs {
    border-bottom: 1px solid #f2f2f2;
}
.eventYearTabs ul li{
    float:left;
    margin-right:4px;
}
    .eventYearTabs ul li a {
        padding: 16px 24px;
        color: #bebebe;
        display: block;
        font-size: 16px;
        /*background-color: #f1f1f1;
        border: 1px solid #dadada;*/
        text-transform: uppercase;
        border-bottom: none;
        position: relative;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari'
    }
        /*.eventYearTabs ul li a:hover, .eventYearTabs ul li.evntYrTabActive a {
            color: #fff;
            background-color: #eb0046;
            border: 1px solid #eb0046;
            border-bottom: none;
        }*/
        .eventYearTabs ul li a:after {
            content: "";
            width: 0;
            height: 2px;
            position: absolute;
            bottom: -1px;
            left: 50%;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            -o-transition: all 0.3s;
            transition: all 0.3s;
            background-color:#eb0046;
        }
    .eventYearTabs ul li.evntYrTabActive a {
        color: #000000;
    }
    .eventYearTabs ul li.evntYrTabActive a:after {
        width: 100%;
        left: 0;
    }
.rfContentBox {
    max-width:156px;
    padding: 8px 0px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid #f2f2f2;
    margin-bottom: 24px;
}

.rfContentBoxOng {
    padding: 16px 0px;
    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.08);
    border: 1px solid #f2f2f2;
    margin-bottom: 24px;
}
.rfImgBox{
    padding:0px 8px;
}
.rfImgBox img {
    width:100%;
}
.rfContentInnerBox {
    padding:0px 16px;
    margin-top:16px;
}
    .rfContentInnerBox .rfTextBlur {
        color: #737373;
        font-size: 15px;
    }
    .rfContentInnerBox .rfContentHeading {
        color: #000;
        /*font-size: 20px;*/
        font-size:16px;
        /*font-family: 'oswaldregular','NotoNastaliqUrdu','NotoDevanagari';*/
        margin-top: 10px;
        text-transform:capitalize;
        line-height:1.2em;
        max-width:90%;
        white-space:nowrap;
        overflow:hidden;
        position:relative;
    }
    .rfContentInnerBox .rfTextBlur.eventLocation {
        margin-top: 10px;
        line-height: 1.4;
        height: 35px;
        position: relative;
        overflow: hidden;
    }
        .rfContentInnerBox .rfTextBlur.eventLocation .HeadingFade {
            height: 50%;
            bottom: 0;
            top: auto;
            width: 32%;
        }
.eventPricingBox {
    border-top: 1px solid #eeeeee;
    margin-top: 16px;
    padding: 16px 16px 0px;
}
    .eventPricingBox .evntPrice {
        float: left;
        font-size: 18px;
        text-transform: uppercase;
        color: #000;
        margin-top: 10px;
    }
    .eventPricingBox .eventBook {
        width: 126px;
        padding: 10px 0px;
        text-align: center;
        text-transform: uppercase;
        font-size: 18px;
        color: #fff;
        border-radius: 4px;
        float: right;
        background-color: #eb0046;
        border: 1px solid #eb0046;
        position:relative;
    }
.eventPricingBox .entryFree {
    cursor: no-drop;
    display:block;
    float:right;
}
    .eventPricingBox .entryFree .eventBook {
        pointer-events: none;
        opacity: 0.3;
        background-color: #cccccc;
        border: 1px solid #cccccc;
    }
.rfCard2, .rfCard3 {
    width: 100%;
    box-sizing: border-box;
}
.individualEventsContainer .rfContentInnerBox .rfContentHeading {
    overflow: hidden;
    line-height: 1.2;
    white-space: nowrap;
    position:relative;
}
    .individualEventsContainer .rfContentInnerBox .rfContentHeading:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 100%;
        width: 20%;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

.individualEventsContainer .rfContentInnerBox .rfTextBlur {
    font-size: 12px;
}
.eventContainer img {
    width:100%;
}
.evnDtlContent {
    margin-top:32px;
}

.eventSlider li {
    max-width:1184px;
}

    .evnDtlContent p, .evnDtlContent p span {
        padding: 0px !important;
        text-align-last: left !important;
    }
    .evnDtlContent .VideoItems, #slider1_container div div {
        float: left;
        width: 19.2%;
        margin-right: 1%;
        margin-bottom: 4px;
    }
        .evnDtlContent .VideoItems:nth-child(5n), #slider1_container div div:nth-child(5n) {
            margin-right: 0;
        }
    .evnDtlContent .VideoItems img{
        width:100%;
    }
        .evnDtlContent .VideoItems .small {
            background-color: rgba(0,0,0,0.4);
            width: 100%;
            padding: 8px 4px !important;
            text-align: center;
            color: #fff;
            max-width: none !important;
            position: relative;
            top:-4px;
        }
    .evnDtlContent h2, .evnDtlContent h1 {
        margin: 32px 0px;
    }
.evnDtlContent img{
    max-width:100%;
}
.jssort03 {
    display:none;
}
.rfEventYearBox .readFull {
    margin-top:0;
    margin-bottom:32px;
}
.individualEvents.cpltSlideContainer .bx-wrapper .bx-viewport {
    min-height: 232px;
}
.upcomingEvent.cpltSlideContainer .bx-wrapper .bx-viewport{
    min-height:356px;
}




/* rekhta event page end */

.pinSocial[data-pinterest=false] .sharePinterest {
    display: none;
}
.pinSocial[data-pinterest=true] .sharePinterest {
    display: inline-block;
}

.shareSocial.pinSocial[data-pinterest=true].socialShareActive {
    width: 236px;
    /*width: 276px;*/
}




.individualLoadMore {
    font-size: 14px;
    color: #00aaff;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    text-transform: uppercase;
    border-bottom: 1px solid #00aaff;
    display: inline-block;
    margin: 0 auto;
}

 .individualLoadMore:hover {
        border-bottom: 1px solid transparent;
    }




.eventLoadMoreOng {
    font-size: 14px;
    color: #00aaff;
    font-family: 'latoxbold';
    text-transform: uppercase;
    border-bottom: 1px solid #00aaff;
    display: inline-block;
    margin: 0 auto;
}

    .eventLoadMoreOng:hover {
        border-bottom: 1px solid transparent;
    }



.eventLoadMore {
    font-size: 14px;
    color: #00aaff;
    font-family: 'latoxbold';
    text-transform: uppercase;
    border-bottom: 1px solid #00aaff;
    display: inline-block;
    margin: 0 auto;
}
.eventLoadMore:hover {
    border-bottom:1px solid transparent;
    
}
#rfYear .individualEvents:first-child {
    padding-top: 0px;
}
.upcomingEvent {
    text-align:center;
}
.rfUpcomingEventsContainer, .glblHeading {
    text-align: left;
}

.rfUpcomingEventsContainerOng, .glblHeading {
    text-align: left;
}
.evnYrHdSh {
    visibility: hidden;
    position: absolute;
    z-index: -1;
    opacity: 0;
    pointer-events: none;
    width:100%;
}
.eventNewsLetterContent {
    margin:0 auto;
    text-align:center;
}
.eventNewsLetter {
    border: 1px solid #f5f5f5;
    margin-top: 48px;
    background-color: #f8f8f8;
}
.eNLIcon {
    width: 52px;
    height: 38px;
    display: inline-block;
    /*background-image: url(https://www.rekhta.org/Content/3.5/Images/mailIcon.png);*/
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% auto;
    margin-bottom: 24px;
}
.eventNewsLetterContent h2 {
    font-family: 'oswaldregular','NotoDevanagari','NotoNastaliqUrdu';
    color: #000000;
    font-size: 20px;
    line-height: 1.2;
    top:20px;
    margin-bottom:24px;
    text-transform:uppercase;
}
.eNLCheckBoxField label {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 12px;
    line-height: 1.2;
    position: relative;
    color: #4c4c4c;
    cursor:pointer;
}
.eventNewsLetterContent p {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 10px;
    line-height: 1.5;
    color: #4c4c4c;
    text-align:left;
}
.eNLCheckBoxField input{
    opacity:0;
}
.eNLCheckBoxField label:before {
    content: "\e942";
    font-family: 'rIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 22px;
    color: #ec0d4f;
    position: absolute;
    left: 0;
    top: -3px;
}
.eNLCheckBoxField label.eNLCheckBoxChecked:before {
    content: "\e943";
}
.eNLCheckBox .eNLCheckBoxField {
    display:inline-block;
    margin-right:10px;
    cursor:pointer;
    margin-left:-4px;
    margin-bottom:8px;
}
.eNLCheckBox {
    margin-bottom:12px;
    margin-bottom:8px;
}
.chkBoxEvntNwsltr {
    text-align:left;
}
.eNLInputField input {
    width: 100%;
    height: 32px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 12px;
    border: none;
    background-color: transparent;
    border-bottom: 1px solid #dadada;
    color: #4c4c4c;
    padding-right: 138px;
}
    .eNLInputField p {
        color: #949494;
        font-family: 'latoxregular';
        font-size: 18px;
        display: none;
        position: absolute;
        left: 0;
        top: 8px;
        pointer-events: none;
    }
        .eNLInputField p.eNLPlaceHolder {
            display: block;
            transition: all ease-in-out 0.2s;
            -o-transition: all ease-in-out 0.2s;
            -webkit-transition: all ease-in-out 0.2s;
            -moz-transition: all ease-in-out 0.2s;
        }
    .eNLInputField.enLPlaceTop p.eNLPlaceHolder {
        font-size: 14px;
        top: -8px;
    }


.eNLInputFieldWrap, .eNLInvalidError.errorAplrMessage {
    position: relative;
}
.eNLInvalidError.errorAplrMessage {
    position: relative;
    top: 8px;
    float: left;
    font-size: 14px;
}
.eventNewsLetterOptionBox {
    display:none;
}
.NwsltrInputFld .envlpIcon {
    position: absolute;
    left: 20px;
    top: 12px;
    width: 32px;
}
.NwsltrInputFld, .eventNewsLetterOptionBox {
    position: relative;
    padding: 16px 24px;
    box-shadow: 0px 2px 3px rgba(0,0,0,0.08);
}
.eventNewsLetterContent.enLPlaceTop .NwsltrInputFld {
    box-shadow:none;
}
.nwsLtrStl .NwsltrInputFld {
    box-shadow: none;
    padding-bottom: 0px;
}
.eNLInputFieldWrap input[type="submit"] {
    font-size: 12px;
    color: #ffffff;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    padding: 0 12px;
    line-height: 32px;
    /*letter-spacing: 1px;*/
    background: #ec0d4f;
    border: none;
    margin: 0;
    display: block;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 4px 4px 0 0px;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.eNLInputField p.eNLError, .eNLInputField p.eNLInvalidError {
    color: #ec0d4f;
}
.rfUpcomingEventsContainerShow .rfContentBox {
    display: none;
}
.rfUpcomingEventsContainerShow .rfContentBox:nth-child(1), .rfUpcomingEventsContainerShow .rfContentBox:nth-child(2) {
    display: block;
}

.rfUpcomingEventsContainerShowOng .rfContentBoxOng {
    display: none;
}

    .rfUpcomingEventsContainerShowOng .rfContentBoxOng:nth-child(1), .rfUpcomingEventsContainerShowOng .rfContentBoxOng:nth-child(2) {
        display: block;
    }
.ongUpcmSlider .rfCard2 {
    max-width: 328px;
}






.individualEvents .rfContentBoxCategory {
    display: none;
}

    .individualEvents .rfContentBoxCategory:nth-child(1), .individualEvents .rfContentBoxCategory:nth-child(2), .individualEvents .rfContentBoxCategory:nth-child(3) {
        display: block;
    }






/* Poet Index Page Starts */

.poetIndexCategory a {
    font-size: 16px;
    color: #bebebe;
    font-family: 'latoregular';
    text-transform: uppercase;
    width: 116px;
    line-height: 36px;
    display: inline-block;
    border: 1px solid #dadada;
    /*border-bottom: none;*/
    border-radius: 2px 2px 0px 0px;
    margin-left: 4px;
    text-align: center;
    background: #f1f1f1;
    padding: 0 16px;
    box-sizing: border-box;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.poetIndexCategory .poetIndexActive {
    color: #ffffff;
    background: #eb0046;
    border: 1px solid #eb0046;
    /*border-bottom: none;*/
}

.poetIndexCategory a:first-child {
    margin-left: 0px;
}

.poetIndexCatWrap {
    /*border-bottom: 1px solid #cccccc;*/
    padding-top: 32px;
    white-space: nowrap;
    overflow: auto;
    width: 100%;
}

.poetContentWrap h1 {
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
    font-size: 38px;
    line-height: 48px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 8px;
}

.poetContentWrap {
    padding-top: 32px;
}
.poetContentWrap .contentListHeader {
    padding-top:0px;
}

.indexPoetDesc {
    font-size: 14px;
    line-height: 1.7;
    color: #4c4c4c;
    margin-bottom: 16px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}



.poetSearch {
    width: calc(100% - 60px);
    position: relative;
    margin-bottom: 58px;
    float: left;
}

    .poetSearch input {
        width: 100%;
        display: block;
        height: 48px;
        color: #909090;
        font-family: 'latoxregular';
        padding: 0 12px;
        box-sizing: border-box;
        border-radius: 3px;
        border: 1px solid #dadada;
    }

    .poetSearch a {
        position: absolute;
        right: 0;
        top: 0;
        height: 100%;
        width: 54px;
        background: #eb0046;
        line-height: 72px;
        text-align: center;
    }

        .poetSearch a i {
            color: #fff;
            font-size: 42px;
        }

.poetIndexShortCate {
    float: right;
    margin-bottom: 18px;
}

.poetIndexIndexing, .alphabetIndexing {
    clear: both;
    margin-top: 20px;
    position: relative;
}

    .poetIndexIndexing li, .alphabetIndexing li {
        float: none;
        /*width: 40px;*/
        border: 1px solid #ececec;
        border-left: none;
        text-align: center;
        font-family: 'latoxbold';
        font-size: 14px;
        line-height: 40px;
        /*display: inline-block;*/
        margin: 0;
        /*border-top: 0;
        border-bottom: 0;*/
        /*margin-left:-3px;*/
    }


        .poetIndexIndexing li:first-child, .alphabetIndexing li:first-child {
            border-left: 1px solid #ececec;
        }

    .poetIndexIndexing .twoColumnalphabet, .alphabetIndexing .twoColumnalphabet {
        width: 8%;
    }

    .poetIndexIndexing li a, .alphabetIndexing li a {
        color: #838383;
        display: block;
        text-transform: uppercase;
        width:40px;
    }
        .poetIndexIndexing li a.IndexActive, .alphabetIndexing li a.IndexActive {
            color: #fff;
            background-color: #eb0046;
        }
        .poetIndexIndexing li a.activeIndex, .alphabetIndexing li a.activeIndex {
            color: #eb0046;
        }

    .poetIndexIndexing .activeAlbhabet a, .alphabetIndexing .activeAlbhabet a {
        color: #eb0046;
    }

.poetColumn, .poetBirthColumn, .poetDemiseColumn, .poetGhazalColumn, .poetNazmColumn {
    float: left;
    padding: 0 8px;
}

.poetColumn {
    float:none;
}

.poetBirthColumn, .poetDemiseColumn, .poetGhazalColumn, .poetNazmColumn {
    width: 12.5%;
    text-align: center;
}

.poetListingHeader h4 {
    color: #000000;
    font-family: 'latoxbold';
    font-size: 14px;
    padding: 22px 8px;
    text-transform: uppercase;
}

.poetListingHeader {
    border-top: 1px solid #ececec;
    border-bottom: 1px solid #ececec;
}

.poetListingItem span {
    /*color: #181818;*/
    color: #4c4c4c;
    /*font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';*/
    font-size: 12px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    width: 78%;
    overflow: hidden;
}
.emgIssCntnt {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 72px);
}
    .emgIssCntnt .ebkSpclNmbr {
        color: #c1c1c1;
        font-size: 12px;
        position: relative;
        top: 4px;
        /*text-transform: uppercase;*/
    }
.emgIssCntnt {
}
.poetListingItem .EbookTblHeader span {
    text-transform:uppercase;
}

.poetListingItem, .fictionEbookListItem, .nwPoetListingItem {
    border-bottom: 1px solid #ececec;
    position: relative;
}
    .poetListingItem > a, .fictionEbookListItem  a{
        display: block;
    }

    .poetListingItem .poetColumn, .poetListingItem .poetBirthColumn, .poetListingItem .poetDemiseColumn, .poetListingItem .poetGhazalColumn, .poetListingItem .poetNazmColumn, .fictionEbookListItem .ebookColumn {
        padding: 22px 8px;
    }
    .poetListingItem .poetColumn, .nwPoetListingItem .poetColumn {
        padding: 12px 8px;
    }

    .poetListingItem img, .ebookColumn img, .ficEbkThumb img, .poetListImg img {
        max-width: 46px;
        max-height: 46px;
        /*float: left;*/
        margin-right: 12px;
        display: inline-block;
        vertical-align: middle;
    }
.ficEbkThumb img {
    margin-right:0px;
}
.poetListImg {
    width:56px;
}
.poetListImg, .nwPoetListingItem .poetDescColumn {
    display: inline-block;
    vertical-align: top;
}
.nwPoetListingItem .poetDescColumn {
    width:calc(100% - 60px);
}

    /*.poetListingItem .poetDescColumn, .fictionEbookListItem .ebookColumn {
        overflow: hidden;
    }*/

.poetDescColumn h2, .fEbookBody h2 {
    color: #181818;
    font-size: 14px;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    /*margin-bottom: 8px;*/
    /*float: left;*/
    position:relative;
    display:inline-block;
    vertical-align:middle;
}
.nwPoetAudioTglActive .poetDescColumn h2, .nwPoetAudioTglActive .poetPlaceDate {
    color: #00aaff;
}
.poetDescColumn.ttlNormal h2 {
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}
.poetDescColumn.ttlOnly h2 {
    margin-top:4px;
}

.fictionEbookListItem .ebookNameDate h2 {
    white-space: nowrap;
    width: 80%;
    overflow: hidden;
    position: relative;
    line-height: 20px;
}
.fictionEbookListItem .eBookNavSubTitle {
    display: block;
    font-size: 12px;
    margin-top: 0px;
    color: #868686;
    text-transform: uppercase;
    width: 100%;
    /*float: left;*/
}

.poetDescColumn p {
    color: #000000;
    font-size: 14px;
    margin-bottom: 4px;
    white-space: nowrap;
    position: relative;
    margin-top: 4px;
    width: 96%;
    overflow: hidden;
}
.Location .poetDescColumn p {
    display:none;
}
.poetContentTypeWrap .ptContentTyp {
    color: #4c4c4c;
    font-size: 11px;
    /*font-family: 'latoxregular';*/
    
    margin: 6px  0px;
    display: none;
    float: left;
    position: relative;
    /*margin-left: -12px;
    margin-right: 12px;*/
    margin-left:0px;
    margin-right:19px;
    text-transform: uppercase;
    max-width: none;
    width: auto;
    overflow: visible;
}
.Location .poetContentTypeWrap .ptContentTyp {
    text-transform:none;
}
.Location .poetContentTypeWrap span {
    font-size:12px;
}
    .poetContentTypeWrap .ptContentTyp:nth-child(1), .poetContentTypeWrap .ptContentTyp:nth-child(2), .poetContentTypeWrap .ptContentTyp:nth-child(3) {
        display: block;
    }
        .poetContentTypeWrap .ptContentTyp:nth-child(3) i {
            display: none;
        }
.poetContentTypeWrap .ptContentTyp i {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 50%;
    /*margin-top: -4px;
    margin-right: -7px;*/
    margin-top:-6px;
    margin-right:-16px;
}
.poetContentTypeWrap .filterContent {
    color: #ffffff;
    background: #64c3a5;
    border-radius:2px;
    margin-left:0;
}
.poetContentTypeWrap {
    position: relative;
    overflow: hidden;
}

    .poetDescColumn p:after, .poetContentTypeWrap:after, .didUMeanWrd span:after, .contentListItems h3:after, .emgIssCntnt span:after, .srchPoetDtl .searchPrsName:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 100%;
        width: 64px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
    .poetContentTypeWrap:after {
        bottom: 2px;
    }

.poetIndexpaging {
    margin-bottom: 18px;
    padding: 12px 0;
    border-bottom: 1px solid #ececec;
}

.audioPoetPlayerWrap {
    width: 100%;
    padding: 16px;
    bottom: -124px;
    transition: bottom ease 0.4s;
    -moz-transition: bottom ease 0.4s;
    -webkit-transition: bottom ease 0.4s;
    -o-transition: bottom ease 0.4s;
    visibility: visible;
    height: auto;
    opacity: 1;
}

.audioPoetPlayerWrapShow {
    visibility: visible;
    height: auto;
    opacity: 1;
    bottom: 0;
}

.audioPoetPlayerHeader h4 {
    font-size: 11px;
    color: #808080;
    font-family: 'latoxbold';
    line-height: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 12px;
}

    .audioPoetPlayerHeader h4 i {
        width: 24px;
        height: 24px;
        display: block;
        float: right;
        cursor: pointer;
        font-size: 24px;
    }

.poetFeaturedAudioDesc {
    overflow: hidden;
    padding-top: 12px;
    z-index: 1;
    position: relative;
}

    .poetFeaturedAudioDesc img {
        width: 40px;
        height: 40px;
        display: block;
        float: left;
        margin-right: 7px;
    }

    .poetFeaturedAudioDesc h4 {
        font-family: 'latoxregular';
        font-size: 14px;
        line-height: 1;
        color: #000;
        position: relative;
        overflow: hidden;
        margin-bottom: 8px;
        display: block;
        white-space: nowrap;
        width: calc(100% - 90px);
        float: left;
    }

        .poetFeaturedAudioDesc h4 .poetFeaturedAudioTrackName {
            margin-bottom: 8px;
            display: block;
            font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        }

        .poetFeaturedAudioDesc h4 .poetFeaturedAudioTrackArtist {
            font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
            font-size: 9px;
            line-height: 1;
            color: #4c4c4c;
            display: block;
            text-transform: uppercase;
        }

        .poetFeaturedAudioDesc h4:after {
            position: absolute;
            content: '';
            right: 0px;
            bottom: -4px;
            height: 38px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

.playPauseBtn {
    width: 40px;
    height: 40px;
    display: block;
    float: right;
    margin-right: -7px;
    color: #000;
    text-align: center;
    line-height: 40px;
}

.poetAudioPlay:before {
    content: '\e973';
}

.audioPoetPlayerWrap .play-pause {
    display: none;
}

.audioPoetPlayerOverlay {
    display: none;
}
.poetFilterBtn {
    /*background: url(https://www.rekhta.org/Content/3.5/Images/filterIcon.png) no-repeat center center;*/
    width: 52px;
    height: 48px;
    border: 1px solid #f2f2f2;
    display: block;
    cursor: pointer;
}
.poetFilter {
    float:right;
}
.poetFilterPopup {
    position: fixed;
    top: 0;
    right: 0;
    max-height: 90%;
    background: #fff;
    max-width: 90%;
    z-index: 9999;
    padding:16px 0 24px;
    width:324px;
    height:100%;
}
.poetNameDatePlace {
    position: relative;
}
.ebookYear {
    float: right;
    display: none;
    color:#000;
}
.nwEbookFiction .poetPlaceDate, .nwEbookFiction .ebookYear {
    position: absolute;
    right: 32px;
    top: 42px;
    display:block;
}

    .poetPlaceDate span {
        display: inline-block;
        color: #000000;
        font-size: 12px;
        max-width:none;
        width:auto;
    }
.poetPlaceDate .poetListDate {
    font-family: 'latoxregular';
    direction: ltr;
    margin-right: 24px;
    /*font-size:14px;*/
}
.poetPlaceDate .poetListPlace {
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}

        .poetPlaceDate span i {
            color: #b2b2b2;
            vertical-align: middle;
            position: relative;
            top: -2px;
            font-size:28px;
        }

        .poetPlaceDate span.poetListPlace {
            color: #3e93d4;
            position: relative;
            /*margin-left: 24px;*/
            max-width:none;
            /*width: 108px;*/
        }
.poetListPlace a {
    color: #00aaff;
}
.nwEbookFiction .poetPlaceDate span.poetListDate {
    width:auto;
}
.fictionEbookListItem.nwEbookFiction .ebookColumn {
    position: relative;
}
.nwEbookFiction .fEbookBody h2 {
    width:50%;
}

        .poetPlaceDate span.poetListPlace:before {
            content: '';
            width: 2px;
            height: 16px;
            background: #b2b2b2;
            position: absolute;
            left: -6px;
            top: 7px;
            display:none;
        }

.newPoet {
    display: inline-block !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-family: 'latoxbold';
    padding: 4px 4px;
    background: #eb0046;
    border-radius: 2px;
    margin-left: 10px;
    line-height: 10px;
    width:auto !important;
}

.tagMoreIcon {
    display: inline-block;
    width: 21px;
    height: 21px;
   /* background: url(https://www.rekhta.org/Content/3.5/Images/moreDotIcon.png) no-repeat left top;*/
    pointer-events: none;
    vertical-align: middle;
    margin-left: 4px;
}
.imgShyariPoetTag .shyriImgPoetName{
float:none;
width:100%;
overflow:hidden;
position:relative;
white-space:nowrap;
}
    .imgShyariPoetTag .shyriImgPoetName:after {
        display: block;
        width: 64px;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        pointer-events: none;
        background: -moz-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(100%, rgba(255,255,255,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* ie10+ */
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=1 ); /* ie6-9 */
        content: '';
    }
.imgShyariPoetTag .readfullTag {
    float: right;
    max-width: 50%;
}
.imgShyariPoetTagSingle .readfullTag, .imgShyariPoetTagSingle .shyriImgPoetName {
    float: none;
    max-width: none;
}
.tablHeaderFixed .EtablInner .fictionEbookListItem.EbookTblHeader {
    position: fixed;
    background-color: #fff;
    z-index: 1;
    width: calc(100% - 32px);
    top: 56px;
    padding: 8px 8px;
    left: 0;
    margin-left: 16px;
}
.tablHeaderFixed .EbookTblInner {
    padding-top:64px;
}


/* Poet Index Page Ends */
/* Image Shayri Update Starts */
.searchFiledInner input {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    height: 48px;
    font-size: 16px;
    /*padding-left:48px;*/
    padding-left: 0px;
}
.searchFiledInner.bckSrch input {
    padding-left: 48px;
}
.srchBack {
    position: absolute;
    left: 0;
    height: 100%;
    display: inline-block;
    /* height: 64px; */
    line-height: 70px;
    background-color: transparent;
    z-index: 9;
    color:#00aaff;  
}
.srchBack i{
    font-size:28px;
}
.searchFiledInner input::placeholder {
    color: #b2b2b2;
    font-size:16px;
}
.searchFiledInner .searchBtn {
    font-size: 24px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin-top: -24px;
}
.favShareTagGlobal .favShareGlobal {
    float:left;
}
.favShareTagGlobal .readfullTag {
    float: right;
    margin-top: 3px;
    position:relative;
}
.favShareTagGlobal .tags {
    line-height: 32px;
    color: #ffaa00;
    display: inline-block;
    vertical-align: middle;
}
.favShareTagGlobal .tagsOpen li a {
    color: #666666;
    text-transform: capitalize;
}
.favShareTagGlobal .tagsOpen li {
    margin-bottom: 24px;
    text-align: left;
    margin: 16px 0 0px;
    margin-left: 0;
    display: block;
}
.favShareTagGlobal .tagsOpen li:first-child{
    margin-top:0;
}
.recomPupularShyriImg .heading24 {
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 18px;
    line-height:1.2;
}
    .recomPupularShyriImg .heading24 a {
        /*display: block;*/
        color: #00aaff;
        font-size:14px;
    }

.recomPupularShyriImg .shyriImgRowCmn {
    padding: 0;
    margin-left: 0;
}
.tagHighltTagIcon {
    pointer-events:none;
}
.recomPupularShyriImg .tagHighltTagIcon, .recomPupularShyriImg span.tags {
    font-size: 24px;
}
.shyriImgBox .moreTag {
    padding-bottom:0;
    /*cursor:pointer;*/
}
.shyriImgBoxNew {
    margin-bottom: 34px;
}
    .shyriImgBoxNew .sourcesLeft {
        margin-bottom:0;
    }
    .shyriImgBoxNew .syriImgInfo {
        padding-bottom:0;
    }
    .shyriImgBoxNew .shyriImgFooter {
        position: static;
    }
.favShareTagGlobal .tags {
    font-size: 24px;
}
.coupletClcImg {
    text-align:center;
}
.cpltSeeMoreTag {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 37%;
    transform: translateY(-50%);
    font-size: 12px;
    text-transform: uppercase;
    color: #fff;
    letter-spacing: 0.1em;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    pointer-events: none;
    padding: 0px 20px;
    line-height: 24px;
}
.cpltSeeMoreTag span{
    display:block;
    line-height:16px;
    font-size:14px;
}
/* Image Shayri Update Ends */

/* Urdu Dicitionary Page Starts */
.dsearchContainer .searchField, .dictionarySearchPage .searchField{
    margin-bottom: 16px;
}
.rekhtaDicSrchWord ol{
    list-style:decimal inside;
}
.blogList.rBlogs {
    padding-top: 48px;
}

.blogList.rBlogs h2 {
    font-size: 20px;
    color: #010101;
    line-height: 1;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    letter-spacing: 4px;
    text-transform: uppercase;
    margin-bottom: 16px;
    text-align: center;
}
    .blogList.rBlogs h3{
        font-size: 11px;
        color: #4c4c4c;
        line-height: 1;
        font-family: 'latoxregular','lailaregular','NotoNastaliqUrdu';
        text-transform: uppercase;
        text-align: center;
        margin-bottom:32px;
    }

    .blogList.rBlogs .SideBarPostItemBody {
        padding-top:0;
    }
.rekhtaDicSrchWord {
    counter-reset: section;
    
}
    .rekhtaDicSrchWord .dicSrchWrdSyno:before {
        counter-increment: section;
        content: counter(section)'. ';
    }
    .rekhtaDicSrchWord .dicSrchWrdSynoSkip:before {
        /*display:none;*/
        content: '';
    }


/* Urdu Dicitionary Page Starts */

/* Poet Index page Update Starts */
.poetIndexCategory {
    position: relative;
    margin-top: 48px;
    border-bottom: 1px solid #cccccc;
}
.nextSubmenu, .prevSubmenu {
    position: absolute;
    top: 35px;
    color: #808080;
    background: #ffffffa3;
}
.prevSubmenu {
    left: -16px;
}
.nextSubmenu {
    right: -16px;
}

.nextPoetIndex, .prevPoetIndex {
    position: absolute;
    top: 5px;
    color: #808080;
    background: rgba(255,255,255,0.5);
    cursor:pointer;
    display:none;
}
.scrollglblIndexing .nextPoetIndex, .scrollglblIndexing .prevPoetIndex {
    top:12px;
}
.collection-header.scrollglblIndexing .nextPoetIndex, .collection-header.scrollglblIndexing .prevPoetIndex {
    top: 12px;
}
.alphabetIndexing .nextPoetIndex, .alphabetIndexing .prevPoetIndex {
    display: block;
}

.prevPoetIndex {
    left: -24px;
}

.nextPoetIndex {
    right: -24px;
}
#content.Poets {
    overflow: hidden;
}
.poetListingWrap {
    margin-bottom:24px;
}
.poetIndexAlphActive a, .poetIndexAlphActive {
    color: #eb0046;
}
.poetVideosListingContent {
    margin-top:48px;
}
.poetVideosListingContent h2 {
    font-size: 16px;
    font-family: 'oswaldregular';
    color: #000000;
    line-height: 1.2;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 8px;
}
    .poetVideosListingContent h2:before {
        position: absolute;
        bottom: 0;
        content: '';
        left: 0;
        background: #eb0046;
        height: 2px;
        width: 32px;
    }
.poetVideoItem {
    margin-bottom: 0px;
    border-bottom: 1px solid #ececec;
    padding: 12px 0;
}
.poetVideoItem img {
    float: left;
    display: block;
    width: 40px;
    height: 40px;
    margin-right: 16px;
    border-radius:50%;
}
.poetVideoItem h4 {
    overflow: hidden;
    font-size: 14px;
    /*font-family: 'latoxbold';*/
    color: #000000;
    line-height: 1.2;
    margin-top:10px;
    text-transform:capitalize;
    padding-right:24px;
}
    .poetVideoItem h4:hover {
        color: #00aaff;
    }
    .poetVideoItem h4 span {
        overflow: hidden;
        font-size: 14px;
        font-family: 'latoxregular';
        color: #000000;
        line-height: 1.2;
        float: right;
    }


/* Poet Index page Update Ends */

/* Urdu Studies Page Starts Here */
.urduStudiesWrap .uSHTabHeader {
    margin-top:32px;
}
    .urduStudiesWrap .uSHTabHeader a:first-child {
        margin-left:0px;
    }
.uSHTabHeader {
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    width: 100%;
    margin-bottom: 32px;
    padding:0px 16px;
}
    .uSHTabHeader a {
        font-size: 16px;
        color: #bebebe;
        font-family: 'latoregular';
        text-transform: uppercase;
        /*width: 116px;*/
        width: auto;
        line-height: 36px;
        display: inline-block;
        border: 1px solid #dadada;
        /* border-bottom: none; */
        border-radius: 2px 2px 0px 0px;
        margin-left: 4px;
        text-align: center;
        background: #f1f1f1;
        padding: 0 16px;
        box-sizing: border-box;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
        .uSHTabHeader a.uSHTabActive {
            color: #ffffff;
            background: #eb0046;
            border: 1px solid #eb0046;
        }
.urduStudiesHeader{
position:relative;
}
    .urduStudiesHeader .nextSubmenu, .urduStudiesHeader .prevSubmenu {
        top: 3px;
    }

    .uSBTabContent{
        display:none;
    }
#uSVolumes {
    display:block;
}
.uSBContentHeader h3, .uSBContentHeader h4 {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxbold','lailaregular','NotoNastaliqUrdu';
    line-height: 1.2;
    text-transform: uppercase;
    float: left;
}
.uSBContentHeader h4 {
    float:right;
}
.uSBContentHeader {
    /*border-top: 1px solid #f2f2f2;*/
    border-bottom: 1px solid #f2f2f2;
    padding:16px 8px;
    margin-bottom:12px;
}
.uSBCAccordionheader {
    cursor: pointer;
    padding: 12px 8px;
    border-bottom: 1px solid #f2f2f2;
}
    .uSBCAccordionheader.uSBCAccordionheaderActive h3, .uSBCAccordionheader.uSBCAccordionheaderActive h4 {
        color: #00c1f8;
    }

    .uSBCAccordionheader h3, .uSBCAccordionheader h4 {
        font-size: 14px;
        color: #000000;
        font-family: 'latoxregular';
        line-height: 1.2;
        text-transform: uppercase;
        float: left;
    }
    .uSBCAccordionheader h3 {
        max-width:70%;
    }
    .uSBCAccordionheader h4 {
        float: right;
    }


.rVideoPlayingWrap {
    border-top: 1px solid #f2f2f2;
    padding-top: 32px;
    margin:32px 0px;
    /*box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.09);*/
        box-shadow: 0px 4px 6px 0px rgba(0,0,0,0.09);
    padding-left: 16px;
    /*position:relative;
    background-color:#fff;*/
}
    /*.rVideoPlayingWrap:before {
        display: block;
        -moz-box-shadow: 0px 0px 30px rgba(0,0,0,.3);
        -webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.3);
        box-shadow: 0px 0px 30px rgba(0,0,0,.3);
        width: 86%;
        left: 7%;
        height: 40%;
        position: absolute;
        bottom: 4px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        z-index: -1;
    }*/
.poetGhazalListing .rVideoPlayingWrap, .nwLutfullah .rVideoPlayingWrap {
    margin-top: 0px;
}
.uSBCAContent {
    padding: 12px 8px 0px;
    display: none;
    background-color: #fafafa;
    /* box-shadow: inset 3px -2px 5px -1px rgba(0,0,0,0.4); */
    /* border: 1px solid #e4e4e4; */
}
.uSBCAContentHeader h3 {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxbold';
    line-height: 1.2;
    text-transform: uppercase;
}
.uSBTitle {
    display: block;
    float: left;
    padding-right: 8px;
    width: 40%;
    box-sizing: border-box;
    /*overflow: hidden;*/
    -webkit-hyphens: auto;
    -ms-hyphens: auto;
    hyphens: auto;
    /*word-break: break-all;*/
    text-align: left;
}
.uSBTranslator {
    display: block;
    float: left;
    padding-right: 8px;
    width: 30%;
    box-sizing: border-box;
    overflow: hidden;
}
.uSBAuthor {
    display: none;
    float: left;
    padding-right: 8px;
    width: 21%;
    box-sizing: border-box;
    overflow: hidden;
}
.uSBArticle {
    display: block;
    float: right;
    width: 19%;
    text-align: right;
    box-sizing: border-box;
    overflow: hidden;
}
.uSBCACBody span, .uSBCACBody a {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxregular';
    line-height: 1.3;
    text-align:left;
}
.uSBCACBody .uSBArticle {
    font-size: 14px;
    font-family: 'latoregular';
    text-transform: uppercase;
    line-height: 26px;
    border-radius: 3px;
    text-align: center;
    padding: 0 12px;
    color: #ffffff;
    background: #eb0046;
    border: 1px solid #eb0046;
    display: inline-block;
    width: auto;
}
.uSBCAContentHeader {
    padding: 12px 4px;
    border-bottom: 1px solid #f3f3f3;
}
.uSBCACBody {
    padding: 12px 4px;
    border-bottom: 1px solid #f3f3f3;
}
.uSSearchResultsheader {
    display:none;
}
.uSSearchResultsBody strong {
    font-family: 'latoxbold';
}
.uSSearchResultsBody span {
    display: block;
    font-size: 14px;
    color: #000000;
    font-family: 'latoxregular';
    line-height: 1.3;
}
.rVideoDescM h3 {
    font-size: 14px;
    font-family: 'latoxbold';
    color: #000000;
    line-height: 1.2;
    overflow: hidden;
    text-transform: uppercase;
    margin-bottom: 4px;
}
.rVideoDescM h4 {
    font-size: 14px;
    font-family: 'latoxregular';
    color: #000000;
    line-height: 1.2;
    text-transform: uppercase;
    overflow: hidden;
    margin-bottom: 8px;
}
.rVideoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    /*margin-bottom: 12px;*/
}
    .rVideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

.rVideoDesc h3 {
    font-size: 14px;
    /*font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';*/
    color: #000000;
    line-height: 1.2;
    /*white-space: nowrap;
    overflow: hidden;
    position: relative;*/
    text-transform: uppercase;
    margin-top: 12px;
    position:relative;
}
    .rVideoDesc h3:before, .rVideoDesc h4:before {
        position: absolute;
        content: '';
        right: 0;
        bottom: -3px;
        height: 100%;
        width: 64px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }

.rVideoDesc h4 {
    font-size: 14px;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    color: #000000;
    line-height: 1.2;
    text-transform: none;
    text-transform: lowercase;
    margin-top: 12px; 
    position: relative;
    /*white-space: nowrap;
    overflow: hidden;*/
    /*white-space: nowrap;
    max-width: 500px;
    overflow: hidden;
    width: 100%;
    text-overflow: ellipsis;*/
}
    .rVideoDesc h4 strong {
        font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
    }
    .rVideoDesc h4 span, .rVideoDesc h3 span {
        display: none;
    }
.newDastaneAmirHamzaPage .contentListHeader:after {
    /*display:none;*/
}

.rVideoListing h6 {
    font-size: 14px;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    color: #000000;
    line-height: 1.2;
    text-transform: uppercase;
    overflow: hidden;
    margin-bottom: 4px;
}
.rVideoListing h5 {
    font-size: 14px;
    font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
    color: #000000;
    line-height: 1.2;
    text-transform: uppercase;
    overflow: hidden;
    /*margin-bottom: 12px;*/
}

.rVideoPlayerWrap {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 16px;
    padding-bottom: 12px;
}
.rVideoListItem {
    padding:8px;
    margin-bottom: 8px;
    width: 100%;
    cursor: pointer;
    border-bottom: 1px solid #f5f5f5;
}
    .rVideoListItem img {
        float: left;
        display: block;
        width: 50px;
        height: 32px;
        margin-right: 16px;
    }

    .rVideoListItem h3 {
        font-size: 12px;
        font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
        color: #000000;
        line-height: 1.2;
        float: left;
        width: calc(100% - 70px);
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        text-transform:lowercase;
        min-height:30px;
    }
        .rVideoListItem h3 span {
            font-size: 8px;
            font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
            color: #000000;
            line-height: 1.3;
            display: block;
            text-transform:uppercase;
            letter-spacing:0.05em;
        }
            .rVideoListItem h3 span:last-child {
                color: #7d7b7b;
            }
        .rVideoListItem h3:before {
            position: absolute;
            content: '';
            right: 0;
            top: 0px;
            height: 100%;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }
.rVideoFav {
    color: #808080;
    float:right;
    width:32px;
    height:32px;
    margin-left:8px;
    display:none;
}



.rVideoListItemWrap {
    padding:0px 0;
    height:112px;
    overflow:auto;
}
.rVideoSliderSection {
padding:30px 0;
}
/*.urdPoetryVdos {
    margin-bottom:28px;
}*/
    .rVideoSliderSection h3 {
        font-size: 16px;
        font-family: 'oswaldregular','NotoDevanagari','NotoNastaliqUrdu';
        color: #000000;
        line-height: 1.2;
        margin-bottom: 24px;
        position: relative;
        padding-bottom: 8px;
        text-transform:uppercase;
    }
    .rVideoSliderSection h3:before {
        position: absolute;
        bottom: 0;
        content: '';
        left: 0;
        background: #eb0046;
        height: 2px;
        width: 32px;
    }
        .rVideoSliderSection h3 a {
            color: #00aaff;
            float: right;
            font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
            font-size: 16px;
            margin-top: 20px;
        }
    .rVideoSliderSection h4 {
        font-size: 14px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        color: #000000;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        padding-top: 12px;
        text-transform:lowercase;
    }
        .rVideoSliderSection h4:before {
            position: absolute;
            content: '';
            right: 0;
            bottom: -3px;
            height: 34px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

        .rVideoSliderSection h4 span {
            font-size: 12px;
            /*font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';*/
            color: #000000;
            line-height: 1.2;
            display: block;
            text-transform:uppercase;
            margin-top:6px;
        }
.rVideoSlider li{
    cursor:pointer;
    vertical-align:top;
}


/* Urdu Studies Page Ends Here */

/* ILMEArooz Page Starts Here */

.rVLHSerial {
    float:left;
    width:100%;
    display:table-cell;
    padding-right:8px;
    box-sizing:border-box;
}
.rVLHSerial, .rVLHSubject, .rVLHFilm, .rVLHDuration {
    vertical-align: middle;
    float: none;
}
.rVLHSubject, .rVLHFilm, .rVLHDuration {
    display:none;
}
.rVLHSubject {
    width: 20%;
    padding-right: 8px;
    box-sizing: border-box;
}
.rVLHDuration {
    width: 20%;
    text-align: right;
}
.rVLHFilm {
    width: 20%;
    text-align: right;
}
.rVLHSerialTtl {
    white-space: nowrap;
    width: 250px;
    overflow: hidden;
    /*text-overflow: ellipsis;*/
    display: inline-block;
    position:relative;
    text-transform:capitalize;
}
    .rVLHSerialTtl:after, .fictionEbookListItem .ebookNameDate h2:after, .EtablInner .fictionEbookListItem .ficEbkInr h2:after, .poetListingItem .fictionEbookListItem .ficEbkName span:after {
        content: "";
        width: 10%;
        height: 100%;
        position: absolute;
        right: 0;
        top: 0;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
/*.contentFilmyPoetryPage .rVLHDuration {
    display: none;
}*/
.rVideoListingDescBody {
    padding:12px 0;
}
.rVLDBItem {
    margin-bottom: 0px;
    border-bottom: 1px solid #ececec;
    padding: 12px 0;
    cursor:pointer;
    display:table;
    width:100%;
}
    .rVLDBItem.rVLDBItemActive {
        background-color: #f9f9f9;
    }
.rVideoListingDescHeader h4 {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxbold','lailaregular','NotoNastaliqUrdu';
    line-height: 1.2;
    text-transform: uppercase;
}

.rVLDBItem span {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    line-height: 1.3;
}
.rVideoListingDesc {
    padding-top:32px;
}
.rVLDBItem span img{
    width:40px;
    height:40px;
    display:inline-block;
    vertical-align:middle;
    margin-right:8px;
    /*float:left;*/
}

/* ILMEArooz Page Ends Here */

/* DastanEAmirHamza Page Starts Here */
.contentShortDesc {
    text-align:right;
    padding-bottom:16px;
}
.contentVideoWrap .descMore .descExpand {
    margin-bottom:0px;
}
    .contentShortDesc p {
        text-align: justify;
        margin-bottom: 0px;
    }
.descMore .cntntDesPr {
    max-height:49px;
    overflow: hidden;
    position: relative;
}
.descMore.highLtrWdtImg .cntntDesPr {
    max-height:294px;
}

.didYKnowLayoutSliderWrap .descMore .cntntDesPr {
    max-height:127px;
}
/*.descMore p {
    height: 120px;
    overflow: hidden;
    position: relative;
}*/


.descMore .cntntDesPr p:after {
    position: absolute;
    content: '';
    left: 0;
    bottom: -25px;
    height: 70px;
    width: 100%;
    z-index: 1;
    pointer-events: none;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(255,255,255,0.56)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
}
.cntntDesSeeMrLs {
    display: none;
    text-align:right;
}
/*.descMore .cntntDesSeeMrLs {
    display: block;
}*/
    .descMore .descExpand, .cntntDesSeeMrLs .descExpand{
        font-size: 16px;
        color: #00aaff;
        line-height: 1;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        display: block;
        /*width: 56px;*/
        /*text-transform: uppercase;*/
        text-transform: lowercase;
        border-bottom: 1px solid #00aaff;
        margin-bottom: 32px;
        display: inline-block;
        /*margin: 0 auto 32px;*/
    }
.descLess .descCollapse {
    font-size: 14px;
    color: #00aaff;
    line-height: 1;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    display: block;
    width: 47px;
    /*text-transform: uppercase;*/
    text-transform: lowercase;
    border-bottom: 1px solid #00aaff;
    margin-bottom: 32px;
    display: inline-block;
    /*margin: 0 auto 32px;*/
}
.dEAHamzaCListWrap h3 {
    font-size: 16px;
    font-family: 'oswaldregular','NotoDevanagari','NotoNastaliqUrdu';
    color: #000000;
    line-height: 1.2;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 8px;
}

.dEAHamzaCListWrap h3:before{
    position: absolute;
    top:auto;
    bottom: 0;
    content: '';
    left: 0;
    background: #eb0046;
    height: 2px;
    width: 32px;
}
.dAHRefBookTitle {
    font-size: 14px;
    font-family: 'latoxbold','NotoDevanagari','NotoNastaliqUrdu';
    color: #000000;
    line-height: 1.2;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 8px;
    display:block;
}
.dEAHamzaCListingContentHeader h4 {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxbold','lailaregular','NotoNastaliqUrdu';
    line-height: 1.2;
    text-transform: uppercase;
}
.dEALibItems span {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    line-height: 1.3;
}
    .dEALibItems span a {
        color: #000000;
    }
    .dEALibItems span img {
        width: 40px;
        height: 40px;
        display: inline-block;
        vertical-align: middle;
        margin-right: 8px;
        /*float:left;*/
    }
.dEAPressYearHide {
    opacity:0;
}
.dEALibTitle {
    width: 100%;
    display: table-cell;
    vertical-align:middle;
    padding-right: 8px;
    box-sizing: border-box;
}
.dEALibVolume {
    float: left;
    width: 25%;
    padding-right: 8px;
    box-sizing: border-box;
    vertical-align: middle;
}
.srNmnbr {
    width:15%;
    display:table-cell;
    vertical-align:middle;
}
.dEALibYear {
    float: right;
    width: 20%;
    text-align: right;
    vertical-align: middle;
}
.dEALibVolume, .dEALibYear {
    display:none;
    float:none;
}
.dEAHamzaCListingContentHeader {
    margin-bottom:0px;
    border-bottom: 1px solid #ececec;
    /*border-top: 1px solid #ececec;*/
    padding: 16px 8px;
    display:table;
    width:100%;
}
.dEAHamzaCListWrapFixed .dEAHamzaCListingContentHeader {
    position: fixed;
    width: 100%;
    left: 0;
    top: 56px;
    z-index: 999999;
    padding: 12px 16px;
    box-sizing: border-box;
    background: #fff;
}
.titleSectionFixed .rVideoListingDescHeader, .titleSectionFixed .dEAHamzaCListingContentHeader, .titleSectionFixed .uSBContentHeader, .titleSectionFixed .uSBContentHeader {
    position: fixed;
    width: 100%;
    /*margin-left:16px;*/
    left: 0;
    top: 56px;
    z-index: 9;
    padding: 12px 24px;
    box-sizing: border-box;
    background: #fff;
}
.titleSectionFixed .dEAHamzaCListingContentHeader, .titleSectionFixed .uSBContentHeader {
    border-top: 1px solid #ececec;
}
.dEALibItems {
    margin-bottom: 0;
    border-bottom: 1px solid #ececec;
    
    display:table;
    width:100%;
    padding: 12px 8px;
}
.dEAHamzaCListWrap {
    margin-bottom:32px;
}
.dEAPressTitle {
    width: 100%;
    display: table-cell;
    vertical-align:middle;
    box-sizing: border-box;
}
.dEAPressTitleText {
    display:inline-block;
    vertical-align:middle;
}
.dEALibItems span.commingSoonEbook {
    font-size: 8px;
    background-color: #f00;
    color: #fff;
    padding: 2px 4px;
    font-family: 'latoxbold';
    text-transform: uppercase;
    border-radius: 2px;
    letter-spacing: 0.1em;
}
.TblSrl .dEAPressTitle {
    width:85%;
}

.dEAPressVolume {
    float: left;
    width: 25%;
    display: block;
    padding-right: 8px;
    box-sizing: border-box;
}
.dEAPressDaftar {
    float: left;
    width: 25%;
    display: block;
    padding-right: 8px;
    box-sizing: border-box;
    display:none;
}

.dEAPressYear {
    float: right;
    width: 20%;
    display: block;
    text-align: right;
}

.dEARefTitle {
    float: left;
    width: 100%;
    padding-right: 8px;
    box-sizing: border-box;
}

.dEARefAuthor {
    float: left;
    width: 25%;
    padding-right: 8px;
    box-sizing: border-box;
}


.dEARefYear {
    float: right;
    width: 20%;
    text-align: right;
}

.rVideoListingDescHeader {
    border-bottom: 1px solid #ececec;
    /*border-top: 1px solid #ececec;*/
    padding: 16px 0px;
    display:table;
    width:100%;
}
.dEAPressVolume, .dEAPressVolume, .dEAPressDaftar, .dEAPressYear, .dEARefAuthor, .dEARefYear {
    display: none;
    float:none;
    vertical-align:middle;
}

/*.dEALibItems .dEALibTitle, .dEALibItems .dEALibVolume, .dEALibItems .dEALibYear,*/
/*.dEALibItems .dEAPressTitle, .dEALibItems .dEAPressVolume, .dEALibItems .dEAPressDaftar, .dEALibItems .dEAPressYear,*/
/*.dEALibItems .dEARefTitle, .dEALibItems .dEARefAuthor, .dEALibItems .dEARefYear {
    display: table-cell;
    vertical-align: middle;
    float: none;
}*/
/*.dEALibItems .dEAPressDaftar {
    display:none;
}*/


/* DastanEAmirHamza Page Ends Here */

/* Illusion Page Starts Here */
.illusionContentHeader {
    padding-top:24px;
}
.illusionContentHeader h3 {
    font-size: 16px;
    font-family: 'oswaldregular';
    color: #000000;
    line-height: 1.2;
    margin-bottom: 24px;
    position: relative;
    padding-bottom: 8px;
}
    .illusionContentHeader h3:before {
        position: absolute;
        bottom: 0;
        content: '';
        left: 0;
        background: #eb0046;
        height: 2px;
        width: 32px;
    }
.illusionContentItems {
    border-bottom: 1px solid #ececec;
}
    .illusionContentItems h3 {
        color: #000000;
        font-size: 14px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        line-height: 1.2;
    }
        .illusionContentItems h3 a {
            color: #000000;
            padding: 12px 0;
            display:block;
        }
.illusionBody h2 {
    color: #000000;
    font-size: 16px;
    font-family: 'oswaldregular','NotoDevanagaribold','NotoNastaliqUrdu';
    line-height: 1.2;
    margin-bottom: 24px;
}
.illusionBody .coupletBoxHeader {
    margin-bottom:32px;
}
.illusionBody p{
    font-size: 14px;
    line-height: 1.7;
    color: #4c4c4c;
    margin-bottom: 16px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    text-align:justify;
}
.illusionBody .availConetntDesc {
    font-size: 16px;
    line-height: 1.7;
    color: #4c4c4c;
    margin-bottom: 16px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    text-align: center;
}

/* Illusion Page Ends Here */

/* Urdu Poetry Videos Page Strats Here */

.rVideoDescM {
    padding-top:12px;
}
.rVideoSlider .bx-wrapper img, .rVideoSlider .mblScrlInr img {
    width: 100%;
}
.rVideoListing {
    display:none;
}
    .rVideoListing:nth-child(2) {
        display: block;
    }
    .rVideoListing .rVideoListingHder {
        background-color: #f3f3f3;
        padding: 12px 8px;
    }
.rVideoListItemActive {
    background: #f9f9f9;
}
.rVideoContainer img {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    cursor: pointer;
}
.rVideoContainer i {
    font-size: 56px;
    color: #ff0000;
    z-index: 1;
    display: inline-block;
    width: 56px;
    height: 56px;
    cursor: pointer;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -28px;
    margin-top: -28px;
    pointer-events: none;
}
.rVideoContainer .screenLoader {
    display:none;
    z-index:2;
}

.rVideoMoreListing {
    padding-top:56px;
}
.rVideoMoreListItems {
    float:left;
    width:calc(50% - 6px);
    margin-left:12px;
    margin-bottom:24px;
    cursor:pointer;
}
.rVideoMoreListItems:nth-child(2n+1) {
    margin-left:0px;
    clear:both;
}
.rVideoMoreListItems img{
    width:100%;
    max-height:153px;
}
    .rVideoMoreListItems h4 {
        font-size: 14px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        color: #000000;
        line-height: 1.2;
        white-space: nowrap;
        overflow: hidden;
        position: relative;
        padding-top: 6px;
        text-transform:lowercase;
    }

        .rVideoMoreListItems h4:before {
            position: absolute;
            content: '';
            right: 0;
            bottom: -3px;
            height: 34px;
            width: 64px;
            background: rgba(255,255,255,0);
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
        }

    .rVideoMoreListItems h4 span{
        display:block;
        text-transform:uppercase;
        font-size:12px;
        margin-top:4px;
    }
        .rVideoMoreListItems h4 span:hover {
            color: #00aaff;
        }
.rVideoPlayerWrap > span {
    font-size: 12px;
    letter-spacing: 0.05em;
    color: #777777;
    display: block;
    margin-bottom: 8px;
    margin-top:-20px;
}


/* Urdu Poetry Videos Page Ends Here */

/* Poet Profile individual Page Ends Here */

.poetProfilePageSection {
    padding-top: 22px;
}

.pPPHeader img{
    width: 94px;
    height: 94px;
    border-radius: 50%;
    float: left;
    margin-right: 12px;
}
.pPShortDesc {
    overflow:hidden;
}
    .pPShortDesc h1 {
        font-size: 24px;
        color: #000;
        line-height: 1.3;
        font-family: 'oswaldregular','NotoDevanagaribold','NotoNastaliqUrdu';
        margin-bottom: 8px;
    }
    .pPShortDesc h3 {
        font-size: 14px;
        color: #000;
        line-height: 1.3;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        margin-bottom: 8px;
    }

    .pPShortDesc h4 {
        font-size: 14px;
        color: #000;
        line-height: 1.3;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        margin-bottom: 8px;
    }
    .pPShortDesc p {
        font-size: 14px;
        line-height: 1.5;
        color: #4c4c4c;
        margin-bottom: 16px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    }
.pPPtabing {
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 12px;
}
    .pPPtabing a {
        font-size: 14px;
        line-height: 1.5;
        color: #000;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        text-transform: uppercase;
        display: block;
        float: left;
        padding: 0 8px;
    }
.pPPActive {
    border-bottom: 1px solid #ff006a;
}
.pPPBody {
    /*padding-top:12px;*/
}
.pPPProfileSection p {
    font-size: 14px;
    line-height: 1.5;
    color: #4c4c4c;
    margin-bottom: 16px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    text-align:justify;
}

.pPPImgItems img{
    width:100%;
    max-width:100%;
    height:auto;
    display:block;
    margin-bottom:6px;
}

    .pPPImgItems h4 {
        font-size: 14px;
        line-height: 1.5;
        color: #4c4c4c;
        margin-bottom: 0px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    }

.pPPImagesSection {
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.pPPImgItems {
    float: left;
    width:calc(50% - 8px);
    padding: 8px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    /* box-shadow: 0px 4px 8px 4px rgba(0,0,0,0.06); */
    box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.09);
    padding-bottom: 8px;
    position: relative;
    box-sizing: border-box;
    margin-bottom: 16px;
    margin-left: 16px;
}
    .pPPImgItems:nth-child(2n+1) {
        margin-left: 0px;
    }

.staticPages p, .staticPages p, .staticPages .contentListBody > div, .staticPages p span, .evnDtlContent p, .PoetProfileTxtDesc p, .abtBookTxtDesc p, .contentShortDesc p, .contentListHeader p {
    text-align: left !important;
}
.ebkCntntLstHdr.contentListHeader p {
    font-family: 'LatoXRegular','NotoDevanagariRegular','ArefRuqa';
}

/* Poet Profile individual Page Ends Here */
.exJs{
    height:0;
    visibility:hidden;
    opacity:0;
}

.blogOnRekhta .rHLattestBlogDesc h4 {
    display: none;
}
.sidebar .kfInstruction {
    display: none;
}
.sherLines.quote {
    margin-bottom:24px;
}


@media screen and (min-width: 481px) {
    /* For Founder Video Popup Starts */
    .popupContentNext, .popupContentPrev {
        position: absolute;
        top: 50%;
        left: -61px;
        margin-top: -32px;
        color: #fff;
        font-size: 64px;
        width: 64px;
    }

    .popupContentNext {
        left: auto;
        right: -61px;
    }

    /* For Founder Video Popup Ends */

    /* Search Page Starts */
    .searchPoetsList {
        width: calc(33% - 6px);
        margin-left: 12px;
        position:relative;
    }

        .searchPoetsList:nth-child(2n+1) {
            margin-left: 12px;
        }

        .searchPoetsList:nth-child(3n+1) {
            margin-left: 0px;
        }
    /* Search Page Ends */
    .kfInstruction {
        bottom: -208px;
    }
    .recomPupularShyriImg .favShareTagGlobal .readfullTag{
        margin-right:-5px;
    }

}

/* poem source */
.GhzlSrc {
    padding: 0px 0px 32px 72px;
    font-size: 14px;
    position: relative;
    /*border-top: 1px solid #f2f2f2;*/
}
    .GhzlSrc p {
        color: #000;
        position: absolute;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        left: 0;
        top: 0;
        text-transform: uppercase;
    }
    .GhzlSrc ul li {
        float: left;
        color: #4c4c4c;
        border-right: 1px solid #ababab;
        padding: 0px 8px 0 0;
        margin-bottom: 10px;
        margin-right: 8px;
    }
        .GhzlSrc ul li a {
            color: #00aaff;
        }
    .GhzlSrc ul li:last-child {
        border-right:none;
    }
    .GhzlSrc .sourceUrl {
        /*padding-left:32px;*/
        position: relative;
        top: -6px;
    }
        .GhzlSrc .sourceUrl .sourceThumb {
            /*position: absolute;*/
            left: 0;
            max-width: 32px;
            max-height: 32px;
            top: -8px;
        }
        .GhzlSrc .sourceUrl ul li a:hover {
            color: #00aaff;
        }

/* ebook start */
.EbookSideMenu {
    max-width:284px;
    display:none;
    height:90%;
    overflow-y:auto;
}
.ebookMenuForLanding {
    /*display:none;*/
    background-color: #fff;
    width: 292px;
    position: fixed;
    right: -292px;
    top: 56px;
    transition: all 0.5s;
    z-index: 9999;
    height: 100%;
    box-shadow: 3px 2px 10px #eaeaea inset;
    padding-left: 8px;
    box-sizing: border-box;
}
/*.ebookMenuForLanding:before {
    content:"";
    position:fixed;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background-color:rgba(0,0,0,0.3);
}*/
    .ebookMenuForLanding .EbookSideMenu {
        display:block;
        padding-top:0px;
    }
.ebookMenuForLanding.ebookForLandingActive {
    right:0px;
}
    /*.ebookMenuForLanding.ebookForLandingActive .ebkSdMnBgLyr {
        display:block;
    }*/
.ebookSideMenuBtn {
    width: 36px;
    /* height: 42px; */
    line-height: 24px;
    text-align: center;
    background-color: #00aaff;
    color: #fff;
    position: absolute;
    left: -36px;
    /*top: 24px;*/
    top: calc(50% - 56px);
    cursor: pointer;
    border-radius: 2px;
    padding: 28px 0px 8px;
}
.NoCardContent .EbookSideMenu:before {
    display:none;
}
    .ebookSideMenuBtn:before {
        position: absolute;
        left: 2px;
        top: 6px;
    }
    .ebookSideMenuBtn.ebkSdMnCls:before {
        content: "\e92a";
        font-size: 26px;
        left: 5px;
    }
.ebookSideMenuBtn .ebookSideMenuBtnText {
    word-break: break-word;
    display: none;
    font-size: 16px;
    font-family: 'latoxbold';
}
/*.ebookMenuForLanding .EbookSideMenu ul li ul li .sidePopMenu ul, .ebookMenuForLanding .EbookSideMenu ul li ul li .sidePopMenu table {
    max-height: 337px;
}*/
.EbookSideMenu ul li a {
    color: #000;
    border: 1px solid #fafafa;
    padding: 16px 8px;
    font-size: 14px;
    display: block;
    transition:all 0.3s;
}
.EbookSideMenu ul .sideSubMnPrn a:before, .reSubCat:before {
    font-family: 'rIcons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e931";
    position: absolute;
    right: 0;
    top: 14px;
    font-size: 24px;
    color: #808080;
}
    .EbookSideMenu ul li a img {
        float:right;
        margin-top:0 !important;
        transform:rotate(90deg);
        display:none;
    }
.resubArowIcon {
    position: absolute;
    right: 12px;
    font-size: 20px;
    color: #9a9a9a;
}
.reSubCatTgl .rico-arrowthindown:before {
    content: "\e933";
}
.EbookSideMenu ul .sideSubMnPrn .ebookSbMnTgl a:before, .reSubCat.reSubCatTgl:before {
    content: "\e92f";
}
.EbookSideMenu ul .sideSubMnPrn .sidePopMenu a:before {
    display:none;
}
.EbookSideMenu ul .sideSubMnPrn .ebookSbMnTgl .sidePopMenu a:before {
    display:none;
}
    .EbookSideMenu ul li a:hover, .EbookSideMenu ul li a.ebookSideMenuActive {
        background-color: #fafafa;
        color: #00aaff;
    }
.EbookSideMenu ul li ul li {
    position:relative;
}
    .EbookSideMenu ul li ul li .sidePopMenu {
        display: none;
        width: 284px;
        right: 276px;
        z-index: 1;
        top: 0;
        box-shadow: 0px 0px 2px #efefef;
        padding: 0px 8px;
        background-color: #fbfbfb;
    }
        .EbookSideMenu ul li ul li .sidePopMenu ul, .EbookSideMenu ul li ul li .sidePopMenu table {
            max-height: 540px;
            overflow-y: auto;
        }
        .EbookSideMenu ul li ul li .sidePopMenu a {
            padding:16px;
        }
        .EbookSideMenu ul li ul li .sidePopMenu a .pull-right {
            float: right;
            color: #00aaff;
        }
        .EbookSideMenu ul li ul li .sidePopMenu .reSubCat .pull-right {
            margin-right: 32px;
            margin-top: 2px;
        }
    .EbookSideMenu ul li ul li .sidePopMenu .catTitle-class {
        color: #00aaff;
        text-transform: uppercase;
        padding:12px 8px;
        display:none;
    }
.SubCatPopupMenu {
    display:none;
}
.reSubCatIcon {
}
/*.ebookColumn img {
    max-width:44px;
    max-height:44px;
}*/
.fEbookBody {
    padding-top:14px;
}
.ebookInnerSlider .bookContent:hover, .poetLandingEbookContainer .bookContent:hover{
    transform: none;
}
.ebookInner .bx-viewport {
    /*min-height: 298px;*/
    min-height: 258px;
}
.ebkathrhdng {
    margin-top:10px;
}
/*.noEbookSubTitle, .nwEbookFiction .fEbookBody .noEbookSubTitle {
    padding-top: 12px;
}*/
.rfEbkImg {
    width: 44px;
    height: 44px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left;
    /*float: left;*/
    margin-right: 12px;
    display:inline-block;
    vertical-align:middle;
}
/* ebook end */
.cpltSlideContainer .bx-wrapper, .rVideoSlider .bx-wrapper, .poetAllSec .morePoetSlider .bx-wrapper, .poetDiscover .bx-wrapper, .poetEbooks .bx-wrapper, .poetImgshyri .bx-wrapper, .morePoetSlider .bx-wrapper, .moreVideoSlider .bx-wrapper {
    margin: 0 !important;
    max-width: 100% !important;
}
/* emagzine start */

.EtablInner .fictionEbookListItem {
    padding: 16px 8px;
    display: table;
    width: 100%;
    border-bottom: 1px solid #f3f3f3;
}

    .EtablInner .fictionEbookListItem.EbookTblHeader .ficEbkInr h2, .EtablInner .fictionEbookListItem.EbookTblHeader .ficEbkInr span {
        font-family: 'latoxbold','lailaregular','NotoNastaliqUrdu';
        color: #000;
    }
.EtablInner h2, .EtablInner span {
    font-size: 14px;
}

    .EtablInner .fictionEbookListItem .ficEbkInr {
        /*padding: 0px 8px;*/
        display: table-cell;
        vertical-align: middle;
        text-align: left;
    }
        .EtablInner .fictionEbookListItem .ficEbkInr.ghzlCell, .EtablInner .fictionEbookListItem .ficEbkInr.ghzlTrnsltrCell {
            display:inline-block;
        }

        .EtablInner .fictionEbookListItem .ficEbkInr h2 {
            margin: 0;
            font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
            line-height: 24px;
            white-space:nowrap;
            width: 70%;
            max-width:200px;
            overflow:hidden;
            position:relative;
        }

            .EtablInner .fictionEbookListItem .ficEbkInr h2 a {
                color: #000;
                font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
            }

            .EtablInner .fictionEbookListItem .ficEbkInr h2 img {
                width: 44px;
                height: 44px;
                /*float: left;*/
                margin-right: 12px;
                display: inline-block;
                vertical-align: middle;
            }


        .EtablInner .fictionEbookListItem .ficEbkInr span {
            /*color: #737373;*/
            line-height: 20px;
        }
        .EtablInner .fictionEbookListItem .ficEbkInr.ficEbkAuthor span {
            color: #000;
        }

        .EtablInner .fictionEbookListItem .ficEbkInr.ficEbkThumb {
            width: 2%;
            max-width: 92px;
            min-width: 44px;
            margin-right: 12px;
        }
        .EtablInner .fictionEbookListItem:first-child .ficEbkInr.ficEbkThumb {
            width:10%;
        }

        .EtablInner .fictionEbookListItem .ficEbkInr.ficEbkName {
            width: 40%;
        }
.EtablInner.EbookTblInner .fictionEbookListItem .ficEbkInr.ficEbkSpclNmbr {
    width:25%;
    display:none;
}
.EtablInner.EbookTblInner .fictionEbookListItem .ficEbkInr.ficEbkEmg, .EtablInner.EbookTblInner .fictionEbookListItem .ficEbkInr.ficEbkFrq {
    width: 15%;
    display: none;
}

.EtablInner .fictionEbookListItem.EmgznTbl .ficEbkInr.ficEbkName {
    width: 30%;
}

.EtablInner.ebkCntrbtr .fictionEbookListItem .ficEbkInr.ficEbkName {
    width: 85%;
}
.poetListingItem .fictionEbookListItem .ficEbkName span {
    position:relative;
}

.EtablInner .fictionEbookListItem.Emgzn .ficEbkInr.ficEbkName {
    width: 70%;
}

        .EtablInner .fictionEbookListItem .ficEbkInr.ficEbkAuthor {
            width: 40%;
            display: none;
        }

        .EtablInner .fictionEbookListItem .ficEbkInr.ficEbkPublshr {
            width: 20%;
            display: none;
        }

.EtablInner .fictionEbookListItem .ficEbkInr.ficEbkYr {
    display: none;
}

.EtablInner.EbookTblInner .fictionEbookListItem .ficEbkInr.ficEbkAuthor {
    width: 30%;
}

.EtablInner.EbookTblInner .fictionEbookListItem.Emgzn .ficEbkInr.ficEbkAuthor {
    width: 45%;
}

.EtablInner.EbookTblInner .fictionEbookListItem .ficEbkInr.ficEbkPublshr {
    width: 20%;
}

.EtablInner.EbookTblInner .fictionEbookListItem.Emgzn .ficEbkInr.ficEbkPublshr {
    width: 10%;
    display:table-cell;
}

.EtablInner.EbookTblInner .fictionEbookListItem .ficEbkInr.ficEbkYr {
    width: 10%;
}
.EtablInner.EbookTblInner .fictionEbookListItem.EmgznSub .ficEbkInr.ficEbkYr {
    text-align: center;
}
.EtablInner .fictionEbookListItem .ficEbkInr.ficEbkAuthor a span {
    position: relative;
    top: 12px;
}
.ebkathr:hover .ebkathrhdng {
    color: #00aaff;
}
.EtablInner .fictionEbookListItem .ficEbkInr.ghzlCell {
    width: 66%;
}
.EtablInner .fictionEbookListItem .ficEbkInr.ghzlTrnsltrCell {
    width: 34%;
}

/* emagzine end */

/* special page start */

.spclBox {
    margin-bottom: 32px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
}
.spclBox a{
    display:block;
}
.spclBox:last-child {
    margin-bottom: 0px;
}
    .spclBox .spclArtstImg {
        text-align: center;
        width: 30%;
        height: 112px;
        float: left;
        overflow: hidden;
        background-color: #ccc;
        position: relative;
    }
    .spclBox .spclArtstImg:before {
        content:"";
        width:100%;
        height:100%;
        background-color:#fff;
        opacity:0.5;
        position:absolute;
        top:0;
        left:0;
    }
        .spclBox .spclArtstImg img {
            width: 100%;
            display: block;
            position: relative;
            top: 50%;
            transform: translateY(-50%);
        }
        .spclBox .spclArtstDtl{
            width:70%;
            padding-left:8px;
            text-align:left;
            float:left;
        }
            .spclBox .spclArtstDtl h4 {
                color:#000;
                font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
                font-size:14px;
                padding-bottom:8px;
                position:relative;
            }
            .spclBox .spclArtstDtl h4:before {
                top:auto;
                bottom:0;
            }
            .spclBox .spclArtstDtl p {
                color: #4c4c4c;
                margin-top: 8px;
                line-height: 20px;
                font-size: 12px;
            }

/* special page start */

.favMessage i {
    color: #eb0046;
    line-height: normal;
    border-left: none;
    margin-right: 8px;
    float: left;
    margin-top: -4px;
    margin-left: -8px;
}
.favMessage .removed i {
    color:#fff;
}

/* Poet Index Page Update Starts Here */

#cardPoetMenu {
    background-color: #fff;
    width: 292px;
    position: fixed;
    right: -292px;
    top: 112px;
    transition: all 0.5s;
    z-index: 999;
    height: 100%;
    box-shadow: 3px 2px 10px #eaeaea inset;
    padding-left: 8px;
    box-sizing: border-box;
    /*display:none;*/
}
.Summary #cardPoetMenu {
    display: none;
    z-index: 9999;
}
.Summary .authorPt #cardPoetMenu {
    display:block;
}
.cardPoetMenuBgLayer {
    display: none;
    content: "";
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6);
    left: 0;
    top: 56px;
    z-index: 999;
}
.authorPt .cardPoetMenuBgLayer {
    z-index: 9999;
}
    #cardPoetMenu.cardPoetMenuActive {
        right: 0;
    }

    .poetCateMenuIcon {
        width: 36px;
        line-height: 24px;
        text-align: center;
        background-color: #00aaff;
        color: #fff;
        position: absolute;
        left: -36px;
        top: calc(50% - 56px);
        cursor: pointer;
        border-radius: 2px;
        padding: 8px 0px 8px;
        display:none;
    }
.sidebar .poetCateMenuIcon {
    display:none;
}

.poetCateMenu  li a{
    color: #000;
    border: 1px solid #fafafa;
    padding: 16px 8px;
    font-size: 14px;
    display: block;
    transition: all 0.3s;
    text-transform:uppercase;
}
.poetCategoryItemWrap {
    position: relative;
    padding-top: 24px;
    margin-bottom:48px;
}
#cardPoetMenuT20 .poetCategoryItemWrap {
    display:none;
}
.poetCategoryItemWrap:before {
    position: absolute;
    top: 0;
    content: '';
    left: 0;
    background: #eb0046;
    height: 2px;
    width: 32px;
}
.poetCateMenu li a:hover, .poetCateMenu li a.poetMenuActive {
    background-color: #fafafa;
    color: #00aaff;
}
.nwPoetSher .sherSection, .nwPoetT20 .sherSection {
    float: none;
}
.poetAllSec .nwPoetSher .activitySources {
    margin-top: 16px;
    display: none;
}
.poetGhazalListing .contentListBody {
    margin-bottom: 48px;
    z-index: 0;
    position: relative;
}
.poetFeaturedAudioWrap.nwPoetAudioWrap {
    display:none;
    padding:0px 16px;
    background-color:#fafafa;
}
    .poetFeaturedAudioWrap.nwPoetAudioWrap .contentListItems {
        padding: 16px 0 16px 44px;
        border-bottom: 1px solid #f3f3f3;
    }
    .poetFeaturedAudioWrap.nwPoetAudioWrap .contentListItems h4 {
        margin-bottom:0px;
    }
        .poetFeaturedAudioWrap.nwPoetAudioWrap .contentListItems h4:after {
            background: rgba(250,250,250,0);
            background: -moz-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 90%, rgba(250,250,250,1) 100%);
            background: -webkit-gradient(left top, right top, color-stop(0%, rgba(250,250,250,0)), color-stop(90%, rgba(250,250,250,1)), color-stop(100%, rgba(250,250,250,1)));
            background: -webkit-linear-gradient(left, rgba(250, 250, 250, 0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
            background: -o-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 90%, rgba(250,250,250,1) 100%);
            background: -ms-linear-gradient(left, rgba(250,250,250,0) 0%, rgba(250,250,250,1) 90%, rgba(250,250,250,1) 100%);
            background: linear-gradient(to right, rgba(250, 250, 250, 0) 0%, #fafafa 90%, rgb(250, 250, 250) 100%);
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#fafafa', GradientType=1 );
        }
        .poetFeaturedAudioWrap.nwPoetAudioWrap .contentListItems .contentListItemAudio {
            margin-top: -18px;
        }
.poetPlaceDate {
    margin-left: -8px;
    margin-top:4px;
}
.adoNmbr {
    position: absolute;
    right: 0;
    color: #000;
    top: 4px;
    margin-top: 0;
}
.nwPoetListingItem .nwPoetAudioTgl .poetDescColumn, .nwPoetListingItem .nwPoetAudioTgl .poetListImg {
    vertical-align: middle;
}

/* Poet Index Page Update Ends Here */


/* Qafiya Feedback Form Starts */

.qafiyaFeedbackIcon {
    color: #a6a6a6;
    position: absolute;
    right: 14px;
    top: 38px;
    font-size: 48px;
}

    .qafiyaFeedbackIcon span {
        display: block;
        font-size: 12px;
        text-align: center;
        margin-top: -10px;
        font-family: 'LatoXRegular';
    }
.critiquefilledActive {
    color: #ed2024;
}
.quaifyaFeedbackFormWrap {
    max-height: 372px;
    overflow-y: auto;
    position: relative;
    padding-top: 8px;
    padding: 24px 16px;
    /*border-bottom: 1px solid #f3f3f3;*/
    display:none;
}
.qFormField input, .qFormField textarea {
    height: 60px;
    width: 100%;
    border: 0;
    font-size: 14px;
    color: #000000;
    background: transparent;
    border-bottom: 1px solid #808080;
    resize: none;
    padding-top: 14px;
    outline: none !important;
    box-sizing: border-box;
    font-family: 'latoxregular';
    margin-bottom: 12px;
}

.qFormField textarea {
    padding-top: 18px;
    height:90px;
}
.quaifyaFeedbackFormWrap .qFormField {
    position: relative;
}

.qFFormBtn {
    text-align: right;
    padding-bottom:12px;
}
.qFFormBtn a{
    font-size: 12px;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    line-height: 1;
    color: #00aaff;
    text-transform: uppercase;
    margin-left: 32px;
    border: none;
    background: none;
    outline: none !important;
    text-align: right;
    cursor: pointer;
}
    .qFFormBtn a.qFFormCancelBtn {
        color: #b2b2b2;
    }

.qFPlaceholder {
    font-size: 14px;
    color: #4c4c4c;
    font-family: 'latoxregular';
    text-transform: uppercase;
    position: absolute;
    left: 0;
    top: 26px;
    transition: all ease-in-out 0.4s;
    -o-transition: all ease-in-out 0.4s;
    -moz-transition: all ease-in-out 0.4s;
    -webkit-transition: all ease-in-out 0.4s;
    z-index: -1;
}
.qFPlaceholderLabel {
    font-size: 10px;
    top: 0;
    z-index: 1;
    width: 100%;
    background: #fff;
}
.qFErrorMsg {
    font-size: 14px;
    color: #ee0046;
    font-family: 'latoxregular';
    text-transform: uppercase;
    display: block;
    padding: 0px 0 10px;
    min-height: 24px;
}
.qFSuccessMsg {
    color: #3c763d;
}


.qFModeRemind label {
    font-size: 11px;
    color: #000;
    line-height: 20px;
    font-family: 'latoxregular';
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor:pointer;
    padding-left:20px;
}

    .qFModeRemind label:before {
        content: '';
        width: 12px;
        height: 12px;
        position: absolute;
        top: 3px;
        left: 0px;
        border: 1px solid #9c9c9c;
    }

    .qFModeRemind label:after {
        content: '';
        width: 9px;
        height: 5px;
        position: absolute;
        top: 5px;
        left: 3px;
        border: 2px solid #898989;
        border-top: none;
        border-right: none;
        background: transparent;
        opacity: 0;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }

    .qFModeRemind label.qFChecked:after {
        opacity: 1;
    }

.qFModeRemind .qFModeBtnOkay {
    font-size: 12px;
    color: #000;
    font-family: 'latoxbold';
    text-transform: uppercase;
    float: right;
    display: block;
    line-height: 21px;
}

.qFModeBtn .qFModeBtnOkay {
    cursor: pointer;
    float: right;
    font-size: 12px;
    color: #00bfff;
    font-family: 'latoxbold';
    text-transform: uppercase;
    float: right;
    display: block;
    line-height: 21px;
}
.qFModeRemind {
    float:left;
}
.qFModeBtn {
    padding: 12px 0 6px;
    border-top: 1px solid #d8d8d8;
    margin-top: 12px;
}
.qFFuserprofilePicName img{
    width: 40px;
    height: 40px;
    border-radius: 50px;
    vertical-align: middle;
}
.qFFuserprofilePicName span {
    font-size: 16px;
    line-height: 40px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 12px;
}
.qFFuserprofilePicName {
    padding-bottom: 10px;
}
.qafiyaFormLoader {
    display:none;
}
.qFFormBtnDisable a{
    pointer-events:none;
}

/* Qafiya Feedback Form Ends */


/* Waffle Section Starts Here */

.mobileWoffleIcon {
    width: 42px;
    height: 56px;
    display: block;
    /*color: #1a1a1a;*/
    color:#fff;
    position: absolute;
    right: 56px;
    top: 0;
    font-size: 38px;
    line-height: 56px;
    text-align: center;
}
.woffleMenu {
    top: -100%;
    position: fixed;
    /*padding: 58px 24px 24px;*/
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.4);
    right: auto;
    left: 0;
    transition: all 0.6s;
    -o-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
}
    .woffleMenu .appButton .appText p {
        margin: 0px;
        color: #4c4c4c;
        font-size: 12px;
    }
        .woffleMenu .appButton .appText p span {
            color: #4c4c4c;
        }

.langUserContainer .woffleMenuInner li, .woffleMenuMobileDevice .woffleMenuInner li {
    background: #fff;
    padding: 0px 12px;
    border-radius: 2px;
    margin-bottom: 8px;
}

.woffleMenuInner {
    position: fixed;
    width: 100%;
    box-sizing: border-box;
    left: 0;
    padding: 0px 24px 0px;
    overflow: auto;
    height: 90%;
    /*top: 58px;*/
    top: -100%;
    transition: all 0.8s;
    -o-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -webkit-transition: all 0.8s;
}
.mobileWaffleMenuShow {
    left: 0;
    top:0;
}
    .mobileWaffleMenuShow .woffleMenuInner {
        left: 0;
        top: 58px;
    }
.mobileWaffleClose {
    width: 56px;
    height: 56px;
    display: block;
    color: #fff;
    position: absolute;
    right: 0px;
    top: 0;
    font-size: 38px;
    line-height: 56px;
    text-align: center;
}

.worldWoffle{
border-bottom:none;
}
    .worldWoffle:after{
        display:none;
    }

.menuContainer {
    /*padding-top: 172px;*/
    padding-top: 212px;
}
.headerSocial {
    /*bottom: -498px;*/
    /*bottom: -722px;*/
    /*bottom: -912px;*/
}
.primaryHeaderWaffleShow {
    z-index: 99999;
}

    

/* Waffle Section Ends Here */

/* Poet Image Gallery Section Starts Here */

.poetImageGallerySection {
    overflow: visible;
}
.pIGItems {
    margin-bottom:42px;  
    width:100%;
}
.pIGItemsImg img{
    width:100%;
    height:auto;
}
.pIGItemsImg {
    margin-bottom:8px;
}
.pIGItemsFooter h2 {
    color: #000000;
    font-size: 14px;
    line-height: 32px;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    position:relative;
    width:calc(100% - 56px);
    float:left;
    white-space:nowrap;
    overflow:hidden;
}
    .pIGItemsFooter h2:after {
        position: absolute;
        content: '';
        right: 0;
        bottom: 0;
        height: 32px;
        width: 90px;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    }
.tagsharefavWrap {
    float: right;
    position: relative;
}
.pIGFavShare {
    position: absolute;
    right: 0;
    top: 32px;
    width: 156px;
    border: 1px solid #f2f2f2;
    background: #fff;
    border-radius: 1px;
    display:none;
}
.pIGFavShareShow {
    display: block;
    z-index: 9999;
}

    .pIGFavShare:before {
        position: absolute;
        right: 0;
        top: -16px;
        border-top: 8px solid transparent;
        border-bottom: 8px solid #f2f2f2;
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        content: '';
    }
.pIGFavShare:after {
    position: absolute;
    right: 1px;
    top: -14px;
    border-top: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    content: '';
}

.pIGMoreBtn {
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    color: #808080;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    margin-right: -12px;
}

.pIGFav, .pIGShare {
    font-size: 11px;
    color: #4c4c4c;
    display: block;
    float: left;
    width: calc(50% - 7px);
    margin: 12px 0 8px 7px;
    
}
    .pIGFav i, .pIGShare i {
        font-size: 24px;
        margin-right: 8px;
        vertical-align: middle;
    }
    .pIGShare i {
        font-size: 24px;
        line-height: 24px;
        
    }
.pIGShare {
    line-height: 24px;
}
.pIGFav {
    line-height: 24px;
    top: 0;
    height: 24px;
}
.pIGTags {
    border-top: 1px solid #f2f2f2;
    clear: both;
    padding:8px 8px;
}
    .pIGTags i {
        color: #ffaa00;
        font-size:24px;
        vertical-align:middle;
    }
    .pIGTags a {
        color: #00aaff;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        font-size: 11px;
        line-height: 1.2;
    }
    .pIGTags a:hover {
        color: #00aaff;
    }

.pIGFav.active i:before {
    content: '\e98d';
    color: #ee0046;
}

.pIGItemsFooter .shareSocial.socialShareActive {
left:auto;
right:0;
}
.pIGTags span:nth-of-type(1) {
    display:none;
}


/* Poet Image Gallery Section Ends Here */

/* Jashn-e-Rekhta 5th Edition Popup Starts*/

/*.donateBtnIcon {
    display:none !important;
}*/

.jerEventRegPopup {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 12px 16px;
    box-sizing: border-box;
    text-align: center;
    background: rgba(195,48,92,1);
    background: -moz-linear-gradient(left, rgba(195,48,92,1) 0%, rgba(97,24,136,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(195,48,92,1)), color-stop(100%, rgba(97,24,136,1)));
    background: -webkit-linear-gradient(left, rgba(195,48,92,1) 0%, rgba(97,24,136,1) 100%);
    background: -o-linear-gradient(left, rgba(195,48,92,1) 0%, rgba(97,24,136,1) 100%);
    background: -ms-linear-gradient(left, rgba(195,48,92,1) 0%, rgba(97,24,136,1) 100%);
    background: linear-gradient(to right, rgba(195,48,92,1) 0%, rgba(97,24,136,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c3305c', endColorstr='#611888', GradientType=1 );
    z-index: 999;
}
.jERPMobile {
    /*padding: 11px 0px;*/
    padding: 11px 32px 11px 8px;
    z-index: 999;
}
.jERPMobilePoem {
    bottom: 56px;
    z-index: 99;
}
.jerEventRegPopupPoem {
    z-index:99;
}
.jerEventRegPopup p {
    color: #ffffff;
    font-size:16px;
    line-height:1.2;
    text-transform:uppercase;
}
.jERPMobile p {
    font-size: 11px;
}
.jerEventRegPopup p a {
    color: #ffcc00;
    border-bottom: 1px solid #ffcc00;
}
    .jerEventRegPopup p a:hover {
        border-bottom: 1px solid transparent;
    }

.jerStripClose{
    font-size: 18px;
    position: absolute;
    top: 2px;
    right: 0;
    color: #fff;
    opacity: 0.7;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    cursor: pointer;
}
.clickNotification.clickNotificationWithJer.clickNotificationWdMediaBar {
    bottom: 90px;
}

/* Jashn-e-Rekhta 5th Edition Popup Ends*/

/* poet profile start */

.poetDetailContainer.poetPrflContainer {
    /*padding-bottom:64px;*/
    position:relative;
}
.poetDtlCln .poetPrflImg, .poetDtlCln .poetDetail, .clnTxt, .poetDetail .poetDetailPara, .poetPrflContentListingHeader .f14-tt {
    display: none;
}
.poetPrflBnr .poetDetailPara {
    padding-bottom: 16px;
    text-align: left;
}
.poetDetailSection {
    /*background-image:url(https://www.rekhta.org/Content/3.5/Images/poetProfileBanner.png);*/
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
}
.poetDetailContainer.poetPrflContainer img {
    border: 4px solid rgba(255,255,255,0.3);
}
.poetPrflContainer .poetDetail h2 {
    color:#fff;
    font-size:26px;
}
.poetPrflContainer .poetDetail p span i {
    color: #fff;
}
.poetDetail .poetDetailPara, .poetDetailPara {
    font-size: 14px;
    color: #fff;
    line-height: 18px;
    /*position: absolute;*/
    padding: 0px 4px;
    left: 0;
    bottom: 16px;
}
.poetPrflContainer .contentListHeader p {
    color:#fff;
}
.poetPrflListing .contentListItems h3 {
    /*max-width:60%;*/
    max-width: 100%;
}
.poetPrflListing .contentListItemsMedia {
display:none;
}
.poetAllSec .coupletBoxHeader {
    margin-bottom: 32px;
}
    .poetAllSec .coupletBoxHeader:before {
        background: #d9d9d9;
    }
    .poetAllSec .coupletBoxHeader h4, .poetAllSec .coupletBoxHeader h2 {
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagaribold';
        font-size: 18px;
        letter-spacing: 1px;
    }
        .poetAllSec .coupletBoxHeader h4 span, .poetAllSec .coupletBoxHeader h2 span {
            font-size: 12px;
            font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        }
        .poetAllSec .coupletBoxHeader h4 a, .poetAllSec .coupletBoxHeader h2 a {
            /*cursor:default;*/
            /*pointer-events:none;*/
            /*color:#000;*/
            position: static;
        }
        .poetAllSec .coupletBoxHeader h4 .poetAllLocation, .poetAllSec .coupletBoxHeader h2 .poetAllLocation {
            color: #00aaff;
            font-size: 18px;
            font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagaribold';
        }

.poetAllSec .readFullBgBtn {
    height:auto;
}
.poetAllSec .readFull {
    margin: 32px 0px 0;
}
    .poetAllSec .readFull span {
        font-size: 12px;
    }
.poetAllSec .contentListBody .readFull {
    margin: 32px 0px;
}
.poetImgshyri, .poetNazms {
    padding: 32px 0px;
}
.poetImgshyri {
    padding:0px 0px 32px;
}

    .poetImgshyri .shyriImgRowCmn .shyriImgBox {
        width: calc(50% - 8px);
        margin-right: 16px;
        margin-bottom: 42px;
    }
.poetImgshyri .shyriImgBox:nth-child(2n+0) {
    margin-right: 0px;
}
    .poetImgshyri .mblScrlInr .shyriImgBox:nth-child(2n+0), .poetImgshyri .shyriImgRowCmn.mblScrlInr .shyriImgBox {
        margin-right: 8px;
    }
.poetBlogContainer {
    width: 160px;
    margin-right: 10px;
    background-color: #fff;
    border: 1px solid #f2f2f2;
    position: relative;
}
#blogContentSection .poetBlogContainer {
    margin-bottom: 32px;
    width: 48%;
    margin-right: 4%;
    float:left;
}
    #blogContentSection .poetBlogContainer:nth-child(2n+0){
        margin-right:0;
    }
    .poetBlgImg img {
        width: 100%;
    }
.poetBlogDetail {
    padding:0px 14px 16px;
}
    .poetBlogDetail h5 {
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        font-size: 16px;
        margin-top: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .poetBlogDetail h5 a{
        color:#000;
    }
        .poetBlogDetail h5 a:hover {
            color: #00aaff;
        }    
    .poetBlogDetail p {
        font-size: 14px;
        margin-top: 16px;
        line-height: 18px;
    }
    .poetBlogDetail a {
        color: #00aaff;
        max-width: 114px;
        margin-right:4px;
        display: inline-block;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        vertical-align: middle;
    }
.discoverBox {
    width: 149px;
    height: 149px;
    max-width:none;
    padding: 11px !important;
    float: left;
    margin-right: 18px;
    box-sizing: border-box;
    background-image: url(../../www.rekhta.org/Content/3.5/Images/discoverbgone.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: cover;
}
    .discoverBox:nth-child(5n+1) {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/discoverbgone.png);
    }
    .discoverBox:nth-child(5n+2) {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/discoverbgtwo.png);
    }
    .discoverBox:nth-child(5n+3) {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/discoverbgthree.png);
    }
    .discoverBox:nth-child(5n+4) {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/discoverbgfour.png);
    }
    .discoverBox:nth-child(5n+5) {
        background-image: url(../../www.rekhta.org/Content/3.5/Images/discoverbgfine.png);
    }
    /*.discoverBox:nth-child(2) {
        background-color: #fb2f61;
    }*/
    .discoverBox:last-child{
        margin-right:0px;
    }
.discoverInner {
   border:4px solid #fff;
   text-align:center;
}
    .discoverInner p {
        line-height: 117px;
        font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
        font-size: 18px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: 0px 2px 4px rgba(0,0,0,0.3);
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
        .discoverInner p span {
            font-size: 14px;
        }

.poetAllSec {
    padding-bottom: 32px;
    position: relative;
    z-index: 0;
}
    .poetAllSec .contentListItemsFavortite {
        /*margin-top: -16px;*/
        top:26px;
    }


    .poetAllSec .rVideoListItem h3 span {
        font-size: 10px;
    }

.poetEbooks .bx-wrapper .bx-viewport {
    min-height: 256px !important;
}
.poetEbooks .readFullBgBtn, .poetEbooks .poetLandingSep {
    position: relative;
    z-index: 9;
    /*margin-top: -62px;*/
}
.poetEbooks .poetLandingSep {
    margin-top: -92px;
 
}
.poetAllSec.poetImgshyri .poetLandingSep {
    margin-top: -62px;
}
    .poetDiscoverContainer {
        display: none;
    }
.poetDiscoverContainer.poetDiscoverContainerDevice {
    display: block;
}
.poetAllSec .separator.x2 {
    margin-bottom: 22px;
    margin-top:0;
}
.poetGhazalListing .poetAllSec .rVideoPlayingWrap, .poetAllSec .poetFeaturedAudioWrap {
    margin-bottom: 0;
}
.poetAllSec.poetGhzl{
    padding-bottom:0;
}
.poetGhazalListing .poetAllSec .contentListBody {
    margin-bottom: 0;
}
.poetLandingSep{
    height:52px;
}
.poetAudios .poetLandingSep {
    height: 0px;
}
.sherContainer.sherContainerRemoveSep .separator {
    display: none;
}





/* poet profile end */

 /* Function For Header Fixed Inner Content Header Starts */

.fixedInnerContentHeaderFixed {
    position: sticky !important;
    top: 64px;
    background: #fff;
    z-index: 9999;
    max-width: 852px;
    width: 100%;
    left: 0;
    padding: 0px 16px;
    box-sizing: border-box;
    box-shadow: 0px -3px 4px -4px #ccc;
}
    .fixedInnerContentHeaderFixed.mrgnHdrHt {
        top: 112px;
    }
    .fixedInnerContentHeaderFixed.srchOvrlp {
        z-index: 99;
    }
    .ebookMenuForLanding.srchOvrlp {
        display:none;
    }
.NoCardContent .fixedInnerContentHeaderFixed {
    max-width: 1200px;
}

/* Function For Header Fixed Inner Content Header Ends */



/* Jer Live Streming Starts Here */

.jerLiveVideoStreming {
    padding: 52px 0 26px;
}

/* Jer Live Streming Ends Here */

.contentLoadMoreBtnWrap{
   text-align:center;
   clear:both;
}
.contentLoadMoreBtn {
    display: inline-block;
    color: #00aaff;
    font-family: 'latoxbold';
    text-transform: uppercase;
    letter-spacing: 1.2px;
    border-bottom: 1px solid #00aaff;
    padding-bottom: 4px;
    transition: all 0.3s;
    font-size: 14px;
}
    .contentLoadMoreBtn:hover {
        border-bottom: 1px solid transparent;
    }

    /* Search Page Update Strats Here */
.searchPoetsListingWrap .searchPoetsList:nth-child(2n+1) {
    clear:both;
}
.platDicContainerBtnHide .glblAutoHeight:before {
    display: none;
}
.platDicContainerBtnHide .readFullBgBtn {
    display: none;
}
.poetBlogSlider .bx-wrapper {
    max-width: 100% !important;
}


/* Search Page Update Ends Here */

.poetWikiPage{
    color:#fff;
}

.poetBlogDesc{
    display:none;
}

/* Keyframe Animation ShakeTop Starts Here */
/*@-webkit-keyframes shaketop {
    0% {
        -webkit-transform: translateY(-20px);
    }

    90% {
        -webkit-transform: translateY(0);
    }
}

@keyframes shaketop {
    0% {
        -webkit-transform: translateY(-20px);
    }

    90% {
        -webkit-transform: translateY(0);
    }
}*/

/* Keyframe Animation ShakeTop Ends Here */


/*.contentFixedHeader {
    padding-top:91px;
}*/

.searchButton.rico-search {
    padding: 0;
}

/* Poet Profile Page Update Starts Here */

.poetProfileDesc p {
    margin-bottom: 18px;
    position: relative;
    padding-left: 100px;
}
.poetProfileDesc span, .poetUsefullLinks span {
    font-size: 14px;
    color: #000000;
    font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.usefulLinkwithSep {
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    font-size:16px;
    line-height:22px;
}
    .usefulLinkwithSep a, .poetPrflTags span a {
        font-size: 16px;
        color: #00aaff;
    }
.poetProfileDesc span a, .poetUsefullLinks span, .poetUsefullLinks span a {
    color: #3e93d4;
}
.poetUsefullLinks .athrtyCntrl {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    color: #000;
}
.poetProfileDesc .pPDTitle, .poetUsefullLinks .pPDTitle {
    color: #8c8c8c;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    min-width: 118px;
}
.poetUsefullLinks .pPDTitle {
    display: block;
    margin-top: 24px;
    margin-bottom: 4px;
    text-transform:uppercase;
}
.poetProfileDesc .pPDTitle {
    position:absolute;
    left:0;
}
.poetProfileDescWrap {
    padding-bottom: 24px;
}
.poetProfileDescWrap .btnText {
display:block !important;
}

.poetUsefullLinks span:nth-of-type(2) i {
    display: none;
}
.poetProfileshortDescWrap .contentListHeader {
    margin-bottom: 0;
}
.profileSep {
    display: block;
    position: relative;
    width: 48px;
    height: 8px;
    margin: auto;
    background-image: url(../images/hdngVectorLeft.png);
}
    .profileSep:before, .profileSep:after {
        content: "";
        position: absolute;
        width: 50px;
        height: 2px;
        top: 50%;
        background-color: #ccc;
    }
    .profileSep:before {
        left: -52px;
    }
    .profileSep:after {
        right: -52px;
    }

/* Poet Profile Page Update Ends Here */


/* lutfullah khan */
.ltflshyriImgBoxNew .shyriImgFooter {
    position: absolute;
    right: 6px;
    width: auto;
    bottom: 0px;
}

.ltflshyriImgBoxNew .syriImgInfo {
    margin-top: 0px;
    margin-bottom: 0px;
}
.shyriImgBoxNew.ltflshyriImgBoxNew .shyriImgFooter .readfullTag {
    margin-top: 0px;
}
.ltflInfo{
    padding-top:32px;
}
.ltflInfo h4 {
    font-size: 24px;
    margin-bottom: 16px;
    text-transform: uppercase;
}

/* DWrap Section Update Starts Here */
.dMNFoundNot .favoriteControls {
    display:none;
}

/* DWrap Section Update Ends Here */

.t20SdBr .poetCateMenu {
    margin-top: 24px;
    max-height: 721px;
    overflow-y: auto;
}
.readGhazalFull.poetRdfl a span, .readGhazalFull.poetRdfl a:hover span.btnText {
    color: #00aaff;
}
.readGhazalFull.poetRdfl a:hover span.btnText {
    border-bottom: 1px solid #00aaff;
}

/* ebook catelog start */
.ebookBoxCatalouge {
    width: 100%;
    box-shadow: 0px 0px 34px -10px rgba(221,136,136,0.53);
    margin: 15px 0px;
}

.ebookTypecontent {
    width: 100%;
}

.insideEbooklisting {
    padding: 0px 10px;
}

.indexNumberebook {
    border-bottom: 1px solid #d9d9d9;
    padding: 10px 0px;
    font-family: lato;
}

.ebookTypecontent.poetryBoxdec {
    border-right: none;
}

.indexNumberebook p {
    padding: 10px 0px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 14px;
    color: #010101;
    padding-left: 10px;
}

.indexNumberebook.editBoxcontent {
    border-bottom: none;
}

.poetEbookheading {
    padding: 15px 0px;
    border-bottom: 1px solid #d9d9d9;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    font-size: 14px;
    color: #c30046;
    padding-left: 10px;
}

    .poetEbookheading p {
        float: left;
        padding-top: 5px;
    }

    .poetEbookheading span.riconDownword {
        float: right;
        font-size: 28px;
        padding-top: 5px;
        transform: rotate(-90deg);
        display: block
    }

.ebookTypeMenuActive .poetEbookheading span.riconDownword {
    transform: rotate(0deg);
}

.indexNumberebook span {
    font-size: 10px;
    color: #7e7e7e;
}

.fullContentview {
    height: 26px;
    line-height: 26px;
    text-align: center;
    background-color: #d9d9d9;
    color: #00aaff;
    display: block;
    font-size: 12px;
}

    .fullContentview span {
        font-size: 12px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    }

.catalougeMaincontent {
    max-height: 232px;
    overflow: hidden;
}

.activeContent {
    height: 100%;
}

.ebookCatageory-poetry {
    height: 100%;
}

.menulistContent {
    display: none;
}
/* ebook catelog end */

/* Dictionary Page Section Update Starts */

.rekhtaDicSrchWord .dicSrchWord span{
    font-size: 14px;
    color: #b2b2b2;
    font-family: courierNewBold;
    margin-left: 8px;
}
.rekhtaDicSrchWord .dicSrchWord a{
    color: #00aaff;
    display:inline-block;
    vertical-align:middle;
}

.rDictionaryCtnMediaVideo{
    display:none !important;
}
.rDictionaryCtnMedia {
    float: none;
    display: inline-block;
    vertical-align: middle;
}
.dsearchContainer .rekhtaDic .rDictionaryCtnMedia {
    float: right;
}
.dictionarySearchPage .rDictionaryCtnMedia {
    float:right;
    display:block;
}
.rekhtaDicSrchWord{
    display:block;
}
    /*.rekhtaDicSrchWord:nth-child(1), .rekhtaDicSrchWord:nth-child(2), .rekhtaDicSrchWord:nth-child(3) {
        display: block;
    }*/

    .rekhtaDicSrchWord:nth-child(1), .rekhtaDicSrchWord:nth-child(2){
        margin-top:0px;
    }
    .rekhtaPopupVideo {
        height: 178px;
    }
.rekhtaPopupVideo iframe {
    /*width:100%;
    height:100%;*/
    width: 200px;
    height: 160px;
}

/* Dictionary Page Section Update Ends */


/* sham-e-sher css start*/
.gallersection {
    width: 100%;
    max-height: 400px;
    overflow: auto;
}

.photogalleryItems {
    width: 49%;
    float: left;
    margin-right: 2%;
}

    .photogalleryItems:nth-child(2n+0) {
        margin-right: 0px;
    }

    .photogalleryItems img {
        width: 100%;
    }

/* sham-e-sher css end */

/* custom select style start */
.rfContSlct {
    position: relative;
}

    .rfContSlct select {
        display: none; /*hide original SELECT element:*/
    }
    .select-selected:after {
        display:none;
        position: absolute;
        content: "";
        top: 14px;
        right: 10px;
        width: 0;
        height: 0;
        border: 6px solid transparent;
        border-color: #fff transparent transparent transparent;
    }
    .select-selected.select-arrow-active:after {
        border-color: transparent transparent #fff transparent;
        top: 7px;
    }
.select-items div, .select-selected {
    color: #ffffff;
    height: 52px;
    line-height: 52px;
    padding: 0;
    border: 1px solid transparent;
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
    transition:all 0.3s;
}
.select-selected {
    background-color: #fff;
    font-size: 16px;
    font-family: 'latolight','NotoNastaliqUrdu','NotoDevanagar';
    text-transform: uppercase;
    color: #b2b2b2;
}
    .select-selected.slcActv, .rfContactForm select.slctClr {
        color: #000;
    }
.select-items div {
    padding: 0px 8px;
    height: 40px;
    line-height: 40px;
    color: #b2b2b2;
    font-size: 16px;
}
.select-items div:last-child {
    border-bottom:0px;
}
.select-items {
    display: none;
    position: absolute;
    background-color: #fbfbfb;
    border: 1px solid #f7f7f7;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0px 6px 6px #e6e6e6;
    border-bottom: 0;
    border-top: 0;
    max-height: 320px;
    overflow: auto;
}
.select-hide {
    display: none;
}

.select-items div:hover, .same-as-selected {
    background-color: rgba(0, 0, 0, 0.2);
    color: #fff;
}
/* custom select style end */

.zoomFunSection {
    display: none;
}


/* banner demo css for removing */
/*.ocsnInnerBanner {
    background-image:url(/Content/3.5/Images/480x270.jpg);
}*/

#disqus_thread iframe:nth-child(2){
    display:none !important;
}

/* top 20 qawwali start */
.top20Qawwali .contentListBody {
    margin-bottom:56px;
}
/* top 20 qawwali end */

.clickNotification {
    display: block;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    box-shadow: 0px -2px 2px #efefef;
    text-align: center;
    padding: 8px 0px;
    background-color: #fff;
    z-index: 99;
}
    .clickNotification.clickNotificationWdMediaBar {
        bottom:56px;
    }
    .clickNotification p {
        font-size: 12px;
        color: #000;
        display: inline-block;
        position: relative;
        padding-left: 34px;
        line-height:16px;
        text-align:left;
    }
    .clickNotification p span {
        color: #ed2024;
        font-size: 38px;
        position: absolute;
        left: 0;
        top: -4px;
    }
    .clickNotification p a {
        color: #09bffd;
    }


    /* Poet Gallery PhotoCredit Starts Here */

.ltflInfo p {
    color: #000;
    font-size: 16px;
    line-height: 1.3;
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
}

.ltflInfo .photoCreditDesc {
    font-size: 14px;
    color: #000;
}
    .ltflInfo .photoCreditDesc .pCDTitle {
        color: #959595;
    }


    /* Poet Gallery PhotoCredit Ends Here */

    /* Explanation Icon Add in Poem Page Starts Here */

.audioVedioMediaControlsExplanation {
    width: 48px;
    height: 40px;
    line-height: 40px;
    color: #808080;
    text-align: center;
}
.audioVedioMediaControlsExplanationActive {
    color: #00aaff;
}

/* Explanation Icon Add in Poem Page Ends Here  */

.clcNottextChange label {
    font-family: 'LatoXBold';
}

.donateBtnHeader a {
    text-align: center;
    display: block;
    color: #fff;
    font-size: 14px;
    font-family: 'LatoXBold';
    letter-spacing:2px;
} 

.donateBtnHeader {
    border-bottom: 1px solid rgba(255,255,255,0.3);
    padding-bottom: 16px;
}

/* Critique Functionlaity On Inner Pages Starts Here */

.rCritiqueBtn a{
display:block;
}

.rCritiqueBtnActive span.icon:before, .criticsControls.rCritiqueBtnActive:before {
    content: '\e970';
    color: #ee0046;
}

.pMCCritiqueWrapMode {
    background: #fcfcfc;
}
.rCritiqueForm .screenLoader {
    z-index:9;
}
/* Critique Functionlaity On Inner Pages Ends Here */


.SideBarPostItemListFull {
    position:relative;
}

/* tag share fav bar */
.tagFavShrBar {
    padding: 16px 0px;
    /*border-top: 1px solid #ededed;*/
    border-bottom: 1px solid #ededed;
    margin-bottom:32px;
    z-index:9;
    position:relative;
    text-align:right;   
}
.shrFavCntContainer {
    float:left;
    text-align:left;
}
.shrFavCntContainer .tagShrFavTxt {
    display:inline-block;
    font-size:16px;
    font-family:'latoxbold';
    color:#000;
    margin-right:16px;
    position:relative;
    transition:all 0.3s;
}
    .shrFavCntContainer .tagShrFavTxt:before {
        display:none;
        transition: all 0.3s;
        content: "";
        position: absolute;
        width: 100%;
        height: 2px;
        background-color: #b2b2b2;
        top: -17px;
        left: 0;
        opacity: 0;
    }
    .shrFavCntContainer .tagShrFavTxt:hover:before {
        opacity:1;
    }
    .shrFavCntContainer .tagShrFavTxt:last-child {
        margin-right:0px;
    }
    .shrFavCntContainer .tagShrFavTxt span {
        font-family: 'latoxregular';
        color: #b2b2b2;
        font-size: 10px;
        text-transform: uppercase;
    }
.sortShrFavContainer {
    /*float:right;*/
    display:inline-block;
    vertical-align:middle;
}
.alphaSorting {
    /*padding: 12px 8px;*/
    display: inline-block;
    /*border-left: 1px solid #e1e1e1;*/
    color: #00aaff;
}

    .alphaSorting:hover, .alphaSorting.alphaRev {
        color: #00aaff;
    }
.tagShrFav {
    display:inline-block;
    position:relative;
    padding-right:8px;
    margin-right:8px;
}
    .tagShrFav .tagShrFavIcon {
        /*color: #b2b2b2;*/
        color: #808080;
        font-size: 32px;
        cursor: pointer;
        float: none;
        display: inline-block;
        width: 32px;
        height: 32px;
        line-height: 1;
    }
    .tagShrFav:before {
        content: "";
        height: 32px;
        width: 1px;
        background-color: rgba(0,0,0,0.1);
        position: absolute;
        top: 0;
        right: 0;
    }
.favoriteControls.tagShrFavIcon {
    border-left:0px;
}
.favoriteControls.tagShrFavIcon:after {
    display:none;
}

    /* tooltip start */
mark{
    position:relative;
}
    mark sup {
        font-size: 12px;
        position: relative;
        top: -7px;
    }
.pMC .c p .cwmTooltip {
    /*opacity: 0;*/
    display:none;
    position: absolute;
    left: 0;
    top: auto;
    bottom: -10px;
    margin-bottom: 44px;
    padding: 16px;
    border-radius: 2px;
    background-color: #53616f;
    color: #fff;
    font-size: 16px !important;
    line-height: 1;
    text-align: left;
    transition: all 0.3s;
    white-space: normal;
    width: 328px;
    max-height:220px;
    overflow-y:auto;
}
/*.pMC .c p mark:hover .cwmTooltip {
    opacity: 1;
}*/
    .pMC .c p .cwmTooltip:after {
        top: 100%;
        /*left: 50%;*/
        left:0;
        left:0;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        /*border-color: rgba(0,0,0,0.8);*/
        border-top-color: rgba(0,0,0,0.7);
        border-width: 8px;
        margin-left: 4px;
    }
    .pMC .c p .cwmTooltip:hover {
        background-color: rgba(0,0,0,0.7);
    }
/* tooltip end */

/* sorting menu popup start */
.sortIconPopupContainer {
    color: #808080;
    position: fixed;
    display: inline-block;
    bottom: 0;
    border-top: 1px solid #e1e1e1;
    width: 100%;
    left: 0;
    text-align: right;
    background-color: #fff;
    z-index: 1;
    position: relative;
    border: 0;
    width: auto;
}
.sortingContainer {
    background-color: #fff;
    padding: 24px 12px;
    box-shadow: 4px -6px 6px rgba(0,0,0,0.15);
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1;
    width: 132px;
    border: 1px solid #dedddd;
    box-shadow: 4px 0px 6px rgba(0,0,0,0.15);
    transition: all 0.3s;
}
.sortIconPopupContainer.alphaMenuOpen .sortingContainer {
    display: block;
    bottom: 57px;
    bottom: auto;
    top: 64px;
    right: 0;
}
.sortIconPopupContainer.alphaMenuOpen .rico-controls:before {
    content: "\e92a";
}
    .sortingContainer .sortHeading {
        font-size: 12px;
        color: rgba(0,0,0,0.5);
        text-transform: uppercase;
        margin-bottom:10px;
    }

.sortingContainer:after, .sortingContainer:before {
    bottom: 100%;
    left: 85%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.sortingContainer:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
    border-width: 13px;
    margin-left: -15px;
}

.sortingContainer:before {
    border-color: rgba(204, 204, 204, 0);
    border-bottom-color: #cccccc;
    border-width: 14px;
    margin-left: -16px;
}
.sortByListing {
    text-align:left;
}
    .sortByListing .sortListItem {
        font-size: 14px;
        color: #000;
        display: inline-block;
        margin-right: 24px;
        display: block;
        margin-right: 0px;
        margin-bottom: 8px;
    }
.sortListItem input {
    position: relative;
    top: 2px;
}
.sortListFilterItems {
    margin-top:16px;
}
.sortFilterList .sortListFilterItems {
    margin-top:0px;
}
.sortFilterSearch {
    margin-top:20px;
}
.sortFilterSrchBox input[type=text] {
    padding: 10px;
    font-size: 17px;
    border: 1px solid #cccccc;
    float: left;
    width: 80%;
}

.sortFilterSrchBox button {
    float: left;
    width: 20%;
    padding: 4px 0;
    background: #00aeef;
    color: white;
    font-size: 32px;
    border: 1px solid #00aeef;
    border-left: none;
    cursor: pointer;
}

    .sortFilterSrchBox button:hover {
        background: #0b7dda;
    }

.sortFilterSrchBox::after {
    content: "";
    clear: both;
    display: table;
}
/* sorting menu popup start */




/* Load More Paging Starts Here */

.pagingLoadMore a{
    display: block;
    float: left;
    border: 1px solid #e9e9e9;
    padding: 8px 12px;
    margin: 0 8px;
    font-family: "Lato", sans-serif;
    font-weight: 400;
    color: #404040;
}
.pagingLoadMore a:hover {
    border-color: #bfbfbf;
}
.pagingLoadMore{
display:inline-block;
}
.pagingLoadMoreWrap {
    text-align:center;
}

/* Load More Paging Ends Here */

.sPMCard p {
    height: 30px;
    position:relative;
}
    .sPMCard p:after {
        position: absolute;
        content: '';
        left: 0;
        bottom: 0px;
        height: 16px;
        width: 100%;
        z-index: 1;
        pointer-events: none;
        background: rgba(255,255,255,0);
        background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(56%, rgba(255,255,255,0.56)), color-stop(100%, rgba(255,255,255,1)));
        background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
        background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
        background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
        background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,0.56) 56%, rgba(255,255,255,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
    }






/* 404 page start */
.errorSection {
    padding: 93px 0px;
    text-align: center;
}

    .errorSection h3 {
        font-size: 14px;
        color: #000000;
        font-family: latoregular;
        line-height: 28px;
        padding: 36px 0px 0px;
    }

    .errorSection img {
        width: 100%;
    }

    .errorSection p {
        font-size: 12px;
        color: #000000;
        font-family: latoregular;
        letter-spacing: 2px;
        margin: 40px 0px 10px;
    }

.searchInput {
    position: relative;
    width: 100%;
    margin: auto;
   
}

.inputSearchBox {
    padding: 16px 54px 16px 10px;
    height: 46px;
    margin-top: 25px;
    width: 100%;
    outline: none;
    font-size: 12px;
    border-radius: 5px;
    border: 1px solid #cccccc;
    text-align: left;
    font-family: latoxregular;
}

.searchButton.poetrysearchbtn {
    position: absolute;
    top: 26px;
    right: 0;
    width: 44px;
    height: 44px;
    color: #ffffff;
    background-color: #00aaff;
    border-radius: 0px 5px 5px 0px;
}

.cardSec {
    padding-top: 24px;
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
}

.cardimage {
    display: inline-block;
    margin-right: 14px;
}

    .cardimage p {
        font-weight: normal;
        padding-top: 7px;
        letter-spacing: 0;
        font-size: 14px;
        text-transform: lowercase;
        margin: 6px 0;
        color: #000000;
        font-family: latoregular;
    }

    .cardimage img {
        width: 100%;
    }

    .cardimage a {
        display: block;
    }

    .cardimage.cardspecial {
        margin-right: 0
    }

/* 404 page end */


.poemTagSectionHeader .tagIcon {
    transform: rotate(-181deg);
    display: inline-block;
    font-size: 60px;
    color: #e40046;
    margin-bottom:18px;
}


.videoBannerSliderItem {
    height: auto;
    z-index:999999;
    position:relative;
}

    .videoBannerSliderItem video {
        width: 100%;
        height: 100%;
        padding-top: 0px;
        box-sizing: border-box;
    }
    .videoBannerSliderItem .bVPlayBtn, .videoBannerSliderItem .bVPauseBtn {
        width: 48px;
        height: 48px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        margin: auto;
        cursor: pointer;
        z-index: 9;
        background: #fff;
        border-radius: 50%;
        line-height: 48px;
        text-align: center;
        display:none;
    }
        .videoBannerSliderItem .bVPlayBtn{
            display:block;
        }
.nvFrmCnt .intl-tel-input .flag-container {
    pointer-events:none;
}


 /* nava-e-sarosh start */
.nvBannerContainer img {
    width:100%;
}
.nvBannerContainer .navaDesktop {
    display:none;
}
.navContent {
    margin-top:32px;
}
.headingWdDownSprtr {
    color: #000;
    font-size: 20px;
    font-family: 'oswaldregular','NotoNastaliqUrdu';
    position: relative;
    padding-bottom: 14px;
    text-transform: uppercase;
    letter-spacing: 0.025em;
}
    .headingWdDownSprtr:after {
        content: "";
        position:absolute;
        width: 24px;
        height: 2px;
        bottom: 0;
        left:0;
        background-color: #eb0046;
    }
.navContent p, .abtCEOContent p, .prsCmntPra p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 16px;
    color: #000000;
    font-family: 'latoxregular','NotoNastaliqUrdu';
}
.prsCmntPra .prsCmntPraShr {
    text-align: center;
    font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';
}
.abtCEO, .praisContainer, .nvFormContainer {
    margin-top: 46px;
}
.abtCEOContent img{
    margin-top:16px;
    width:100%;
}
.prsCmntCont {
    margin-top:36px;
}
.tglPr {
    max-height: 186px;
    overflow: hidden;
}
.tglRdMrPr {
    margin-top:24px;
    text-align:center;
    position:relative;
}
.tglRdMrPr a {
    color:#00aaff;
    text-decoration:underline;
    font-size:14px;
    outline:none;
    text-transform:uppercase;
}
    .tglRdMrPr:before {
        bottom:38px;
    }
    .tglRdMrPr.fdTgl:before {
        display:none;
    }
.prsCmntUsr {
    position: relative;
    padding-left: 70px;
    min-height: 56px;
    padding-top: 10px;
}
.prsCmntUsr img {
    width:56px;
    position:absolute;
    left:0;
    top:0;
}
    .prsCmntUsr h2 {
        font-size: 14px;
        color: #000000;
        font-family: 'MerriweatherBold';
        text-transform: uppercase;
    }
    .prsCmntUsr .ptType {
        font-size: 12px;
        color: #000000;
        margin-top: 8px;
        line-height: 14px;
    }
.prsCmntPra {
    width: calc(100% - 28px);
    margin-top: 16px;
    margin-left: 28px;
    padding-left: 14px;
    border-left: 2px solid rgba(0,0,0,0.1);
}
.nvFrmCnt {
    margin-top:24px;
}
    .nvFrmCnt .formField input[type="text"], .nvFrmCnt .formField input[type="email"], .nvFrmCnt .formField input[type="tel"], .nvFrmCnt .formField select {
        height: 42px;
        border-radius:0;
        padding-left:0;
    }
    .nvFrmCnt .formField p {
        top:14px;
    }
    .nvFrmCnt .formField.nvNumber p {
        left:78px;
    }
    .nvFrmCnt .formField.nvNumber input {
        padding-left: 78px !important;
    }
    .nvFrmCnt .formField.nvNumber .intl-tel-input .selected-flag {
        line-height: 40px;
        outline: none;
    }
    .nvFrmCnt .formField.inputAnim p {
        top: 0px;
    }
    .nvFrmCnt .formField .clearField {
        top:16px;
    }
    .nvFrmCnt .formField:after {
        bottom:16px;
    }
#nvCountry {
    pointer-events: none;
    outline: none;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}
.nvCntryFld {
    cursor:no-drop;
}
.nvDlvryCon{
    margin-top:36px;
}
    .nvDlvryCon.landingDlvrDetail {
        margin-top:24px;
    }
.nvSmlHdng {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'latoxbold';
        letter-spacing: .112em;
}
.dlvPlc {
    margin-top: 24px;
    border: 1px solid #00aaff;
}
.dlvPlc label {
    font-size:16px;
    color:#000000;
    padding:12px 16px;
    width:100%;
    position:relative;
    display:block;
    cursor:pointer;
}
    .dlvPlc .dlvPlcActive {
        background-color: #cceeff;
    }
    .dlvPlc label input {
        display:none;
        position:absolute;
        left:0;
        top:0;
    }
.pmntView{
    margin-top:32px;
}
    .pmntView .nvBkNamePrc {
        padding:16px 0px;
        position:relative;
    }
.nvBkNamePrc h4, .nvBkNamePrc h5 {
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'latoxbold','NotoNastaliqUrdu';
}
.nvBkNamePrc h4 {
    float:left;
}
    .nvBkNamePrc h5{
        float:right;
    }
.addDlvSign, .dlvrChrgs {
    display: none;
}
.nvBkNamePrc.nvBkTtl h4, .nvBkNamePrc.nvBkTtl h5 {
    font-size: 18px;
}
.nvBkNamePrc .bkCnt {
    border: 1px solid #00aaff;
    border-radius: 5px;
    position: absolute;
    right: -12px;
    top: 8px;
    transform: scale(0.8);
}
    .nvBkNamePrc .bkCnt span {
        min-width: 28px;
        height: 28px;
        display: inline-block;
        vertical-align: middle;
        font-size: 24px;
        color: #fff;
        text-align: center;
        line-height: 26px;
    }
    .nvBkNamePrc .bkCnt #bkCntMns {
        background-color: #b2e5ff;
        pointer-events: none;
        cursor: no-drop;
        user-select: none;
    }
    .nvBkNamePrc .bkCnt.mnsActive #bkCntMns {
        background-color: #00aaff;
        pointer-events: auto;
        cursor: pointer;
    }
    .nvBkNamePrc .bkCnt.PlsDeactive #bkCntPls {
        background-color: #b2e5ff;
        pointer-events: none;
        cursor: no-drop;
    }
    .nvBkNamePrc .bkCnt #bkCntPls {
        background-color: #00aaff;
        cursor:pointer;
        user-select:none;
    }
    .nvBkNamePrc .bkCnt input {
        width: 28px;
        border: none;
        text-align: center;
        font-size: 18px;
        display: inline-block;
        vertical-align: middle;
    }
    .nvBkNamePrc .bkCnt #bkCntNmbr {
        width:auto;
        color: #000;
        outline: none;
        font-size: 18px;
    }
.nvFrmDlvrCon .aplButton {
    clear:both;
    text-align:right;
}
.nvFrmDlvrCon .aplButton button {
   margin-top:24px;
}
.errorMessage {
    display: none;
    color: red;
    position: absolute;
    left: 0;
    bottom: 0px;
    letter-spacing: 0.1em;
    font-size: 14px;
}
.landingDlvChrgs {
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1);
}
.dlvrDtlPara{
    margin-top:8px;
}
.dlvrDtlPara p {
    margin-top: 15px;
    font-size:16px;
}
    .dlvrDtlPara p strong {
        font-family:'latoxbold';
    }
.nvOrderSmry {
    margin-top:64px;
    margin-bottom:100px;
}
.nvEdtDtl {
    color:#00aaff;
    float:right;
    font-family:'latoxregular';
    text-decoration:underline;
}
.nvFrmDlvrCon .nvOrderSmry .aplButton button {
    margin-top:46px;
}
.razorpay-payment-button {
    display:none;
}
.astricLine p {
    font-family: latolight;
    color: #000000;
    margin-top: 16px;
    text-align: left;
}
.navasccess {
    padding-bottom:100px;
}
    .navasccess h3 {
        font-family: oswaldregular;
        font-size: 46px;
        color: #eb0046;
        text-transform: uppercase;
        text-align: center;
        margin-bottom: 32px;
    }
.nvFrmCnt.navasccess{
    width:100%;
}
.navasccess p {
    font-family: latoxregular;
    color: #000000;
    text-align:center;
    font-size: 16px;
    line-height: 28px;
}
    .navasccess p span{
        font-family:latoxbold;
    }
.navasccess .nesexplrsec
.nesexplrContainer {
    padding: 36px 0px 24px;
    text-align:center;
    width:100%;
}
    .navasccess .nesexplrsec
    .nesexplrContainer .explrsiteCard {
        display: inline-block;
        width: calc(33% - 1px);
        padding: 0px 4px;
    }
        .navasccess .nesexplrsec
        .nesexplrContainer .explrsiteCard a{
            display:block;
        }
            .navasccess .nesexplrsec
            .nesexplrContainer .explrsiteCard a img{
                width:100%;
            }
            .navasccess .nesexplrsec P {
                font-size: 14px;
                font-family: latoxregular;
                color: #000000;
                text-transform: uppercase;
                letter-spacing: 4px;
                margin-top: 46px;
            }
.navasccess .nesexplrsec
.nesexplrContainer .explrsiteCard p {
    letter-spacing: 0;
    margin-top: 0px;
    font-size: 10px;
    text-transform: initial;
}
.nvNumber .intl-tel-input .country-list {
    display: none;
}

/*.dlvPlcActive {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    
    .dlvPlcActive input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }


.inputCheckMark {
    position: absolute;
    top: 14px;
    left: 0;
    height: 16px;
    width: 16px;
    background-color: #d8d8d8;
    border-radius: 50%;
}


.dlvPlcActive:hover input ~ .inputCheckMark {
    background-color: #ccc;
}

.dlvPlcActive input:checked ~ .inputCheckMark {
 
}


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

.dlvPlcActive input:checked ~ .inputCheckMark:after {
    display: block;
}

.dlvPlcActive .inputCheckMark:after {
    top: 3px;
    left: 3px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #00aaff;                                                                                                                       
}*/
.prebookCopyStrip {
    width: 100%;
    position: fixed;
    bottom: 0;
    height: 56px;
    line-height: 56px;
    background: #00aeef;
    text-align: center;
    z-index: 99999;
   
}
    .prebookCopyStrip a {
        font-size: 16px;
        display: block;
        text-transform: uppercase;
        color: #fff;
        font-family: latoxregular;
    }
.astricLine p{
    line-height:24px;
}
.stripaboutbookfoundation {
    width: 100%;
    margin-bottom: 46px;
    position: relative;
    margin-left: -16px;
}
    .stripaboutbookfoundation::before {
        width: 0;
        height: 0;
        border-top: 0px solid transparent;
        border-left: 15px solid #a23d8c;
        border-bottom: 27px solid transparent;
        position: absolute;
        content: '';
        right: -14px;
        top: 0;
    }
    .stripaboutbookfoundation::after {
        width: 0;
        height: 0;
        border-top: 27px solid transparent;
        border-left: 15px solid #a23d8c;
        border-bottom: 0px solid transparent;
        position: absolute;
        content: '';
        right: -14px;
        bottom: 0;
    }
    .stripaboutbookfoundation p {
        font-family: latoxregular;
        color: #fff;
        font-size: 12px;
        background-color: #a23d8c;
        line-height: 22px;
        padding: 4px 10px 4px 0px;
        text-transform: uppercase;
        padding-left: 16px;
    }
/* nava-e-sarosh end */

/* poet testimonial start */
.gryHdng {
    font-size: 16px;
    color: #8c8c8c;
    text-transform:uppercase;
    margin-bottom:24px;
}
.tstMnlCont {
    margin-bottom:74px;
}
.tstImgPrf {
    display:table;
    width:100%;
}
    .tstImgPrf .tstImgm, .tstImgPrf .tstPrfDtl {
        display: table-cell;
        vertical-align:middle;
    }
    .tstImgPrf .tstImgm {
        width: 64px;
        height: 64px;
    }
    .tstImgPrf .tstImgm a {
        display:block;
    }
        .tstImgPrf .tstImgm img {
            border-radius: 50%;
            width:100%;
        }
    .tstImgPrf .tstPrfDtl {
        padding-left:12px;
    }
    .tstImgPrf .tstPrfDtl h2 {
        font-size:16px;
        color:#000000;
        text-transform:uppercase;
    }
.tstmnlPara {
    margin-top:16px;
}
    .tstmnlPara p {
        font-size: 16px;
        font-family: 'merriweatherlight';
        line-height:28px;
    }
.tstSrs {
    margin-top:24px;
    font-size: 14px;
    text-transform: uppercase;
    color: #aeaeae;
}
    .tstSrs a {
        text-transform: none;
        color: #009cff;
    }
/* poet testimonial end */
/* comment section for ghazal page end */
.sortLoadMore {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 99;
    top: 0;
    left: 0;
    background-color: rgba(255,255,255,0.8);
}

    .sortLoadMore .screenLoader {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        margin: 0 auto;
        transform: translateY(-50%);
    }

.PtSs a {
    top: 0px;
}

.PtSs .shareSocial:before {
    display: none;
}

.shareSocial {
    top: -16px;
}
/* highlighter start */
.didYKnowLayoutSliderWrap {
    max-width: 1004px;
    margin: auto;
    width: 100%;
}
.highLtr {
    padding: 24px;
    border-radius: 10px;
    box-sizing: border-box;
    width: 100%;
    max-width: 972px;
    height: 387px;
    min-height:387px;
    margin-left: auto;
    margin-right: auto;
    white-space: normal;
    display:inline-block;
    vertical-align:top;
    /*margin-bottom: 100px;*/
    text-align: center;
    background: -moz-linear-gradient(45deg, rgba(142,197,252,1) 0%, rgba(224,195,252,1) 100%); /* ff3.6+ */
    background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(142,197,252,1)), color-stop(100%, rgba(224,195,252,1))); /* safari4+,chrome */
    background: -webkit-linear-gradient(45deg, rgba(142,197,252,1) 0%, rgba(224,195,252,1) 100%); /* safari5.1+,chrome10+ */
    background: -o-linear-gradient(45deg, rgba(142,197,252,1) 0%, rgba(224,195,252,1) 100%); /* opera 11.10+ */
    background: -ms-linear-gradient(45deg, rgba(142,197,252,1) 0%, rgba(224,195,252,1) 100%); /* ie10+ */
    background: linear-gradient(45deg, rgba(142,197,252,1) 0%, rgba(224,195,252,1) 100%); /* w3c */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0c3fc', endColorstr='#8ec5fc',GradientType=1 ); /* ie6-9 */
}
.vpAdjstHt .highLtr {
    height:auto;
    min-height:387px;
}

    .highLtr.ptHltr {
        background: -moz-linear-gradient(45deg, rgba(255,182,168,1) 0%, rgba(255,204,138,1) 100%); /* ff3.6+ */
        background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, rgba(255,182,168,1)), color-stop(100%, rgba(255,204,138,1))); /* safari4+,chrome */
        background: -webkit-linear-gradient(45deg, rgba(255,182,168,1) 0%, rgba(255,204,138,1) 100%); /* safari5.1+,chrome10+ */
        background: -o-linear-gradient(45deg, rgba(255,182,168,1) 0%, rgba(255,204,138,1) 100%); /* opera 11.10+ */
        background: -ms-linear-gradient(45deg, rgba(255,182,168,1) 0%, rgba(255,204,138,1) 100%); /* ie10+ */
        background: linear-gradient(45deg, rgba(255,182,168,1) 0%, rgba(255,204,138,1) 100%); /* w3c */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc8a', endColorstr='#ffb6a8',GradientType=1 ); /* ie6-9 */
    }

    .highLtr h2 {
        color: #ffffff;
        font-size: 24px;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        text-transform: uppercase;
        line-height: 1.2;
    }

    .highLtr p {
        /*margin-top: 16px;*/
        line-height: 1.6;
        color: #000000;
        font-size: 14px;
        margin: 16px 0 0 !important;
        /*text-align: justify;
        text-align-last: center;*/
        text-align:center;
    }
        .highLtr p a {
            color: #000000;
            border-bottom: 1px solid #000000;
        }

        .highLtr .readFull {
            display: inline-block;
            margin-top: 24px;
            color: #000000;
            font-size: 16px;
            padding-bottom: 2px;
            border-bottom: 1px solid #000000;
            font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        }

        .highLtr a:hover {
            border-bottom: 1px solid transparent;
        }

    .highLtr img {
        width: 96px;
        height: 96px;
        margin-top: 28px;
        /*border-radius: 50%;*/
    }
.bx-wrapper .highLtr img {
    display:inline-block;
    max-width:none;
}

.sectionDidYMean .readFull.wordArchive {
    margin-top:24px;
}

#slider {
    position: relative;
    z-index:9;
}


/* highligner end */
.stInvsbl {
    cursor:no-drop;
}
    .stInvsbl .select-selected{
        pointer-events:none;
    }
.headerTitleWithAuthorBody h5 a {
    color:#00aaff;
}
.wstPopup{
    display:none;
}

/*Rekhta Live CSS Starts Here*/

.rekhtaLivePage header, .rekhtaLivePage #footer, .rekhtaLivePage .sidebar {
    display: none !important;
}
.rekhtaLivePage .wrapper {
    padding-top: 0 !important;
}
.rekhtaLivePage .mainContentBody, .rekhtaLivePage .contentListing {
    float: none;
    width: 100%;
    max-width: none;
}
.rekhtaLivePage .container {
    width: 100%;
    max-width: none;
    padding: 0;
    margin: auto;
}

.rekhtaLivePage .contentListHeader {
max-width:992px;
width:100%;
padding:0 16px;
display:none;
}
.rLPageBanner {
    background-repeat: no-repeat;
    background-position: center top;
    height: 217px;
    position: relative;
    background-size: cover;
}
    .rLPageBanner h1 {
        font-size: 124px;
        font-family: 'latoxregular';
        line-height: 1;
        color: #fff;
        text-align: center;
        padding-top: 0;
        position: absolute;
        top: 0;
        width: 100%;
        transform: translateY(-50%);
        top: 50%;
    }
.rLVideoSection {
    width: 100%;
    max-width: 768px;
    padding: 32px 16px;
    box-sizing: border-box;
    margin: 0 auto;
}
.rLContactScialMedia {
    width: 100%;
    max-width: 768px;
    padding: 0px 16px 32px;
    box-sizing: border-box;
    margin: 0 auto;
    text-align:center;
}
.rLVideoContainer {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
}
    .rLVideoContainer iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
.rLVideoSection h2 {
    font-size: 32px !important;
    line-height: 1.5 !important;
    margin-bottom: 12px !important;
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
    text-align: center;
    color: #000;
}

.rLVideoSection h3 {
    font-size: 18px;
    line-height: 1.5;
    margin-bottom: 12px;
    font-family: 'latoxregular';
    text-align: center;
    color: #4c4c4c;
    margin-top: -17px;
}
/*.rLContactUs{
    width:50%;
    float:left;
}
.rLSocialMedia {
    width: 50%;
    float: left;
}*/
.rLContactScialMedia h4 {
    font-size: 16px;
    line-height: 1.2;
    margin-bottom: 2px;
    font-family: 'latoxregular';
    text-align: center;
    color: #000;
}
.rLContactScialMedia a {
    margin-bottom: 18px;
    display: inline-block;
    text-decoration: underline;
}
    .rLContactScialMedia a:hover{
        text-decoration:none;
    }
    .rLSocialMedia a {
        display: block;
        margin-bottom: 2px;
    }



.rLSocialMedia > div {
    width: 50%;
    float: left;
    margin-bottom: 18px;
}

.rLSocialMedia em{
    font-size:72px;
    color:#808080;
}
.rLSocialMedia .rlFB em {
    color: #3b5998;
}
.rLSocialMedia .rlTwitter em {
    color: #1da1f2;
}
.rLSocialMedia .rlYouTube em {
    color: #ff0000;
}
.rLSocialMedia .rlInsta em {
    color: #fff;
    background: linear-gradient(341deg,#e1306c 0,#c13584 59%,#833ab4 79%,#5851d8 90%,#405de6 100%);
    border-radius: 18px;
    font-size: 72px;
    transform: scale(.55);
    position: relative;
    display: inline-block;
}
.rLSocialMedia {
    padding-top: 32px;
}
.rLContactScialMediaWrap {
    padding: 32px 0;
    background: #fafafa;
}

.rekhtaLivePage .contentListHeader, .rekhtaLivePage .mainContentBody, .rekhtaLivePage .contentListing, .rekhtaLivePage .rLContentSection, .rekhtaLivePage .staticPages .contentListBody > div {
    margin-bottom: 0 !important;
}


h1, h2, h3, h4, h5, h6, p, ul {
    line-height: 1;
    margin: 0 0;
    padding: 0 0;
}

/* version btn start*/
.vrsnBtn {
    position: fixed;
    right: -52px;
    top: 50%;
    margin-top: -183px;
    z-index: 9999;
    transition: all 0.5s;
}

.bookOldCrntVrsn {
    padding: 17px 8px;
    display: block;
    font-size: 18px;
    color: #ffffff;
    background-color: #00aaff;
    width: 52px;
    word-break: break-all;
    line-height: 32px;
    border-radius: 4px 0px 0px 4px;
    text-align:center;
}

.vrsnBtn.vrsnActv {
    right: 0;
}

    .vrsnBtn.vrsnActv .rico-arrowhairleft:before {
        content: "\e94b";
    }

.vrsnBtn .vrsnArrow {
    top: 50%;
    margin-top: -24px;
    left: -37px;
    position: absolute;
    width: 36px;
    line-height: 28px;
    height: 36px;
    border-radius: 2px 0px 0px 2px;
    background-color: #00aaff;
    color: #ffffff;
    font-size: 42px;
    text-align: center;
    font-family: 'rIcons' !important;
}

.bookOldCrntVrsn span {
    margin-top: 12px;
    display: inline-block;
}
.vrsnTxt {
    color: #00aaff;
    font-size: 20px;
}
#slider .bxslider li,
#slider .bxslider .li,
#slider .bx-viewport {
    min-height: 203px;
}

/* versioin btn End */
/*Rekhta Live CSS Ends Here*/
/* rekhta homepage blog Starts Here */
.blogOnRekhta {
    padding: 48px 0px;
}

.rHPLeatestBlog, .rHPBlogs {
    /* border: 1px solid #ededed; */
    -webkit-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 6px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.15);
    margin-bottom: 20px;
    position: relative;
    background-color:#ffffff;
}

.rHPBlogs {
    white-space: nowrap;
    overflow: auto;
    position: relative;
    overflow-y: hidden;
    box-shadow: none;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    margin-bottom: 0;
}

.rhblogslidesection {
    display: inline-block;
    white-space: normal;
    width: 445px;
    box-shadow: 0px 6px 15px 0px rgba(0,0,0,0.15);
    margin-bottom: 24px;
    margin-right: 16px;
}

.rHPLeatestBlog img {
    width: 100%
}

.rHLattestBlogDesc {
    padding: 20px 16px;
    position: relative;
}

    .rHLattestBlogDesc h3 {
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        font-size: 16px;
        line-height: 20px;
        white-space: nowrap;
        position: relative;
        overflow: hidden;
        margin-bottom: 10px;
        text-overflow: ellipsis;
    }

        .rHLattestBlogDesc h3:after {
        }

.rhblogslidesection .rHLattestBlogDesc h3 {
    margin-bottom: 5px;
}


.rhblogDatePub a {
    color: #00aaff;
}

.rHLattestBlogDesc h3 a {
    color: #000;
}

.rHLattestBlogDesc h4 {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 14px;
    color: #6b6666;
    overflow: hidden;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 20px;
    margin-bottom: 13px;
}

.rHLattestBlogDesc p {
    font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
}

.rhblogslidesection .rhblogDatePub {
    line-height: 30px;
    font-size: 14px;
}

.rHblogDesctxt {
    max-height: 65px;
    overflow: hidden;
}

.postBeforeTime {
    border: 1px solid #ceceec;
    padding: 1px 5px;
    border-radius: 3px;
    margin-left: 10px;
    font-size: 12px;
    line-height: 16px;
    display: none;
    background: #fbf6fc;
}

.rHBposttimeDate {
    margin-left: 8px;
}

.hPBlogSection .cTsocailShare .cTsocailShareWrap.activeSocialShare {
    left: -139px;
    top: -13px;
}

.rHblogTxtreadmre span {
    color: #000;
    padding-right: 3px;
    padding-left: 1px;
} 
.rhblogDirectedsitelink {
    margin-right: 8px;
    max-width: 66px;
    display: inline-block;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -2px;
}
.rHblogTimeEst {
    padding: 6px 16px;
    border-top: 1px solid #cecece;
}
.rHPBlogs .rHblogTimeEst {
    margin: 10px -16px 0;
}
.rhblogslidesection .rHLattestBlogDesc h4 {
    margin-bottom: 5px;
}
.rhblogDatePub {
    display: inline-block;
    line-height: 30px;
}
.rHblogShare {
    float: right;
    position: relative;
}
.rHblogShare a {
        color: #000;
}
.rHblogimagecontar {
    float: left;
    width: 29%
}
    .rHblogimagecontar a {
        display: flex;
    }

    .rHblogimagecontar img {
        width: 100%;
        height: 259px;
    }

.rHPBlogs .rHLattestBlogDesc {
    width: 71%;
    float: right;
    padding: 15px 16px 0;
}

.rHPBlogs .rhblogslidesection .rHblogTxtreadmre {
    position: absolute;
    width: 60%;
    bottom: 55px;
    right: 0;
    font-size: 14px;
    color: #00aaff;
    height: 24px;
    background: #fff;
    line-height: 24px;
}

.rHPLeatestBlog .rHblogTxtreadmre {
    position: absolute;
    width: 60%;
    right: 0px;
    font-size: 14px;
    bottom: 21px;
    color: #00aaff;
    height: 24px;
    background: #fff;
    line-height: 24px;
}

.rHblogTxtreadmre.rHrdmretxtBlog {
    display: none;
}

.rhblogslidesection .rHblogDesctxt {
    max-height: 44px;
    overflow: hidden;
}

.rhblogslidesection .rHblogimagecontar img {
    width: 100%;
    height: 163px;
}

.rHblogDesctxt.rHBreadLessCmnt {
    max-height: 100%;
    overflow: visible;
}

.rhblogslidesection .rHblogDesctxt.rHBreadLessCmnt {
    max-height: 100%;
    overflow: hidden;
}

.rHreadmoretxtbloglink {
    bottom: 23px;
}

.rHNewBlogupdate {
    position: absolute;
    top: 20px;
    font-size: 12px;
    padding: 3px 12px;
    left: 0;
    background: #eb0045;
    color: #fff
}

.rHblogTxtreadmre:before {
    content: '';
    left: -32px;
    top: 0;
    width: 32px;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(90%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
}

.blogHi .rHLattestBlogDesc p, .blogUr .rHLattestBlogDesc p {
    line-height: 22px;
}

.rHPLeatestBlog.blogHi .rHblogTxtreadmre, .rHPLeatestBlog.blogUr .rHblogTxtreadmre {
    height: 28px;
    bottom: 14px;
    line-height: 28px;
}

.rHPBlogs .rhblogslidesection.blogHi .rHblogTxtreadmre, .rHPBlogs .rhblogslidesection.blogUr .rHblogTxtreadmre {
    height: 28px;
    bottom: 51px;
    line-height: 28px;
}

.blogUr .rHLattestBlogDesc h3 {
    line-height: 22px;
}

.blogOnRekhta .shareSocial.socialShareActive {
    left: -128px;
}

.rHblogShare span.iconShare {
    cursor:pointer;
}

.blogOnRekhta .readFull {
    margin-top: 18px;
}
.blogOnRekhta.rBlogHomeSec .readFull {
    margin-top: 8px;
}
.blogOnRekhta .readFullBgBtn {
    height: auto;
}
.poemRelatedContentSection .genricMatchCard {
    background: none;
    border-bottom: 1px solid #f2f2f2;
    padding:16px 0;
    position:relative;
}
.poemRelatedContentSection .genricMatchCard:nth-child(2n+1) {
    background: none;
}
.poemRelatedContentSection{
    margin-bottom:48px;

}
.poemRelatedContentSection .genricMatchCard .pMC .t {
    display:none;
}
.poemRelatedContentSection .genricMatchCard .pMC .t p {
    margin-bottom:0px;
}
.poemPageContentBody .pMC.showTranslation .t span.nonContent,
.poemPageContentBody .e span.nonContent {
    font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
    font-size: 12px;
    line-height: 23px;
    color: rgba(0,0,0,0.6);
    font-weight: normal;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-bottom: 13px;
    display: block;
    text-align:center;
}
    .poemPageContentBody .pMC.showTranslation .t span.nonContent[data-class="poetContent"],
    .poemPageContentBody .e span.nonContent[data-class="poetContent"] {
        margin-top:10px;
        margin-bottom:33px;
        display:block;

    }
    
.pRCTypeBlogItems, .poetPRBlogItems {
    border-bottom: 1px solid #f2f2f2;
    padding: 16px 0;
    position: relative;
}
    .pRCTypeBlogItems img, .poetPRBlogItems img {
        width: 76px;
        height: 76px;
        display: block;
        margin-right: 12px;
        float: left;
        object-fit: cover;
    }

.pRCTypeBlogItemsDesc, .poetPRBlogItemsDesc {
    overflow: hidden;
}
    .pRCTypeBlogItemsDesc h6, .poetPRBlogItemsDesc h6 {
        font-size: 8px;
        color: #00aaff;
        font-family: 'latoblack','NotoDevanagari','NotoNastaliqUrdu';
        text-transform: uppercase;
        line-height: 1.3;
        margin-top: 6px;
        margin-bottom: 8px;
        letter-spacing: 0.2em;
    }
    .pRCTypeBlogItemsDesc h2, .poetPRBlogItemsDesc h2{
        font-size: 12px;
        color: #000000;
        font-family: 'latoxbold','NotoDevanagaribold','NotoNastaliqUrdu';
        line-height: 1.3;
        margin-bottom: 4px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        letter-spacing: 0px;
        text-transform: none;
        text-align: left;
    }
    .pRCTypeBlogItemsDesc p, .poetPRBlogItemsDesc p{
        font-size: 10px;
        color: #919191;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        line-height: 1.3;
        margin-bottom: 8px;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .pRCTypeBlogItemsDesc h5, .poetPRBlogItemsDesc h5 {
        font-size: 10px;
        color: #000000;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
        line-height: 1.3;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        text-transform: uppercase;
    }
.pRCTReadMore, .pPRBReadMore {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.gMCMediaIcon {
    position:absolute;
    right:0;
    bottom:10px;
}
    .gMCMediaIcon a {
        font-size: 24px;
        color: #808080;
    }


.controlsForDiacritics .audioVedioMediaControlsComments {
    height: 40px;
    line-height:40px;
}
.aVMCCom{
display:none !important;
}

/*Update css Interesting fact and source at poem reading page starts*/

.rpoemPageNote {
    margin-left: 0;
    margin-right: 0;
    background: #f5f5f5;
    border-radius: 3px;
    padding: 16px 0;
}
    .rpoemPageNote p {
        font-size: 14px;
        color: #000;
        padding: 0 16px;
    }
    .rpoemPageNote h4 {
        font-size: 12px;
        color: #ffffff;
        line-height: 1;
        display: inline-block;
        background: #00aaff;
        padding: 10px 34px 8px 16px;
        margin-bottom: 10px;
        position: relative;
    }
    .rpoemPageNote h4:before {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 0;
        height: 0;
        border-right: 14px solid #f5f5f5;
        border-top: 15px solid transparent;
        border-bottom: 14px solid transparent;
    }

.rGhzlSrc{
    position:relative;
    padding-left:18px;
}

    .rGhzlSrc .btnFlex{
        margin-top:18px;
    }
    .rGhzlSrc .hindWi_Sourcetag {
        margin-bottom: 12px;
    }
    .rGhzlSrc:before {
        background: #d2d2d2;
        left: 0;
        top: 0;
        height: calc(100% - -2px);
        width: 4px;
        content: '';
        position: absolute;
    }
.mainPageWrap.NewPoem .rGhzlSrc:before {
    display:block;
    display: -webkit-box !important;
}
.rGhzlSrc span {
    font-size: 12px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
    color: #808080;
    line-height: 1;
    letter-spacing: 3px;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
}

    .rGhzlSrc li {
        font-size: 14px;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        color: #000000;
        line-height: 19px;
        display: inline-block;
        margin-bottom: 2px;
        margin-right: 4px;
    }
        .rGhzlSrc li a {
            color: #00aaff;
        }

.poetCateMenu li a span {
    font-size:10px;
    margin-left:4px;
}

/*Update css Interesting fact and source at poem reading page ends*/
/*rekhta homepageblog end Here */

/* rekhta app download section start */
.appUpdtdStrp {
    background-color: #ffffff;
    box-shadow: 0px 4px 8px rgba(0,0,0,0.1);
    border: 1px solid #ededed;
    padding: 6px 10px 8px;
    text-align: left;
    max-width: 1097px;
    margin: auto;
    margin-bottom: 26px;
    margin-top: 32px;
    position: relative;
    border-radius: 10px;
    direction:ltr;
}
    .appUpdtdStrp .rAppLogo {
        width: 66px;
        position: relative;
        z-index:1;
        margin-left:-4px;
        height:auto;
    }
    .appUpdtdStrp p {
        font-size: 12px;
        font-family: 'latolight';
        z-index: 1;
        position: relative;
        width: 202px;
        line-height: 14px;
    }
.appIcons {
    margin-top: 10px;
    position:relative;
}
.appBgImg {
    position: absolute;
}
.appUpdtdStrp:after, .appUpdtdStrp:before {
    content: "";
    width: 80px;
    height: 80px;
    display: block;
    position: absolute;
    background-image: url(../images/appCircle.png);
    background-repeat: no-repeat;
    background-size: 100%;
}
.appUpdtdStrp:before {
    left: 0px;
    background-position: -74px 74px;
    bottom: 0;
    display:none;
}
.appUpdtdStrp:after {
    right: 0px;
    background-position: 5px -15px;
    top: 0px;
}
.appStrpImg {
    right: -14px;
    bottom: 0px;
    z-index: 1;
    display: none;
    height:auto;
    pointer-events: none;
}
    .appStrpImg.appStrpImgMbl {
        display:block;
    }
    .appIcons a {
        font-size:8px;
        float: left;
        display: inline-block;
        color: #00aaff;
        font-family:'latoxbold';
        text-transform:uppercase;
    }
        .appIcons a:last-child {
            margin-left: 12px;
        }
        .appIcons a i {
            width: 12px;
            height: 12px;
            display: inline-block;
            margin-right: 4px;
            background-repeat: no-repeat;
            background-position: center;
            background-size: 100%;
            vertical-align: middle;
            position: relative;
            top: -2px;
        }
        .appIcons a .rAppAndroid {
            background-image: url(../images/playstore.png);
        }
        .appIcons a .rAppIOS {
            background-image: url(../images/app-store.png);
        }
.mblScrlPrnt.prmCont {
    overflow:visible;
}
.prmCont .mblScrlInr {
    white-space: nowrap;
    overflow: auto;
    position: relative;
    overflow-y: hidden;
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 16px;
    margin-bottom: 0;
    width:auto;
}
/* rekhta app download section end */
.contentTgl {
    max-height:200px;
    overflow:hidden;
}
/* New Rekhta Dictionary  page Start  */
.rekhtaDictCard {
    width: 100%;
    float: left;
    margin-right: 16px;
    margin-bottom: 16px;
    padding: 16px 12px;
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    position: relative;
}

    .rekhtaDictCard:nth-child(2n+2) {
        margin-right: 0;
    }
    .rekhtaDictCard h3 i {
        vertical-align: middle;
        color: #ed1e5c;
        font-size: 20px;
    }
    .rekhtaDictCard h3 {
        font-size: 18px;
        font-family: 'latoxbold';
    }

    .rekhtaDictCard h5 {
        font-size: 14px;
        color: #959595;
        margin-top: 12px;
    }

    .rekhtaDictCard p {
        color: #000;
        font-size: 14px;
        overflow: hidden;
        margin-top: 12px;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
    }

.rExtrnalcrdLink {
    position: absolute;
    right: 10px;
    top: 33px;
    color: #ababab
}

    .rExtrnalcrdLink i {
        font-size: 24px;
    }
.favoriteControls.meaningFav {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    position: relative;
    top: -6px;
    line-height: inherit;
}

.dWordAlan {
    float: left;
}

.dWordAF {
    float: right;
}

.dWrapClose {
    position: relative;
    right: 0;
    top: 0;
    font-size: 32px;
    z-index: 9;
    cursor: pointer;
}

.dWrap p {
    margin-bottom: 10px;
}

.dWordFav {
    margin: 0;
    padding: 0;
}



    .dWordMreonRekhta a i {
        vertical-align: middle;
    }

    .dWordMreonRekhta a {
        font-size: 16px;
        color: #00aaff;
        padding: 15px 0px 10px;
        display: inline-block;
    }

.dContent {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 24px 16px 0;
    min-height: 170px;
}

.dWordAlan h2 {
    font-size: 24px;
    margin-bottom: 16px;
    font-family: MerriweatherBold;
}


.dWordAlan p {
    color: #adadad;
    margin-top: 10px;
}

.dWrap .meanings p:before {
    content: '';
    margin-right: 10px;
    width: 2px;
    height: 2px;
    border-radius: 50%;
    border: 2px solid #adadad;
    display: inline-block;
}

.dWordAlan h3 span {
    margin-top: 0;
}

.dWordAlan h3 {
    font-size: 16px;
    color: #000000;
    line-height: 1;
    font-family: 'NotoSansDevanagariMedium,MehrNastaliqRegular';
    font-weight: bold;
}
.favoriteControls.meaningFav {
    width: 32px;
    height: 32px;
    vertical-align: middle;
    position: relative;
    top: 0;
    line-height: inherit;
}

.dNewDesignLoadng .dWordAlan {
    float: left;
}

.dNewDesignLoadng .dWordAF {
    float: right;
}

.dNewDesignLoadng .dWrapClose {
    position: absolute;
    right: 0;
    left: 0;
    top: 0px;
    border-radius: 50%;
    color: #808080;
    background: #fff;
    font-size: 24px;
    z-index: 9;
    padding: 4px;
    cursor: pointer;
    margin: auto;
    width: 32px;
}
.dWrapShow .dWrapClose {
    top: -42px;
}
.dNewDesignLoadng .dWrap p {
    margin-bottom: 10px;
}

/*.dWordFav {
    margin: 0;
    padding: 0;
}*/


.dNewDesignLoadng .dWordMreonRekhta {
    text-align: center;
    border-top: 1px solid #f2f2f2;
    background: #ffffff;
    padding: 0px 16px;
}
    .dNewDesignLoadng .dWordMreonRekhta a i {
        vertical-align: middle;
    }

    .dNewDesignLoadng .dWordMreonRekhta a {
        font-size: 14px;
        color: #00aaff;
        padding: 2px 0px 2px;
        display: inline-block;
        background: transparent;
    }
        .dNewDesignLoadng .dWordMreonRekhta a strong {
            font-family: 'latoxbold', 'NotoDevanagaribold', 'MehrNastaliqRegular';
        }

.dNewDesignLoadng .dContent {
    position: relative;
    z-index: 1;
    background: #fff;
    padding: 24px 16px 0;
    min-height: 154px;
    border-radius: 8px 8px 0px 0px;
}

.dNewDesignLoadng .dWordAlan h2 {
    font-size: 18px;
    margin-bottom: 16px;
    font-family: 'MerriweatherBold','NotoSansDevanagariMedium','MehrNastaliqRegular';
}

.dNewDesignLoadng .dWordAlan p {
    color: #adadad;
    margin-top: 20px;
    margin-bottom:10px;
}

.dWrap.dMNFound .dWordMreonRekhta {
    display:none;
}

.dWrap.dNewDesignLoadng .meanings p:before {
    content: '';
    margin-right: 7px;
    width: 3px;
    height: 3px;
    border-radius: 50%;
    border: 2px solid #adadad;
    display: inline-block;
}

.dNewDesignLoadng .dWordAlan h3 span {
    margin-top: 0;
}

.dNewDesignLoadng .dWordAlan h3 {
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    font-family: 'MerriweatherBold','NotoSansDevanagariMedium','MehrNastaliqRegular';
}
.dWrap.dNewDesignLoadng {
    padding: 0;
    box-shadow: 0px -3px 7px 0px rgba(0, 0, 0, 0.10); 
    border-radius: 10px 10px 0px 0px;
    overflow: visible;
    z-index: 1111111;
}
    /*.dWrap.dNewDesignLoadng.dWrapShow {
        z-index: 999999;
    }*/
.dNewDesignLoadng .dWordAlan h3 span {
    background: none;
    position: relative;
}
    .dNewDesignLoadng .dWordAlan h3 span:before {
        content: '';
        width: 5px;
        border-radius: 50%;
        height: 5px;
        background: #adadad;
        position: absolute;
        left: -3px;
        top: 9px;
    }
.dNewDesignLoadng .meanings {
    margin-bottom: 14px;
}

    /* New Rekhta Dictionary  page End */
    /* Rekhta poetry Source  start*/
    .ebkLstYr span i {
        font-size: 16px;
        vertical-align: sub;
    }

.UrduLitPoetReso .contentListHeader {
    padding-top: 90px;
}

.PoetryContentsource {
    /*padding: 24px 16px 52px;*/
    background: #fafafa;
    border: 1px solid #ededed;
    border-radius: 10px;
    margin-bottom: 24px;
    position: relative;
}
.PoetyResoBlock {
    padding: 24px 16px 10px;
    position:relative;
}
.UrdResourceListing .coupletBoxHeader h2 {
    text-transform: uppercase;
    display: inline-block;
    direction: ltr;
    font-family: oswaldregular, NotoNastaliqUrdu, NotoDevanagari;
    letter-spacing: 1px;
    max-width: calc(100% - 56px);
    line-height: 1.4;
    font-size: 24px;
}
.resoPrevBlok a, .resoNextBlok a{
    color: #000;
}
.contentListHeader  .aboutLiResorc {
    margin-top: 20px;
    line-height: 20px
}
.resoRefConent a{
    color:#00aaff;
}

.rUrdResource, .rUrdResource p {
    font-size: 16px;
    line-height: 1.8;
   /* text-align: left !important;*/
}

    .rUrdResource h2 {
        font-size: 16px;
        font-family: 'LatoXBold','NotoDevanagariRegular','MehrNastaliqRegular';
        display: block;
        padding: 16px 0 0;
        margin-bottom:16px;
        text-transform:uppercase;
    }

    .rUrdResource p span {
        font-size: 16px 
    }
.resourceWriter.deTails .resoLitImg img {
       width:52px;
       height:52px;
       max-width:52px;
       max-height:52px;
}
.resourceWriter.deTails .resoLitImg {
    width: 52px;
    margin-right: 10px;
}

.resourceWriter.deTails .resoPoetNameColomn {
    width: calc(100% - 80px);
   
}
.resourceWriter.deTails{
    padding-left:0px;
    margin-top:20px;
}
    .resourceWriter.deTails .resoPoetNameColomn a h3 {
        margin-bottom:0px;
    }
    .resourceWriter.deTails .resoPoetNameColomn p {
        margin-bottom:5px;
    }
    .PoetyResoBlock h2 a {
        color: #000;
    }
.rUrdResource p em span {
    margin-bottom: 16px;
    display: inline-block;
}
.resoLitImg {
    width: 46px;
    display: inline-block;
    vertical-align: top;
}

    .resoLitImg a img, .resoLitImg img {
        max-width: 38px;
        max-height: 38px;
        margin-right: 10px;
        border-radius:100px;
    }

.resoPoetNameColomn {
    width: calc(100% - 50px);
    display: inline-block;
    position: relative;
}

.resoLitImg a {
    margin-top: 0;
    position: relative;
    display: inline-block;
}

.resourceWriter {
    padding: 0px 14px 16px;
    border-top: 0px;
    position:relative;

}

.resoPoetNameColomn p {
    color: #919191;
    font-family: 'LatoXRegular';
    font-size: 12px;
}

.resoPoetNameColomn a {
    margin-top: 6px;
    text-transform: capitalize;
    
}


    .resoPoetNameColomn a h3 {
        color: #000000;
        font-size: 16px;
        margin-top: 2px;
        font-family: latobold,lailaregular,NotoNastaliqUrdu;
        letter-spacing: 0px;
        margin-bottom: 15px;

        text-transform:capitalize;
    }

.ForMoreIcon {
    position: absolute;
    right: -7px;
    top: 5px;
    transform: rotate(180deg);
}

    .ForMoreIcon i {
        font-size: 28px;
        color: #808080;
    }
.reSorRefrenceBlock {
    margin-top:36px;
}
.ResoRefHdr h3 {
    font-size: 12px;
    color: #808080;
    text-transform: uppercase;
    letter-spacing: 1px;
    line-height: 20px;
}

.ResoRefHdr p {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
}

.resoRefConent {
    padding-left: 10px;
    border-left: 1px solid #d2d2d2;
    margin-bottom: 56px;
}

.resorceWritrAbutCntnr .resourceWriter {
    border-top: none;
}

.resoRefConent p {
    font-size: 14px;
    font-family: latoxitalic;
    color: #000;
    line-height: 24px;
    margin-top: 16px;
}

.resoNextPrevContnr {
    padding: 10px 0px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    margin: 56px 0px;
}

.resoPrevBlok {
    width: 100%;
    float: left;
    border-bottom: 1px solid #e5e5e5;
    /*border-right: 1px solid #e5e5e5;*/
    padding: 24px 0px;
    padding-right: 24px;
    position: relative;
}

    .resoPrevBlok h3, .resoNextBlok h3 {
        font-size: 18px;
        font-family: 'LatoXBold';
    }

    .resoPrevBlok h3, .resoPrevBlok p {
        text-align: right;
    }

    .resoPrevBlok p, .resoNextBlok p {
        font-size: 14px;
        margin-top: 10px;
    }

.resoNextBlok {
    float: right;
    padding: 24px 0px;
    width: 100%;
    padding-left: 24px;
    position: relative;
}

.resoPrevArrow i, .resoNextArrow i {
    color: #e5e5e5;
}

.resoPrevArrow, .resoNextArrow {
    display: inline-block;
    position: absolute;
    left: 0px;
    color: #4c4c4c;
    top: 50%;
    margin-top:-16px;
}
.UrdResourceListing .coupletBoxHeader a{
    top:12px;
}
.resoNextArrow {
    left: auto;
    right: 0px;
}

.aboutResoWritr {
    font-size: 14px;
    line-height: 20px;
    margin-top: 12px;
}

.resourceNextBack a {
    color: #00aaff;
}

    .resourceNextBack a i {
        vertical-align: middle;
        color: #e5e5e5;
        font-size: 28px;
    }

    .resourceNextBack a span {
        font-size: 12px;
    }

.rUrdResource strong {
    font-family: 'LatoXBold','NotoDevanagariRegular','MehrNastaliqRegular';
    /*display: block;*/
    padding: 16px 0px 0;
}
/*.rUrdResource div p:first-child strong{
        text-align:left;
    }*/
    .UrdResourceListing .searchWrap {
        width: 100%;
        float: none;
        margin-bottom: 24px;
        position: relative;
        top: 0;
        left: 0;
    }
        .UrdResourceListing .searchWrap input{
            border-radius:6px;
        }

.PoetryContentsource h2 {
    font-size: 16px;
    font-family: latoxbold;
    color: #000;
    line-height: 24px;
   /* margin-bottom: 16px;*/
   margin-bottom:6px;
    text-transform: uppercase;
}

.PoetryContentsource p {
    font-size: 14px;
    font-family: latoxregular;
    color: #919191;
    line-height: 1.7;
    margin: 0 !important;
}

.PoetryContentsource .PoetyResoBlock p {
    color:#000;
}
.PoetryContentsource .resoPoetNameColomn p {
}
/*.PoetryContentsource a {
      position:absolute;
      width:100%;
      height:100%;
      top:0;
      bottom:0;
    }*/
.PoetryContentsource a span {
    color: #00aaff;
    font-size: 14px;
    line-height: 24px;
    bottom: 20px;
    position: absolute;
    font-family: latoxbold;
    text-transform: uppercase;
}
.PoetryContentsource .PoetyResoBlock a {
    color: #000;
}
.PoetryContentsource .poetryRresorce {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    display: block;
    height: 100%;
}
.PoetryContentsource a i {
    transform: rotate(180deg);
    display: inline-block;
    vertical-align: bottom;
    font-size: 24px;
    padding-right: 5px;
}

.bBShortingTag {
    width: 32px;
    display: inline-block;
    height: 32px;
    font-family: latoxregular;
    font-size: 18px;
    color: #fff;
    background: #919191;
    text-align: center;
    line-height: 32px;
}

.bBListing {
    padding-top: 20px;
    padding-bottom: 24px;
}

    .bBListing ul li {
        font-size: 16px;
        font-family: latoxregular;
        color: #000;
        padding-left: 32px;
        margin-bottom: 12px;
        position: relative;
        line-height: 1.5;
    }

        .bBListing ul li:before {
            position: absolute;
            content: "";
            left: 16px;
            top: 10px;
            width: 6px;
            height: 6px;
            border-radius: 50%;
            background: #eeeeee;
        }

        .bBListing ul li span {
            font-family: latoxitalic;
        }

.UrduLitPoetReso .sortIconPopupContainer {
    border-left: 2px solid #eee;
    padding-left: 20px;
}



.UrduLitPoetReso .contentListItems .noPoetSubTtl {
    font-family: latoxbold;
    font-size: 18px;
}

.DYKFactNextPrev {
    text-align: center;
    margin-top: 40px;
}

    .DYKFactNextPrev a {
        padding: 11px 19px;
        display: inline-block;
        background: #00aaff;
        margin-right: 15px;
        margin-left: 15px;
        color: #fff;
        font-family: latoxregular;
        font-size: 14px;
        border-radius: 2px;
        text-transform: uppercase;
    }

    .DYKFactNextPrev .didYKnext {
        padding: 11px 40px;
    }

.UrduLitPoetReso .highLtr h2 {
    font-size: 32px;
}

.UrduLitPoetReso .highLtr p {
    font-size: 14px;
    text-align: justify;
}

.ghazalSourcecontainer p, .ghazalRefrence p {
    font-size: 16px;
    font-family: latoxregular;
    line-height: 24px;
    color: #000;
}

.ghazalSourcecontainer {
    margin-bottom: 30px;
}

.ghazalRefrence p {
    font-size: 14px
}

.ghazalRefrence h3 {
    font-size: 12px;
    color: #808080;
    line-height: 1.8;
    font-family: latoxregular;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.poetryAndProseRefSrc .contentListItems {
    padding: 22px 0px;
}

    .poetryAndProseRefSrc .contentListItems h3 {
        max-width: 90%;
    }

.ghazalRefrenceDesc {
    margin-top: 20px;
}

.UrdGhazalSource .DYKFactNextPrev a {
    width: 90%;
}

.ghazalRefrenceDesc p {
    font-style: italic;
    padding-left: 10px;
    position: relative;
}

    .ghazalRefrenceDesc p:before {
        content: "";
        width: 2px;
        position: absolute;
        left: 0;
        height: 100%;
        background: #d2d2d2
    }



.gazalsourceShers {
    text-align: center;
}

.contentListHeader img {
    width: 100%;
}

/*.PoetryContentsource a {
    color: #00aaff;
    font-size: 14px;
    line-height: 24px;
    font-family: latoxbold;
    text-transform: uppercase;
    display: inline-block;
    margin-top: 16px;
    position: absolute;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    right: 0;
    bottom: 3px;
}*/
    .PoetryContentsource a .resourcesMore {
        left: 16px;
        bottom: 16px;
    }
.PoetryContentsource.rpShowMoretxt p {
    max-height: 100%;
}

.urdPResourcetextCap span {
    padding-left: 5px;
}

.urdPResourcetextCap {
    position: absolute;
    right: 0;
    background: #fafafa;
    width: 18%;
    height: 17px;
    display: block;
    bottom: 70px;
}

.rpShowMoretxt .urdPResourcetextCap {
    display: none
}

.urdPResourcetextCap:before {
    content: '';
    left: -32px;
    top: 0;
    width: 32px;
    height: 100%;
    position: absolute;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(90%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0,rgba(255,255,255,1) 90%,rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1);
}

.contentListItems a span {
    text-align: right;
    position: absolute;
    right: 0;
    color: #b1afaf;
    top: 22px;
}

    .contentListItems a span i {
        font-size: 24px;
    }
/*.UrdResourceListing .contentListHeader{
    padding-top:0;
}*/
    .UrdResourceListing .contentListHeader img {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-right: -16px;
        /* height: 280px; */
        height: 144px;
    }
.UrdResourceListing .contentListHeader{
    padding-top:20px;
}
    .UrdResourceListing .contentListHeader h2 {
        padding-top: 22px;
    }
.resoRefConent a {
    display: block;
    font-size: 14px;
    text-align: left;
    color: #00aaff;
    font-style: italic;
    font-family:latoXitalic;

}
/* Rekhta poetry Source  end*/
@media (min-width:992px) {
    .UrdResourceListing .contentListHeader img{
        width:100%;
        margin:0;
        height:auto;
    }
    /*.PoetryContentsource {
        padding: 24px 16px 24px;
    }*/
        .PoetryContentsource a, .PoetryContentsource a .resourcesMore {
        position: relative
    }
        .PoetryContentsource a .resourcesMore {
            left: 0;
            bottom: 0;
        }
    /*.PoetryContentsource .poetryRresorce {
        display: none;
    }*/
        .UrdResourceListing .contentListHeader {
        padding-top: 44px;
    }
    .dNewDesignLoadng .daMNFound .dWrapClose {
        left: auto;
        right: 20px !important;
        position: absolute;
        top: 20px;
    }
   
    .resoPrevArrow, .resoNextArrow {
        left: 16px;
        /*top: 28px;*/
    }
    .resoNextArrow{
        left:auto;
        right:16px;
    }
    .PoetyResoBlock {
        padding: 24px 16px 15px;
    }

    .poemPageMedia .audioPlayerWrap {
        bottom: 0px;
    }
    .poemPageMedia .audioRecitationsWrap {
        bottom:0px;
    }
        .poemPageMedia .audioRecitationsWrap.audioRecitationsWrapShow {
            bottom:80px;
        }
}
    @media (min-width:576px) {
        .ocsnInnerBanner {
            background-size: cover;
        }

        .clickNotification p span {
            left: -10px;
            top: -10px;
        }


        #blogContentSection .poetBlogContainer {
            width: 32%;
            margin-right: 2%;
        }

            #blogContentSection .poetBlogContainer:nth-child(2n+0) {
                margin-right: 2%;
            }

            #blogContentSection .poetBlogContainer:nth-child(3n+0) {
                margin-right: 0;
            }
    }

    @media all and (min-width:544px) and (max-width:767px) and (orientation: landscape) {
        .jERPMobilePoem {
            bottom: 0;
        }
    }

    @media all and (max-width:544px){

        .controlsForShareAndLike {
            margin-right: 0;
        }
        .poetAllSec .contentListItemsFavortite {           
            top: 24px;
        }
}

.descWithTitle h2 {
    color: #4c4c4c;
    margin-bottom: 0;
    font-size: 14px !important;
    line-height: 23px;
    margin-right:4px;
    text-transform: none;
    float: left;
    font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
    margin-bottom:0px !important;
}

    .descWithTitle h2::after {
        display: none;
    }
/* Rekhta Crossword Start */
.mob-hide {
    display: none;
}

span.tagCross {
    display: block;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: 2px;
    color: #B2B2B2;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.crosswordContentWrap h1 {
    font-size: 28px;
    line-height: 41px;
    margin-bottom: 14px;
}

.rekhtaCrosswordList h4 {
    font-family: latoxbold;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 24px;
}

.rekhtaCrosswordDetails h5,
.rekhtaCrosswordDetails h5 a {
    font-size: 16px;
    line-height: 19px;
    color: #000000;
    font-family: latoxbold;
    margin-bottom: 10px;
}

.rekhtaCrosswordDetails h6 {
    font-size: 10px;
    line-height: 12px;
    margin-bottom: 10px;
    color: #000000;
}

    .rekhtaCrosswordDetails h6.yearTime {
        color: #808080;
        margin-bottom: 0px;
    }

.rekhtaCrosswordListItem {
    padding-bottom: 18.5px;
    margin-bottom: 18.5px;
    border-bottom: 1px solid #E1E1E1;
}

.rekhtaCrosswordList {
    margin-bottom: 36px;
}

    .rekhtaCrosswordList:first-child .rekhtaCrosswordListItem:last-child {
        border: 0px;
        padding-bottom: 0px;
        margin-bottom: 0px;
    }

    .rekhtaCrosswordList:last-child .rekhtaCrosswordListItem:last-child {
        margin-bottom: 0px;
        padding-bottom: 18.5px;
        border-bottom: 1px solid #E1E1E1;
    }

.rekhtaCrosswordListItem figure {
    float: left;
    margin-right: 16px;
}

.rekhtaCrosswordDetails {
    float: left;
    width: calc(100% - 106px);
}

.rekhtaCrosswordListItem figure img {
    border-radius: 4px;
    width: 90px;
    height: 90px;
}
/*iframe page*/
.crosswordKeyboard h5 {
    font-family: 'LatoXItalic','NotoDevanagariRegular','MehrNastaliqRegular';
    font-size: 16px;
    color: #00aaff;
    line-height: 19px;
    margin-bottom: 24px;
    cursor: pointer;
}
    .crosswordKeyboard h5 i {
        font-size: 24px;
        display: inline-block;
        vertical-align: middle;
    }
.crosswordKeyboard .activeKeyboard .rico-arrowthindown:before {
    content: "\e933";
}

h6.crossAuth {
    font-size: 10px;
    line-height: 12px;
    display:none;
}

    h6.crossAuth strong {
        margin-left: 6px;
        margin-right: 6px;
        color: #E1E1E1;
    }

    h6.crossAuth span.dateCross {
        color: #808080;
    }

.crosswordContentWrapInner .contentListHeader p:last-child {
    margin-bottom: 0px;
}

.crosswordContentWrapInner .contentListHeader {
    padding-bottom: 24px;
}

    .crosswordContentWrapInner .contentListHeader:after {
        width: 100%;
    }

.crosswordContentWrapInner .contentListHeader,
.crosswordIframe {
    margin-bottom: 24px;
}
.crosswordIframe {
    margin-left: -16px;
    margin-right: -16px;
}

.crosswordGamewrap {
    margin-bottom: 36px;
}

.crosswordIframe iframe {
    height: 532px;
    width: 100%;
    border-radius: 4px;
    background-color: #E2E2E2;
}

.rekhtaCrossQuotes {
    padding: 23px 18px;
    border: 1px solid #E1E1E1;
    background-color: #FAFAFA;
    margin-top:32px;
}
.crosswordKeyboard img {
    display:none;
}
.rekhtaCrossQuotes,
.rekhtaCrosswordList .rekhtaCrossQuotes {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    margin: 37px 0px;
}

    .rekhtaCrossQuotes picture {
        margin-bottom: 16px;
    }

    .rekhtaCrossQuotes h4 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 16px;
    }

    .rekhtaCrossQuotes p {
        font-size: 12px;
        line-height: 18px;
        color: #585858;
        margin-bottom: 16px;
    }

.btn-crossWord {
    display: inline-block;
    background-color: #FF006A;
    border-radius: 100px;
    padding: 8.5px 19px;
    font-size: 14px;
    line-height: 19px;
    color: #fff;
    border: 1px solid #FF006A;
    transition: 0.3s all;
}


    .btn-crossWord:hover {
        color: #FF006A;
        background-color: transparent;
        border-color: #FF006A;
    }

.btn-crossWordPlay {
    font-size: 16px;
    line-height: 19px;
    padding: 8.5px 13.7px;
    color: #fff;
    border-radius: 4px;
    font-family: 'LatoXBold','NotoDevanagariRegular','MehrNastaliqRegular';
    background-color: #00AAFF;
    display: inline-block;
    text-transform:capitalize;
}

    .btn-crossWordPlay:hover {
        background-color: #0698e1;
    }

.crossWordmain {
    padding: 44px 0px;
}

.crossWordmainInner {
    background-color: #E3E8DA;
    padding: 23.5px 18px;
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
}

    .crossWordmainInner img {
        max-width: 200px;
        margin: 0px auto 18px;
        display: block;
        height:auto;
    }

    .crossWordmainInner h3 {
        font-family: 'MerriweatherHeavy','NotoDevanagariRegular','MehrNastaliqRegular';
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 18px;
        color: #000000;
    }

    .crossWordmainInner p {
        font-size: 14px;
        line-height: 19px;
        margin-bottom: 18px;
    }


/*  Rekhta Crossword end  */

/*rekhtaUrduDictQuotes start*/

.btn-urducDictWord {    
    display: inline-block;
    background-color: #00AAFF;
    border-radius: 100px;
    padding: 11px 19px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing:0.12px;
    color: #fff;
    border: 1px solid #00AAFF;
    transition: 0.3s all;
}

.btn-urducDictWord:hover {
    color: #00AAFF;
    background-color: transparent;
    border-color: #00AAFF;
}
.rekhtaUrduDictQuotes {
    border:0px;
}
.rekhtaUrduDictQuotes p,
.rekhtaUrduDictQuotesTwo p{    
    font-size: 14px;
    line-height: 19px;
    color: #585858;
    margin-bottom: 20px;
}
    .rekhtaUrduDictQuotes h4 {
        font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 11px;
    }
.rekhtaUrduDictQuotesTwo h4 {
    font-family: 'LatoXRegular','NotoDevanagariRegular','MehrNastaliqRegular';
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 26px;
    color: #585858;
    padding: 0 25px;
    text-align: center;
}
.rekhtaUrduDictQuotes picture {
    display:none;
}
.rekhtaUrduDictQuotes,
.rekhtaUrduDictQuotesTwo {
    padding: 32.5px 31px 46px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
    justify-content: center;
    text-align: center;
    border-radius: 4px;
    background-color: #F2F2F2;
    width:100%;
    margin-top:30px;
}
.rekhtaContentBox picture img {
    margin-bottom:14px;
}
.styleDisplayNone {
    display: none;
}
.dWordMreonRekhtaInner {
    background-color: #F2F2F2;
    border-radius: 3px;
    text-align: left;
    padding: 19px 149px 19px 20px;    
    position: relative;
}
.dWordMreonRekhtaInner strong {
    font-family: LatoXBold;
}
.dNewDesignLoadng .dWordMreonRekhta .dWordMreonRekhtaInner a {
    font-size: 12px;
    color: #fff;  
    background-color: #00AAFF;
    padding: 7px 15.44px;
    border-radius: 100px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}
.dNewDesignLoadng .dWordMreonRekhta .dWordMreonRekhtaInner a i {
    font-size:16px;
}
.dNewDesignLoadng .dWordMreonRekhta {
    border: 0;
    margin-bottom: 0px;
    background: #f5f5f5;
    text-align:center;
}
/*rekhtaUrduDictQuotes end  */
/* Qaafiya updates start */
.qfSection{
    margin-top:46px;
}
.dAddContainer {
    padding: 14px;
    padding-right:50%;
    border: 1px solid #E1E1E1;
    position:relative;
    border-radius:4px;
}
    .dAddContainer h2 {
        font-size: 13px;
        line-height:22px;
        font-family: merriweatherheavy,NotoNastaliqUrdu,NotoDevanagari;
    }
    .dAddContainer p {
        line-height:22px;
        font-size:14px;
        margin-top:14px;
        display:none;
    }
    .dAddContainer a {
        font-size: 12px;
        color: #00aaff;
        margin-top: 15px;
        display: inline-block;
        text-transform: uppercase;
    }
        .dAddContainer a i {
            font-size: 16px;
            position: relative;
            top: 3px;
        }
    .dAddContainer .qfAdBg {
        position: absolute;
        right: 0;
        bottom: 0;
        width:164px;
    }
.qzSdbrPlcholder {
    display: none;
}
.qfSecHdr {
    position:relative;
}
.qfSecHdr h2 {
    font-size: 18px;
    font-family: latoxbold,NotoNastaliqUrdu,NotoDevanagari;
}
.qfSecHdr p {
    font-size:14px;
    line-height:20px;
    margin-top:10px;
}
    .qfSecHdr p a {
        color: #00aaff;
    }
.qfSmvideo {
    font-size: 14px;
    color: #00aaff;
    right: 0;
    top: 0;
    position: absolute;
    display:none;
}
    .qfSmvideo i {
        font-size: 18px;
        position: relative;
        top: 4px;
    }
.qfSm {
    font-size: 14px;
    color: #00aaff;
    right: 0;
    top: 0;
    position: absolute;
}
.qfSm i {
    font-size: 18px;
    position: relative;
    top: 4px;
}
.qfVdoCon .qfMainVdo {
    margin-top:14px;
}
    .qfVdoCon .qfMainVdo .qfVdoMainInner {
        height:184px;
        overflow:hidden;
        position:relative;
        border-radius:4px;
    }
        .qfVdoCon .qfMainVdo .qfVdoMainInner img {
            width: 100%;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
        }
  
            .qfVdoMainInner iframe {
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
}
.qfVdoContent {
    margin-top:14px;
    position:relative;
}
.qfVdoContent h2 {
    font-family: Roboto,NotoNastaliqUrdu,NotoDevanagari;
    font-size: 14px;
    line-height: 21px;
    font-weight: 700;
    color: #000;
}
    .qfVdoContent p {
        color: #808080;
        margin-top:10px;
    }
.qfVdoMainInner .playIcon {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    opacity: 1;
    width: 70px;
    height: 70px;
    z-index: 1;
}
.hideScrollFixed::-webkit-scrollbar{
    display: none;
}

.qfEbooks {
    margin-top: 14px;
    display: flex;
    overflow: hidden;
    white-space: nowrap;
    overflow-x: auto;

}
    .qfEbooks .qfbookCon:first-child {
       margin-left:16px;

    }
.qfbookCon {

    display: inline-block;
}
.qfbookCon a {
    display:block;
}
    .qfbookCon img {
        border-radius: 4px;
        width: 160PX;
        MARGIN-RIGHT: 12PX;
    }
.qfEbkContent h6 {
    font-size: 14px;
    color: #808080;
    margin-top:6px;
}
.qfEbkContent .qfebkTtl {
    color: #000000;
    margin-top: 14px;
    font-family: Roboto,NotoNastaliqUrdu,NotoDevanagari;
    font-weight: 700;
}
.qfBlogs {
    margin-top: 14px;
    display: flex;
    overflow: hidden;
    overflow-x: auto;
    white-space: normal;
}
    .qfBlogs .qfBlogCon:first-child {
        margin-left: 16px;
    }
.qfBlogCon {
    flex: 0 0 258px;
    max-width: 258px;
    margin-right: 14px;
    border: 1px solid #E1E1E1;
    border-radius:4px;
}

    .qfBlogCon img {
        width: 100%;
        height: 164px;
        border-radius: 4px 4px 0 0 ;
    }

.blgContent {
    padding:14px;
}
    .blgContent h6 {
        font-size: 16px;
    }
    .blgContent p {
        font-size: 14px;
        color: #808080;
        margin-top: 5px;
        line-height: 20px;
    }
.dateDot{
    color:#000;
    font-size:12px;
    margin-top:5px;
}

span.dot {
    width: 4px;
    height: 4px;
    background: #ccc;
    display: inline-block;
    margin: 0 3px;
}
.blgUsr {
    margin-top:14px;
    padding-left:42px;
    position:relative;
}
.blgUsr img {
    position:absolute;
    left:0;
    top:0;
    width:32px;
    height:32px;
    border-radius:50%;
}

    .blgUsr h5 {
        font-size: 12px;
        color: #00AAFF;
    }
    .blgUsr h5 span {
        color: #000;
    }

    .qfVdoList{
        display:none;
    }
.searchQaafiya {
    transition: 0.3s;
}
.multi-search-filter {
    border: 1px solid #E2E2E2;
    border-radius: 4px;
    padding: 7px;
    width: calc(100% - 46px);
    float: left;
    position:relative;
    height:38px;
}

    .multi-search-filter > form > input {
        border: 0px;
        outline: none;
        font-size: 14px;
        color: #000000;
    /*    opacity: 0.3;*/
        padding: 0 8px;
        width:100%;
        position:absolute;
        left:0;
        height:20px;
    }

    .multi-search-filter > form > ::placeholder {
        color: #000000;
        opacity: 0.3;
    }

.multi-search-item {
    padding: 3px 3px 3px 13px;
    margin-right: 4px;
    float: left;
    display: flex;
    background: #fafafa;
    color: rgb(51, 51, 51);
    border-radius: 4px;
    position: relative;
    border: solid 1px #e1e1e1;
    position:relative;
    z-index:9;
}

    .multi-search-item > span {
        font-family: 'Lato';
        line-height: 14px;
    }

    .multi-search-item > .fa {
        font-size: 12px;
        line-height: 18px;
        margin-left: 8px;
        position: absolute;
        right: 8px;
        top: 2px;
    }

.searchBtn {
    color: #fff;
    font-size: 24px;
    padding: 6px;
    width: 36px;
    border-radius: 4px;
    float: right;
    margin: 0;
    cursor: pointer;
    display: inline-block;
    background-color: #00aaff;
  /*  border: 1px solid #00aaff;*/
    border-radius: 2px;
}
.dcSearch .searchBtn {
    border:0px;
}

.deleteWord {
    font-size: 14px;
    color: #808080;
    padding: 0 0 0 4px;
}
.addMatla {
    font-size: 14px;
    color: #00AAFF;
    line-height: 22px;
    float: right;
    cursor:pointer;
    display: block;
    position:relative;
}
    .addMatla span {
        display: none;
        color: #B2B2B2;
    }

.kfSets li.activeTab {
    color: #000;
    font-weight:bold;
}

.qaafiyaaGuide {
    color: #ffffff;
    font-size: 16px;
    align-items: center;
    display: flex;
    cursor: pointer;
    position: fixed;
    z-index: 9999;
    bottom: 0;
    left: 50%;
    background: #00AAFF;
    padding: 5px 10px;
    border-radius: 4px 4px 0 0;
    width: 155px;
    margin-left: -78px;
}



    .qaafiyaaGuide span {
        margin: 0;
        font-size: 24px;
        position: relative;
        left: 1px;
        top: 2px;
    }
    .qaafiyaaGuide span .rico-additionalinfo:before {
       
    }

    .headingGuidelines{
        font-size:18px;
        color:#000;
        font-weight:bold;
        border-bottom: solid 1px #e1e1e1;
        padding:16px;
    }

.closePopupIcon {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #808080;
    font-size: 24px;
    cursor: pointer;
}
.contentListHeader h2 .qfBeta {
    position: relative;
    top: -21px;
    left: 4px;
    font-size: 12px;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    letter-spacing: 0.06em;
    display: inline-block;
}

.crosswordIframe {
    margin-left: 0px;
    margin-right: 0px;
}

#cross-asset-syncing {
    display: none !important;
}


/* tempralaly css for quafiya start */
/*kaafia start */
/*.kfWlcmPopupLayer {
    display: block;
}*/
/*.kfPopuInnerContainer {
    max-width: 512px;
}

.kfWlcmPopupLayer .kfPopuInnerContainer {
    padding: 28px 0px 0px;
    text-align: center;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.3);
}

.kfWlcmPopupInner {
    padding: 28px 32px;
}

.contentListHeader h1 .qfBeta {
    position: relative;
    top: -26px;
    left: 4px;
    font-size: 12px;
    font-family: 'latoxbold','NotoNastaliqUrdu','NotoDevanagari';
    letter-spacing: 0.06em;
    display: inline-block;
}

.kfWlcmHdngs h3, .kfWlcmHdngs h2 {
    text-transform: uppercase;
}

.kfWlcmHdngs h3 {
    font-size: 12px;
    color: #000;
    letter-spacing: 0.06em;
}

    .kfWlcmHdngs h3 span {
        font-size: 12px;
        position: relative;
        top: 2px;
    }

.kfWlcmHdngs h2 {
    font-size: 23px;
    font-family: 'oswaldregular','rozha_oneregular','ArefRuqa';
    color: #ea0344;
    margin-top: 8px;
}

.kfWlcmPopupPara {
    border-top: 1px solid #d8d8d8;
    margin-top: 16px;
    padding-top: 36px;
}

    .kfWlcmPopupPara p {
        color: #000;
        font-size: 14px;
        line-height: 20px;
    }

.kfwlcmImpLine {
    font-family: 'merriweather_extendedLtIt','NotoNastaliqUrdu','NotoDevanagari';
    letter-spacing: 0.1em;
    margin-top: 16px;
}

.kfWlcmNotes {
    background-color: #f9f9f9;
    padding-bottom: 24px;
}

    .kfWlcmNotes h5 {
        font-size: 14px;
        font-family: 'latoxbold','rozha_oneregular','ArefRuqa';
        color: #000;
        text-transform: uppercase;
        position: relative;
        display: inline-block;
        padding: 0px 36px;
    }

        .kfWlcmNotes h5:before, .kfWlcmNotes h5:after {
            content: "";
            width: 24px;
            height: 8px;
            position: absolute;
            top: 4px;
            background-position: center;
            background-repeat: no-repeat;
            background-size: cover;
        }

        .kfWlcmNotes h5:before {
            left: 0;
            background-image: url(https://www.rekhta.org/Content/3.5/Images/hdngVectorLeft.png);
        }

        .kfWlcmNotes h5:after {
            right: 0;
            background-image: url(https://www.rekhta.org/Content/3.5/Images/hdngVectorRight.png);
        }

    .kfWlcmNotes p {
        font-size: 12px;
        line-height: 20px;
        margin-top: 16px;
    }

.qfMainHeader .searchCategory li {
    padding: 16px;
}

body.bdyOverFlow {
    position: fixed;
    overflow: hidden;*/
    /*height: 100%;*/
    /*width: 100%;
}

    body.bdyOverFlow .wrapper {
        position: relative;
        overflow: hidden;
        height: 100%;
    }

.kafiaContainer {
    position: relative;
}

    .kafiaContainer .blueButtonGlbl.qfBack {
        position: absolute;
        right: 0;
        top: 0;
        font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
        letter-spacing: 0.1em;
    }

.selectMatla .matlaHeading {
    float: left;
    font-size: 24px;
    opacity: 1;
    margin-bottom: 12px;
    line-height: normal;
}

    .selectMatla .matlaHeading span {
        color: #000;
        font-size: 14px;
        opacity: 0.5;
    }

.kfOutputContent .selectMatla p {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    position: relative;
    top: -4px;
    color: #b2b2b2;
}

.selectMatlaBtns {
    float: right;
}

    .selectMatlaBtns a {
        display: block;
        float: left;
        color: #000;
        font-size: 12px;
        margin-right: 12px;
        font-family: latoxbold;
        text-transform: uppercase;
        border: 1px solid #bdbdbd;
        border-radius: 4px;
        background-color: #fff;
        width: 74px;
        padding: 12px 0px;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s;
        text-align: center;
    }

        .selectMatlaBtns a:last-child {
            margin-right: 0;
        }

        .selectMatlaBtns a:hover {
            background-color: #f2f2f2;
        }

        .selectMatlaBtns a.mtlActive {
            background-color: #e81048;
            border: 1px solid #e81048;
            color: #fff;
        }

.searchKafia {
    position: relative;
}

    .searchKafia .formField p {
        text-transform: capitalize;
        font-size: 18px;
        top: 12px;
    }

    .searchKafia .formField.inputAnim p {
        top: 0px;
    }

.srchKafiaFields .formField .clearField {
    right: 12px;
    top: 22px;
    display: none !important;
}

.openingFormFieldsContainer .formField .clearField {
    top: 10px;
}

.srchKfyaButton {
    text-align: right;
}

    .srchKfyaButton .blueButtonGlbl {
        margin-right: 8px;
    }

.blueButtonGlbl {
    cursor: pointer;
    display: inline-block;
    text-transform: uppercase;
    font-size: 14px;
    color: #fff;
    background-color: #00aaff;
    border: 1px solid #00aaff;
    padding: 10px 16px;
    border-radius: 2px;
    z-index: 1;
}

.invalidCharMsg {
    display: none;
    position: absolute;
    bottom: 0;
    font-size: 14px;
    color: #e81048;
}

    .invalidCharMsg.invalidChar {
        display: block;
    }

.kafiaIntroContent .blueSmallHeading {
    font-size: 12px;
    margin-bottom: 16px;
    font-family: 'latoxbold'
}

.glblAutoHeight {
    height: 148px;
    position: relative;
    overflow: hidden;
}

.kafiaIntroContent {
    margin-top: 52px;
}

    .kafiaIntroContent p, .kfInstruction p {
        font-size: 12px;
        line-height: 24px;
        text-align: justify;
        margin-bottom: 16px;
    }

        .kafiaIntroContent p.qfExmp {
            float: left;
            width: 33.334%;
            box-sizing: border-box;
        }

    .kafiaIntroContent .qfExmp span {
        color: #000000;
        float: none;
        display: inline-block;
        text-align: center;
        position: relative;
        top: 16px;
        left: 25%;
    }

    .kafiaIntroContent p span {
        color: #eb0046;
    }

    .kafiaIntroContent p strong {
        font-family: 'latoxbold';
    }

    .kafiaIntroContent p:last-child {
        margin-bottom: 0px;
    }

.kafiaIntro .readFullBgBtn .readFull {
    margin-top: 32px;
}

.glbAutoHtFull.glblAutoHeight:before, .kafiaSecond {
    display: none;
}

.srchNrstMenu {
    padding: 16px 0px 8px;
    border-bottom: 1px solid rgba(0,0,0,0.1);
}

    .srchNrstMenu a {
        display: block;
        position: relative;
        letter-spacing: 0.025em;
        float: left;
        color: #585858;
        opacity: 0.5;
        text-align: left;
        font-size: 12px;
        font-family: 'latoxbold';*/
        /*width: 33.334%;*/
        /*padding: 8px;*/
        /*text-transform: uppercase;*/
        /*margin-right: 32px;
    }

    .srchNrstMenu span {
        display: inline-block;
        position: absolute;*/
        /*margin-left: 34px;*/
        /*font-size: 12px;
        letter-spacing: 0.1em;
        color: #888;
        margin-top: -8px;
        text-transform: uppercase;
    }

    .srchNrstMenu .srchNrstActive {
        opacity: 1;
    }

        .srchNrstMenu .srchNrstActive:after {
            content: "";
            position: absolute;
            width: 4px;
            height: 4px;
            border-radius: 50%;
            background-color: #e81048;
            bottom: 0;
            left: 50%;
            margin-left: -2px;
        }

.kafiaSrchRslt {*/
    /*box-shadow: 0px 2px 4px rgba(0,0,0,0.2) inset;*/
    /*background-color: #f3f3f3;*/
    /*border-top: 1px solid rgba(0,0,0,0.02);*/
    /*background-color: #f5f5f5;*/
    /*padding: 24px 12px;*/
    /*padding: 16px 12px;
    position: relative;
}

    .kafiaSrchRslt h2 span {
        font-family: 'latoxbold';
    }

.kfSrchRsltDesc {
    padding: 10px;*/
    /* background-color: rgba(88, 88, 88, 0.05); */
    /*border-bottom: 1px solid #fff;
}

    .kfSrchRsltDesc p {
        font-size: 12px;
        line-height: 16px;
        text-align: justify;
        font-family: 'latoxitalic'
    }

.kfInsdesk {
    display: none;
}*/
/*.searchCategory.kfSets li:after {
    height: 3px;
}*/
/*.qfWords h3 {
    display: inline-block;
}

.kfSrchWords {
    padding: 8px 0px 0px;
    background-color: #fff;
    margin-top: 16px;
    overflow: hidden;
    max-height: 190px;
    position: relative;
    transition: all 0.3s;
}

    .kfSrchWords.toggleHdSh {
        max-height: 226px;
    }

        .kfSrchWords.toggleHdSh.kfRealHeight, .kfSrchWords.toggleHdSh.kfRealHeight.kfSrchSmlr.smlrOpen {
            padding-bottom: 32px;
        }

            .kfSrchWords.toggleHdSh.kfRealHeight.kfSrchSmlr {
                padding-bottom: 0;
            }

        .kfSrchWords.toggleHdSh:before {
            content: "";
            display: block;
            position: absolute;
            height: 36px;
            width: 100%;
            bottom: 0;
            left: 0;
            background-color: #fff;
            z-index: 1;
        }

        .kfSrchWords.toggleHdSh.kfSrchSmlr:before {
            display: none;
        }

        .kfSrchWords.toggleHdSh.kfSrchSmlr.smlrOpen:before {
            display: block;
        }*/
/*.kfSrchWords .glblAutoHeight {
        overflow: visible;
        height:auto;
        max-height:148px;
    }*/
/*.kfInputContent {
    margin-bottom: 64px;
}

.kfSrchWords .kfSrchWrdList:before {
    display: none;
}*/

.kfSrchWords.kfRealHeight, .kfSrchWords.didUMeanAllWord.kfRealHeight {
    overflow: visible;
    max-height: none;
}

    /*.kfSrchWords.kfRealHeight .kfSrchWrdList {
        max-height: none;
    }

.kfSrchWords.toggleHdSh.kfRealHeight .kfSrchWrdList:before {
    display: none;
}

.kfSrchWrdHeader {
    padding: 8px;
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

    .kfSrchWrdHeader h2 {
        font-size: 14px;
        float: left;
    }

    .kfSrchWrdHeader .meaningSeeMore {
        display: none;
        font-size: 12px;
        float: right;
        color: #00aaff;
        letter-spacing: 0.025em;
        text-transform: capitalize;
        text-transform: uppercase;
        transition: 0.3s;
        position: absolute;
        bottom: 12px;
        left: calc(50% - 32px);
        z-index: 1;
    }

.kfInstruction p a {
    font-size: 12px;
    color: #00aaff;
    letter-spacing: 0.025em;
    text-transform: capitalize;
    text-transform: uppercase;
    text-decoration: underline;
}

.kfSrchWords.toggleHdSh .kfSrchWrdHeader .meaningSeeMore {
    display: block;
}*/
/*.kfSrchWords.toggleHdSh .kfSrchWrdList:before {
    display: block;
}*/
.kfSrchWrdList {
    margin-top: 0;
    /*max-height: 148px;*/
}

/*.expnCplsPlsMns {
    display: none;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 2px;
    background-color: #f1f1f1;
    font-size: 20px;
    color: #000;
    cursor: pointer;
    z-index: 1;
}

.kfSrchWords.kfSrchSmlr {
    position: relative;
    padding: 0px 0px 0px;
}

.kfSrchWords.toggleHdSh.kfSrchSmlr .kfSrchWrdHeader .meaningSeeMore {
    visibility: hidden;
    opacity: 0;
    margin-right: -32px;
}

.kfSrchWords.toggleHdSh.kfSrchSmlr.smlrOpen .kfSrchWrdHeader .meaningSeeMore {
    visibility: visible;
    opacity: 1;
    margin-right: 32px;
}

.kfSrchWords.kfSrchSmlr .expnCplsPlsMns {
    display: block;
}

.kfSrchWords.kfSrchSmlr.smlrOpen .expnCplsPlsMns:before {
    content: "\e941";
}*/
/*.kfSrchWords.kfSrchSmlr .kfSrchWrdList {
    display: none;
}*/
/*.kfSrchWords.kfSrchSmlr .kfSrchWrdHeader {
    border-bottom:none;
}*/
/*.kfSrchWords.kfSrchSmlr.smlrOpen .kfSrchWrdHeader {
    border-bottom: 1px solid rgba(0,0,0,0.05);
}

.kfSrchWrdList li {
    text-align: left;
    font-size: 14px;
    color: #000000;
    margin-bottom: 12px;
    width: 25%;
    float: left;
    position: relative;
    overflow: hidden;
    line-height: normal;
    display: block;
    white-space: nowrap;
    padding: 0px 8px;
}

.didUMeanAllWord .kfSrchWrdList li {
    width: 33.334%;
}

.kfSrchWrdList li a {
    display: inline-block;
    color: #000000;
}

.mngKfWords_3 .kfSrchWrdList li {
    width: 33.334%;
}

.mngKfWords_2 .kfSrchWrdList li {
    width: 50%;
}

.mngKfWords_6 .kfSrchWrdList li {
    width: 16.667%;
}

.wordInfoPopup, .kfPopuInnerContainer {
    background-color: #fff;
    width: 92%;
    max-width: 438px;
    top: calc(50% + 84px);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
    padding: 28px 0px;
    box-shadow: 0px 1px 3px rgba(0,0,0,0.1);
}

.wordInfoPopup {
    padding-top: 40px;
}

    .wordInfoPopup p span {
        font-size: 14px !important;
    }

.kfPdBdr {
    padding: 24px 16px;
    border-bottom: 1px solid #f3f3f3;
}

    .kfPdBdr:last-child {
        border-bottom: 0px;
    }

.wordInfoPopup:before {
    content: "";
    width: 100%;
    height: 32px;
    left: 0;
    bottom: 24px;
    z-index: 1;
    position: absolute;
    background: -moz-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);*/ /* ff3.6+ */
    /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,0.55)), color-stop(30%, rgba(255,255,255,0.82)), color-stop(49%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));*/ /* safari4+,chrome */
    /*background: -webkit-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);*/ /* safari5.1+,chrome10+ */
    /*background: -o-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);*/ /* opera 11.10+ */
    /*background: -ms-linear-gradient(270deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);*/ /* ie10+ */
    /*background: linear-gradient(180deg, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.82) 30%, rgba(255,255,255,1) 49%, rgba(255,255,255,1) 100%);*/ /* w3c */
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 );*/ /* ie6-9 */
/*}

.wordInfoPopup.kfPpfdHd:before {
    display: none;
}

.kfshrWrdNdMnng .favoriteControls.meaningFav {
    top: -5px;
}

.kfSher .kfShrSeefull {
    float: right;
    font-size: 12px;
    color: #00aaff;
    text-transform: uppercase;
    margin-top: 8px;
}

.kfSher p {
    font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';
    line-height: 28px;
}

.kfSher .poetName {
    cursor: inherit;
}

    .kfSher .poetName a {
        font-size: 12px;
        cursor: inherit;
    }

        .kfSher .poetName a:hover {
            color: #1a1a1a;
        }

.gzlQfa p {
    margin-top: 24px;
    color: rgba(0,0,0,0.6);
    font-size: 12px;
    text-transform: uppercase;
}

.gzlQfWords {
    margin-top: 12px;
}

    .gzlQfWords a {
        color: #000;
        font-size: 14px;
        float: left;
        margin-right: 8px;
    }

qfWrdPopupHeader {
    position: fixed;
    right: 0;
    top: 0;
    color: #808080;
    background-color: #fff;
    width: 100%;
    padding: 4px;
}

.kfPopClose {
    text-align: right;
    width: 100%;
    position: fixed;
    right: 0;
    top: 0;
    padding: 8px;
    background-color: #fff;
    cursor: pointer;
}

    .kfPopClose i {
        font-size: 24px;
    }

.kfWlcmPopupMain {
    height: 400px;
    overflow-y: auto;
}

.kfshrWrdNdMnng.kfpopupMngHt .kfPopupMain .kfShNdMorWrds {
    display: none;
}

    .kfshrWrdNdMnng.kfpopupMngHt .kfPopupMain .kfShNdMorWrds:first-child, .kfshrWrdNdMnng.kfpopupMngHt .kfPopupMain .kfShNdMorWrds:nth-child(2), .kfshrWrdNdMnng.kfpopupMngHt .kfPopupMain .kfShNdMorWrds:nth-child(3) {
        display: block;
    }

.kfshrWrdNdMnng .readFullBgBtn {
    display: none;
    text-align: right;
}

    .kfshrWrdNdMnng .readFullBgBtn .readFull {
        margin-top: 16px;
    }

.kfshrWrdNdMnng.kfpopupMngHt .readFullBgBtn {
    display: block;
}

#set1 {
    display: block;
}

.setContainer {
    display: none;
}

.kfSher .poetName a {
    font-size: 12px;
    line-height: normal;
}

.introSherLines {
    padding: 24px 0px;
    text-align: justify;
    max-width: 320px;
    margin: auto;
}

.example {
    font-size: 14px;
    text-transform: uppercase;
    color: #b8b8b8;
    margin-bottom: 24px;
}

.exmplDblClr {
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
    font-family: 'latoxbold';
    margin-bottom: 24px;
}

    .exmplDblClr span {
        color: #eb0046;
    }

.introSherLines p, p.qfshrLnInr {
    font-family: 'merriweather_extendedLtIt','lailaregular','NotoNastaliqUrdu';
    color: #000;
    margin: auto;
    font-size: 18px;
    line-height: 30px;
    margin-bottom: 32px;
    text-align: center;
}

#qfWordsRendr {
    padding: 24px;
    border-bottom: 1px solid #f3f3f3;
    line-height: 24px;
}

.pdL24 {
    padding-left: 24px;
}

.pdl32 {
    padding-left: 32px;
}

.qfMainHeaderSticky .qfMainHeader {
    position: fixed;
    z-index: 9;
    background: #fff;
    top: 56px;
}

.kfOutputContent.qfMainHeaderSticky .kafiaSrchRslt {
    padding-top: 148px;
}

.qfWrdPopupHeader .dWordAlan {
    padding-left: 24px;
}

.qfWrdPopupHeader .favoriteControls.meaningFav {
    top: 36px;
    position: absolute;
}

.qfWrdPopupHeader {
    box-shadow: 0px 2px 0px 0px #f7f7f7;
    padding-left: 8px;
}

.qfMainHeader .HeadingFade {
    height: 99%;
    display: none;
}

.qfWrdPopupHeader .dWordAF {
    float: left;
    margin-left: -28px;
    margin-top: -4px;
}

.kfIntroList li {
    float: left;
    position: relative;
    padding-left: 16px;
    margin-right: 16px;
    font-family: 'latoxbold';
    text-transform: uppercase;
}

    .kfIntroList li:before {
        content: ".";
        font-size: 32px;
        position: absolute;
        top: -16px;
        left: 0;
    }

.kfIntroList.exampleList {
    padding: 24px 0px;
}

    .kfIntroList.exampleList li {
        float: none;
        font-family: 'latoxregular';
        text-transform: none;
        line-height: 24px;
    }

        .kfIntroList.exampleList li:before {
            top: -8px;
        }

.exampleHeading {
    font-size: 32px;
    font-family: 'latoxbold';
    color: #000;
}

.qfIntroNote {
    padding: 16px 24px;
    background-color: #fbfbfb;
}

.kafiaIntro {
    direction: ltr;
}

.kafiaIntroContent .qfIntroNote .blueSmallHeading {
    margin-bottom: 8px;
}

.rfContactForm .formField.msgField:after {
    bottom: 2px;
}

.kfSrchWords.didUMeanAllWord .kfSrchWrdList li {
    line-height: 32px;
    font-family: 'latoxregular','NotoNastaliqUrdu','NotoDevanagari';
}

.kfSrchWords.didUMeanAllWord {
    max-height: 280px;
}

.kfInstruction {
    border: 1px solid #f2f2f2;
    margin-top: 16px;
    border-radius: 2px;
    position: fixed;
    padding-top: 16px;
    z-index: 9;
    background-color: #fff;
    bottom: -280px;
    left: 0;
    transition: all 0.3s;
    direction: ltr;
}

.QfSideBar {
    max-height: 452px;
    overflow: hidden;
    padding: 16px;
}

.kafiaIntro .blueSmallHeading {
    font-size: 14px;
    margin-bottom: 8px;
}

.kfInstruction .moreMatchesBtn {
    top: -4px;
    cursor: pointer;
    z-index: 1;
    line-height: 30px;
    border: 1px solid #00aaff;
    color: #fff;
    background: #00aaff;
}

.kfInstruction.instructTgl .moreMatchesBtn {
    line-height: 48px;
}

    .kfInstruction.instructTgl .moreMatchesBtn:before {
        content: "\e931";
    }

.kfInstruction.instructTgl {
    bottom: 0;
}

.noQfa h2 {
    font-weight: normal;
    color: #4c4c4c;
    letter-spacing: 0.05em;
    line-height: 24px;
    text-align: justify;
}

.kfSearchText {
    cursor: pointer;
    padding: 16px 0px;
}

    .kfSearchText h3 {
        display: inline-block;
        margin-right: 16px;
        font-family: 'latoxregular','NotoDevanagari','NotoNastaliqUrdu';
    }

        .kfSearchText h3:last-child {
            line-height: normal;
        }

.takhtiSearchResult .searchContentBox {
    padding: 0px;
}

.dsblSecondQaafiya {
    cursor: no-drop;
    opacity: 0.5;
}

    .dsblSecondQaafiya input {
        pointer-events: none;
    }

.searchKafia .searchContent {
    width: 100%;
    margin-top: -16px;
    background-color: #fff;
    position: absolute;
    z-index: 2;
}

.searchKafia.mtlDblFld .searchContent {
    margin-top: -76px;
}

.searchKafia .searchContent[data-id="txtSecondKaafia"] {
    margin-top: -16px;
}

.searchKafia .searchBoxFade {
    bottom: 0;
}

.addMoreQfa.addMoreQfaRmv {
    display: none;
}

.kfAddMoreClose {
    position: absolute;
    top: 1px;
    right: 1px;
    font-size: 14px;
    color: #6f6a6a;
    background-color: #fafafa;
    height: 70%;
    line-height: 4.2em;
    width: 36px;
    text-align: center;
    cursor: pointer;
    border-left: 1px solid #ccc;
}

    .kfAddMoreClose i {
        font-size: 22px;
    }

.srchKafiaFields .formField.QfMoreFld .clearField {
    right: 48px;
}*/

/* qaafiya end */
/* tempralaly css for quafiya end */

.owl-carousel .slide-owl-wrap:not(:first-child) {
    display: none;
}
/* Qaafiya updates end */



/* Quotes update */

.fixed_Quote.contentLoadMoreSection {
    text-align: center;
}
    .fixed_Quote.contentLoadMoreSection .activitySources {
        text-align: left;
        display: flex;
        flex-direction: column;
        text-align: center;
        margin-top: 16px
    }
.fixed_Quote .sherLines.quote {
    margin-bottom:12px;
}

.fixed_Quote.nwPoetSher .poetName {
    margin: 8px 0px 12px;
}
/*.fixed_Quote .activitySources.activitySourcesFlWd.clearfix.containTags .readfullTag {
    width: auto
}*/
.fixed_Quote .pMC .c p{
    text-align:center
}

.fixed_Quote .nwPoetSher .poetName {
    margin: 8px 0px 6px;
}
.fixed_Quote  .activitySources ul li.tagList {
    margin-bottom: 20px;
}
.fixed_Quote .activitySources.activitySourcesFlWd .sourcesLeft {
    margin-top: 0px;
}
.sherContainer.contentLoadMoreSection.nwPoetSher.fixed_Quote picture {
    text-align: center;
    margin: 0 auto 15px auto;
    display: block;
}
.fixed_Quote.contentLoadMoreSection .activitySources .sourcesLeft {
    margin-bottom: 15px
}
        .fixed_Quote.contentLoadMoreSection .separator {
            margin: 24px auto;
        }

    .fixed_Quote.contentLoadMoreSection .pMC .c {
        text-align: center;
    }

.tagLanding.contentLoadMoreSection.clearfix.fixed_Quote picture {
    text-align: center;
    margin: 0 auto;
    display: block;
}
/*07-October-2022*/

.formField.formTxtArea p {
    left: 10px;
    top: 12px;
}
#applyFormContainer .formField.formTxtArea.inputAnim p {
    top: 8px;
}
#applyFormContainer .formField.formTxtArea:after {
    bottom: 23px;
}
.openingFormFieldsContainer .formField.formTxtArea textarea {
    padding: 23px 9px;
    outline: 0;
    border: 1px solid #ddd;
}
/*07-October-2022*/
/*newGujratiUserPublishForm*/
.newGujratiUserPublishForm h2.send-resume {
    letter-spacing:0px;
}
.newGujratiUserPublishForm input[type="file"] {
    display: block;
}

.newGujratiUserPublishForm .imageThumb {
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}

.newGujratiUserPublishForm .pip {
    display: inline-block;
    margin: 10px 10px 0 0;
}

.newGujratiUserPublishForm .remove {
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
}

    .newGujratiUserPublishForm .remove:hover {
        background: white;
        color: black;
    }

.newGujratiUserPublishForm .button-wrapper {
    width: auto;
    position: relative;
    margin-bottom: 20px;
}

.newGujratiUserPublishForm .uplodeFlex {
    display: flex;
    text-align: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.newGujratiUserPublishForm .uploadImage {
    display: block;
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    justify-content: flex-start;
    margin-top: 30px;
}

.newGujratiUserPublishForm .field.button-wrapper span.label {
    width: 40%;
    margin-left: 15px
}

.newGujratiUserPublishForm .button-wrapper span.label {
    position: relative;
    z-index: 0;
    display: inline-block;
    width: 100%;
    background: #00bfff;
    cursor: pointer;
    color: #fff;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 12px;
}

.newGujratiUserPublishForm .upload {
    display: inline-block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}
/*  Quotes update */


            @media screen and (max-width:992px) {
                .crosswordContentWrap h1 {
                margin-bottom: 0px;


            }

    .crosswordContentWrapInner .contentListHeader {
        padding-bottom: 16px;
    }

    .rUrdResource h2 {
        font-size:18px;
    }
    .controlsForDiacritics {
        display:flex;
    }
                .resourceWriter.deTails {
                    padding-left:16px;
                }
                    .resourceWriter.deTails .resoLitImg {
                        margin-right:0px;
                    }
                    .resourceWriter.deTails .resoPoetNameColomn a h3 {
                        margin-bottom: 0px;
                    }

                    .resourceWriter.deTails .resoPoetNameColomn p {
                        margin-bottom: 0px;
                        opacity:0.4;
                    }
                    .resourceWriter.deTails .resoPoetNameColomn {
                        margin-left:-6px;
                    }

                    .resourceWriter.deTails .resoLitImg img {
                        width: 39px;
                        height: 39px;
                        max-width: 39px;
                        max-height: 39px;
                    }

                    .resourceWriter.deTails .resoLitImg {
                        max-width: 39px;
                        width: 39px;
                    }
                .contentListing.UrdResourceListing {
                    overflow:hidden;
                }
                .rUrdResource img {
                    max-width:100%;
                    height:auto;
                }
}