/*@charset "utf-8"; */
/* CSS Document */
* {
    margin: 0;
    padding: 0;
}

body {
    background: #f2f2f2;
}

.tagDescription {
    font-size: 18px;
    margin-top: 10px;
}

.format > input, footer > input, textarea {
    box-shadow: 0px -4px 1px #e6e6e6 inset;
    -webkit-box-shadow: 0px -4px 1px #e6e6e6 inset;
    -moz-box-shadow: 0px -4px 1px #e6e6e6 inset;
    padding-left: 10px;
}
/*div.k-window-actions>a:hover{
    background-color:blue;
}*/
a {
    text-decoration: none;
    outline: none;
}

    a:hover {
        text-decoration: none;
        outline: none;
        color: #0b9de5;
    }

    a img {
        outline: none;
    }

img {
    border: 0;
}

.wrapper {
    width: 100%;
    float: left;
}
/*header style*/

/*kendo menu custom*/
.k-menu-horizontal {
    background: none;
    border: none !important;
    /*padding-top: 7px;*/
}

.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    border: none;
}

    .k-menu .k-item > .k-link {
        font-size: 16px;
        text-transform: uppercase;
        padding: 4px 17px 4px 17px !important;
        color: #ffffff;
        font-weight: 300;
    }
/*.k-icon, .k-tool-icon, .k-grouping-dropclue, .k-drop-hint, .k-column-menu .k-sprite, .k-grid-mobile .k-resize-handle-inner:before, .k-grid-mobile .k-resize-handle-inner:after {
    background: url('https://www.rekhta.org/Content/Images/menu-down.png') no-repeat left 5px;
    margin-right: 2px;
}
a.k-window-action .k-link .k-state-hover
{
    background-color:#999999;
    background-image: url(https://www.rekhta.org/Content/Images/ExpandCollapse_16px.png)!important;
}
.k-i-close {
margin-top: -20px;
margin-right: -10px;
background-image: url(https://www.rekhta.org/Content/Images/ExpandCollapse_16px.png)!important;
background-position: top;
}
.k-link:link, .k-link:visited, .k-nav-current.k-state-hover .k-link:hover {
    color: #ffffff;
    Background: none !important;
}
/*kendo menu custom*/
.header-wrapper {
    width: 100%;
    float: left;
    padding-top: 12px;
    background-color: rgba(204,10,49,0.80);
    min-height: 100px;
    position: fixed;
    top: 0;
    z-index: 9999;
    /*-webkit-transition: background-color 800ms ease;
    -moz-transition: background-color 800ms ease;
    -o-transition: background-color 800ms ease;
    -ms-transition: background-color 800ms ease;
    transition: background-color 800ms ease;*/
    max-height: 120px;
}
/*23jun2015*/
.p-perfect {
    padding-left: 30px;
    padding-right: 0;
}

.top-header {
    padding-left: 6px;
}

.navbar {
    margin: 0;
}

.navbar-default {
    background: none;
    border: none;
}

.navbar-brand {
    padding: 17px 36px 15px 14px;
}

.navbar-default .navbar-nav > li > a {
    padding: 7px 16px;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 600;
}

    .navbar-default .navbar-nav > li > a:hover {
        /*3feb*/
        background-color: #fcfcfc !important;
        color: #ffffff;
    }

.top-header {
    width: 75.5%; /* Changed width from 85% to 78% */
    width: -webkit-calc(100% - 215px); /* Changed width from -230px to -212px */
    width: -moz-calc(100% - 215px); /* Changed width from -230px to -212px */
    width: -o-calc(100% - 215px); /* Changed width from -230px to -212px */
    width: calc(100% - 215px); /* Changed width from -230px to -212px */
    min-height: 40px;
    float: left;
}

.top-input {
    width: 100%;
    min-height: 36px;
    border: none;
    max-width: 760px;
    background: rgba(255,153,173,0.1);
    float: left;
    padding: 0 40px 0 10px;
    height: 36px;
    border-bottom: 1px solid rgba(255,255,255,0.20);
    color: #ffffff;
    font-size: 15px;
}
/* whatsapp share button class*/

.whatsapp-share {
    display: none;
}

.form-group-top {
    width: 62%;
    width: -webkit-calc(100% - 421px);
    width: -moz-calc(100% - 421px);
    width: -o-calc(100% - 421px);
    width: calc(100% - 421px);
    max-width: 760px;
    float: left;
    padding-top: 2px;
    border-bottom: 2px solid rgba(0,0,0,0.02);
    margin-right: 30px; /* Padding added */ /*height:modified 02052015*/
    position: relative; /* Position relative applied*/
}

    .form-group-top hr {
        border-color: #80000d;
        margin: 5px 0 0 0;
        padding: 0;
        height: 2px;
    }

.lang {
    float: left;
}

    .lang ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .lang ul li {
            float: left;
            height: 44px;
            margin-left: 3px;
        }

            .lang ul li a {
                padding: 0;
                display: block;
                background: transparent;
                height: 36px;
                line-height: 34px;
                text-decoration: none;
                border: 1px solid #e4758b;
                font-size: 16px;
                font-weight: 200;
                text-transform: uppercase;
                color: #ffffff;
                transition: all 0.1s ease;
                -webkit-transition: all 0.1s ease;
                -o-transition: all 0.1s ease;
                -moz-transition: all 0.1s ease;
                -ms-transition: all 0.1s ease;
                font-weight: 400;
                margin-top: 2px;
                width: 60px;
                text-align: center;
            }

                .lang ul li a:hover {
                    background: #fafafa;
                    box-shadow: none;
                    color: #e54555;
                }

.tap-btn {
    width: 25px;
    height: 25px;
    display: block;
    background: #fff;
    background: #fff url(https://www.rekhta.org/Content/Images/search-icon.png);
    background-position: center center;
    float: right;
    background-repeat: no-repeat;
    border: none;
    display: none;
}

.search_btn {
    background: url(https://www.rekhta.org/Content/Images/search-icon-white.png);
    display: block;
    width: 18px;
    height: 18px;
    position: relative; /* Changed relative to absolute */
    top: 10px;
    left: 96%;
}

.social {
    float: right; /*changes float left to right*/
    background: transparent;
    /*padding-top: 8px;*/
    /* Changed width from 30px to 24px */
    margin-right: -5px;
}

    .social ul {
        padding: 0;
        list-style: none;
        margin-top: 2px;
        float: left;
        margin-bottom: 0;
    }

        .social ul li {
            float: left;
            /*margin: 0 2px;*/
            margin-left: 1px;
        }
            .social ul li[title="Rekhta on google+"] {
                display: none;
            }

            .social ul li a {
                width: 36px;
                height: 36px; /*height:modified 02052015*/
                display: block;
                padding-top: 8px;
                text-align: center;
            }

                .social ul li a:hover {
                    background: rgba(0,0,0,0.2);
                }
                /*.social ul li a:hover{background:rgba(0,0,0,0.35);}*/
                .social ul li a img {
                    margin: 0 auto;
                }

.no-margin {
    margin: 0;
}

.login-area {
    float: right;
    margin-top: 3px;
    margin-right: 0;
    border-top: 1px solid rgba(255,255,255,0.20) !Important;
    padding-top: 2px;
}


.login-area-link {
    display: block;
    width: 92px;
    height: 36px;
    line-height: 36px;
    background: rgba(0,0,0,0.10);
    color: #ffffff;
    font-size: 16px;
    text-align: center;
    margin-left: 1px;
    text-decoration: none !important;
    font-weight: 500;
    float: left;
}

    .login-area-link:hover {
        color: #ffffff;
        background: rgba(0,0,0,.25);
    }

.logged-in {
    position: relative;
    width: 186px;
    height: 36px;
    background: rgba(0,0,0,0.2);
    float: right;
    color: #ffffff;
    margin-top: -2px;
}

    .logged-in p {
        margin: 0;
        padding: 13px 0px 0px;
        float: left;
        padding-top: 10px;
        line-height: 1;
        direction: rtl;
    }

        .logged-in p span {
            font-size: 10px;
            font-weight: bold;
            text-overflow: ellipsis;
            white-space: nowrap;
            max-width: 110px;
            overflow: hidden;
            display: block;
            direction: ltr;
            text-align: right;
        }

.userImgBox{
	width: 48px;
	height: 48px;
	float: right;
	margin: 0px 10px;
	background: #fff;
	border-radius: 50%;
	padding: 2px;
	position: relative;
	top: -7px;
}
.log-img {
    max-width: 100%;
    width: 44px;
    height: 44px;
    /*margin: 0px 10px;
	width: 42px;
    height: 42px;
    margin: 0 10px 0 6px;
	border: 2px solid #fff;
	border-radius: 100%;
	float: right;
	position: relative;
	top: -3px;
	*/
}

#userPanel {
    border-top: 1px solid rgba(255,255,255,.2) !important;
    padding-top: 5px;
    margin-top: 2px;
}
/*-------banner css ----------------*/
.banner-wrap {
    width: 100%;
    float: left;
}

.fixbackground {
    background-color: #1a1a1a;
}

.banner {
    width: 100%;
    position: relative;
    max-width: 1920px;
    margin: 0 auto;
    height: 425px;
    overflow: hidden;
}

    .banner ul {
        height: 100%;
    }

.banner-inner {
    position: relative;
}

.logged-in p .banner-inner img {
    height: 325px;
    max-width: 1920px;
}

.banner-text {
    position: absolute;
    bottom: 41px;
    left: 15px;
    color: #ffffff;
    background: url(https://www.rekhta.org/Content/Images/banner-text-bg.png);
    padding: 0 20px 0px 13px;
    height: 82px;
}

    .banner-text h2 {
        letter-spacing: -2px;
        margin: 3px 0 0 0;
        font-weight: 300;
    }

    .banner-text p {
        margin: -2px 0 0 0;
        padding-bottom: 4px;
    }

    .banner-text h2 span {
        font-weight: 200;
    }

.banner-right-wrap {
    position: relative;
}

.banner-right-text {
    position: absolute;
    bottom: 4px;
    right: 20px;
    color: #ffffff;
    z-index: 2;
    width: 330px;
    transition: all 0.7s ease-in-out;
    -ms-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    opacity: 1;
}

    .banner-right-text ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .banner-right-text ul li {
            margin-bottom: 10px;
            background: url(https://www.rekhta.org/Content/Images/banner-text-bg.png);
            padding: 12px 20px 12px 13px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
        }

.favorites {
    min-height: 60px;
}

.banner-right-text h4 {
    margin: 8px 0;
}

.banner-right-text h5 {
    margin: 0 0 5px 0;
}

.banner-right-text p {
    margin: 0;
}

.slider-img img {
    width: 100%;
}

.SliderPrev {
    left: 0;
    top: 5px;
    z-index: 999;
    padding-top: 20px;
    position: relative;
}

.SliderNext {
    right: 0;
    top: 5px;
    z-index: 999;
    padding-top: 20px;
    position: relative;
}

.blue {
    /*color: #00ebfc;*aditya changes*/
    color: #3d3d3d;
}

.orange {
    color: #ff8e66;
}

.fav-img {
    float: left;
    margin-right: 10px;
    border: 2px solid #c2b3a2;
}




/*-------------------------main-content---------------------*/
.home-content {
    width: 100%;
    float: left;
    padding: 14px 0 0 0;
    border-bottom: 2px solid #fefefe;
    /*for paralax*/
    margin-top: 426px;
}

.dark {
    background: #e6e6e6;
    margin: 0 0 15px 0;
}

.light {
    background: #ededed;
    margin: 0 0 15px 0;
}
/*----format----*/
.format {
    width: 100%;
    float: left;
    box-shadow: 0px 3px 4px #b3b3b3;
    -webkit-box-shadow: 0px 3px 4px #b3b3b3;
    -moz-box-shadow: 0px 3px 4px #b3b3b3;
    height: 330px;
    max-height: 330px;
    overflow: hidden;
    margin: 15px 0;
    position: relative;
    background: #ffffff;
}

.format-top {
    width: 100%;
    float: left;
    padding-right: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .format-top h3 {
        margin: 0;
        padding: 8px 0;
        width: 100%;
        border-bottom: 1px solid #e54555;
        font-weight: 600;
        min-height: 36px;
        letter-spacing: -0.5px;
        text-transform: uppercase;
    }

.redBox {
    width: 36px;
    height: 36px;
    float: left;
    background: #e54555;
    margin-right: 10px;
}

.format-middle {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 2px;
    min-height: 290px;
}

    .format-middle img {
        width: 100%;
    }

.format-bottom {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
}

.description {
    height: 22px;
    overflow: hidden;
    position: absolute;
    top: -23px;
}

    .description h5 {
        background: #e54555;
        padding: 5px 15px 5px 11px;
        float: left;
        margin: 0;
    }

.format-bottom-inner {
    width: 100%;
    float: left;
    background: url(https://www.rekhta.org/Content/Images/format-bottom-bg.png);
    padding: 8px 15px 0 11px;
    height: 82px;
    min-height: 82px;
}

    .format-bottom-inner h2 {
        margin: 0 0 5px 0;
        padding: 0;
        font-weight: 600;
    }

.format a {
    text-decoration: none;
}

.bottom-link {
    display: none;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    background: url(https://www.rekhta.org/Content/Images/blue-link-bg.png) no-repeat left center;
    font-size: 14px;
    color: #0b9de5;
    text-transform: uppercase;
    padding-left: 20px;
    margin-right: 16px;
}

.format-bottom p {
    font-size: 12px;
}
/*----format----*/

/*----featured----*/
.featured {
    padding: 10px;
    background: url(https://www.rekhta.org/Content/Images/featured-bg.jpg) no-repeat left top;
    background-size: cover;
    margin-top: 2px;
}

.featured-img-div {
    width: 28.5%;
}

.featured img {
    float: left;
    border: 2px solid #ffffff;
    box-shadow: 0px 0px 5px #999999;
}

.featured-inner {
    width: 71.5%;
    float: right;
    padding: 0 15px;
}

.featured-top {
    width: 100%;
    float: left;
    text-align: center;
    padding: 8px 0px 0px 0px;
    margin-top: 10px;
}

    .featured-top a {
        margin-top: 10px;
    }

    .featured-top p {
        line-height: 26px;
        margin-bottom: 20px;
    }

.featured-middle {
    width: 100%;
    float: left;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 3px 0;
    margin-top: 12px;
}

    .featured-middle p {
        float: left;
        margin: 0;
        font-weight: 600;
    }

    .featured-middle a {
        float: right;
        text-decoration: none;
    }

.artist-name {
    margin: 0 2px;
}

.featured-bottom {
    width: 100%;
    float: left;
    margin-top: 14px; /* This change will conflict with other element */
}

    .featured-bottom ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .featured-bottom ul li {
            float: left;
            width: 33.33333%;
            /*latest change 25-2-2015*/
            margin-top: 2px;
        }

.inner-link {
    width: 100%;
    float: left;
    /*margin-right: 10px;*/
}


    .inner-link a {
        width: 145px;
        height: 32px;
        float: left;
        display: block;
        padding: 6px 10px 6px 33px;
        background: #ffffff url(https://www.rekhta.org/Content/Images/format-link-bg.png) no-repeat 10px center;
        box-shadow: 0px 2px 5px #bcbcbc;
        -webkit-box-shadow: 0px 2px 5px #bcbcbc;
        -moz-box-shadow: 0px 2px 5px #bcbcbc;
        font-size: 14px;
        text-transform: uppercase;
        font-weight: normal;
        color: #333333;
        transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -moz-transition: all 0.1s ease;
        -ms-transition: all 0.1s ease;
    }

        .inner-link a:hover {
            background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat 10px center;
            color: #ffffff;
            font-weight: 600;
        }

        .inner-link a span {
            /*padding-left: 20px;*/
            float: right;
        }

.bottom-div {
    /*width: 80%;*/
    float: left;
}

.margin-top {
    margin-top: 17px;
}
/*----featured----*/


/*----dictionary----*/
.dictionary {
    width: 100%;
    float: left;
    padding: 36px 15px 15px 15px;
    background: url(https://www.rekhta.org/Content/Images/dictionary-bg.jpg) no-repeat left top;
    background-size: cover;
    margin-top: 2px;
}

    .dictionary h3 {
        margin: 20px 0 2px 0;
    }

.dictionary-input {
    width: 100%;
    height: 40px;
    background: #fbfbfb;
    border: 1px solid #fff;
    box-shadow: none;
    margin-top: 10px;
    padding: 0 40px 0 13px;
    box-sizing: border-box;
}

.dictionary p {
}

    .dictionary p span {
        margin-bottom: 20px;
    }

.form-search-wrap {
    /*position: relative;*/
    float: left;
    width: 100%;
}

.search_btn-books {
    position: relative;
    top: 21px;
    left: 92%;
    background: url(https://www.rekhta.org/Content/Images/search-icon.png);
}
/*----dictionary----*/


/*----SHAYARI----*/
.shayari {
    width: 100%;
    float: left;
    background: url(https://www.rekhta.org/Content/Images/shayari-bg-new.jpg) no-repeat left top;
    background-size: cover;
    padding: 15px;
    margin-top: 2px;
}

.shayari-left-div {
    font-size: 20px;
    margin-top: 62px;
    text-align: center;
    padding-right: 25px;
}

    .shayari-left-div h4 {
        margin-top: 43px;
        letter-spacing: -1px;
    }

.tags-wrap {
    padding-left: 42px;
}

.Tags {
    width: 100%;
    float: left;
    padding: 0;
}

    .Tags ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .Tags ul li {
            margin: 1px 0;
            width: 100%;
            float: none;
            background: #ffffff;
            margin: 1px 0;
        }

.tag-link {
    display: block;
    margin: 2px 0;
}

    .tag-link a {
        width: 100%;
        padding: 10px 10px 10px 33px;
        height: 36px;
        box-shadow: 0px 2px 5px #bcbcbc;
        -webkit-box-shadow: 0px 2px 5px #bcbcbc;
        -moz-box-shadow: 0px 2px 5px #bcbcbc;
    }

.tags-heading-div {
    border-top: none;
    border-bottom: 1px solid #e55160;
    margin-bottom: 2px;
    padding-top: 8px;
}

.shayari-bottom-div {
    height: 50px;
}

.share-shayari {
    width: 60%;
    float: right;
    padding: 0;
}

    .share-shayari ul {
        list-style: none;
        margin: 0;
        padding: 0;
        float: right;
    }

        .share-shayari ul li {
            float: left;
            margin: 0 2px;
        }
/*----SHAYARI----*/

/*----ARTIST VIDEO----*/
.artist-video {
    width: 100%;
    float: left;
    padding: 10px;
    background: url(https://www.rekhta.org/Content/Images/videoSection-bg.jpg);
    background-size: cover;
    margin-top: 2px;
}

.video-item {
    width: 57.5%;
    float: left;
}

.mv-descrp {
    display: none;
    margin-top: 0;
    margin-bottom: 0;
}

.mv-descrp2 {
    display: none;
    margin-top: 0;
}

.video-item iframe {
    width: 100%;
    min-height: 190px;
    border: none;
}

.video-description {
    width: 42.5%;
    float: left;
    position: relative;
}

.video-top-content {
    width: 100%;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    padding: 0 0 0 10px;
    border-bottom: 1px solid #bdbdbf;
}

    .video-top-content h3 {
        margin: 3px 0 2px 0;
        padding: 0;
    }

    .video-top-content p {
        margin: 0 0 7px 0;
        width: 100%;
        height: 18px;
        overflow: hidden;
    }

.video-description ul {
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: -140px;
    left: 7px;
    padding: 0;
}

    .video-description ul li {
        margin: 2px 0;
        padding: 4px 3px;
    }

.video-link {
    display: block;
    background: url(https://www.rekhta.org/Content/Images/format-link-bg.png) no-repeat left 3px;
    padding-left: 20px;
    /*padding-right: 20px;*/
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    /*padding-top:3px;*/
    /*padding-bottom:2px;*/
}

/*.video-link:hover {
        color: #ffffff;
        background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat left 3px;
        text-decoration: none;
        -webkit-transition: all .2s ease;
        -moz-transition: all .2s ease;
        -o-transition: all .2s ease;
        transition: all .2s ease;
    }*/
.video-description ul li:hover a {
    color: #ffffff;
    background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat left 3px;
    text-decoration: none;
    -webkit-transition: background-color .2s ease;
    -moz-transition: background-color .2s ease;
    -o-transition: background-color .2s ease;
    transition: background-color .2s ease;
}

.video-description ul li:hover {
    background-color: #e54555;
}
/*----ARTIST VIDEO----*/

/*----E_BOOKS----*/
.e-books {
}

    .e-books ul li {
        width: 45%;
        margin: 2px;
    }

.e-books-top {
    padding: 0;
}

    .e-books-top h3 {
        margin: 4px 0 5px 0;
        text-overflow: ellipsis;
        max-width: 326px;
        overflow: hidden;
        white-space: nowrap;
    }

    .e-books-top h4 {
        padding-bottom: 6px;
        border-bottom: 1px solid #d9d9d9;
        margin: 0 0 10px 0;
    }

.e-books h4 {
    padding-bottom: 6px;
    border-bottom: 1px solid #d9d9d9;
    margin: 11px 0 10px 0;
}

.e-books-top h5 {
    margin: 0;
}

.ebook-link {
    display: block;
}

    .ebook-link a {
        width: 100%;
        padding: 6px 10px 6px 33px;
        height: 30px;
        box-shadow: 0px 2px 5px #bcbcbc;
        -webkit-box-shadow: 0px 2px 5px #bcbcbc;
        -moz-box-shadow: 0px 2px 5px #bcbcbc;
        min-width: 132px;
    }

.ebook-btn {
    height: 30px;
    padding: 10px 6px 6px 33px;
}

.ebook-img-div {
    max-height: 200px;
}

.ebooks-inner {
    padding: 0 15px 0 10px;
}
/*----E_BOOKS----*/

/*----SPECIAL SECTION----*/
.special {
    height: 290px;
    background: url(https://www.rekhta.org/Content/Images/special-section-bg.jpg) no-repeat left top;
    background-size: cover;
    height: 100%;
    padding: 5px 15px;
}

    .special ul {
        list-style: none;
        padding: 0;
        width: 45%;
    }

        .special ul li {
            margin: 0 15px 15px 15px;
            width: 100%;
        }

.special-artist {
    width: 100%;
    float: left;
    background: rgba(255,255,255,0.9);
    padding: 10px;
    margin: 7px 0;
    box-shadow: 0 2px 2px #adacac;
    -moz-box-shadow: 0 2px 2px #adacac;
    -webkit-box-shadow: 0 2px 2px #adacac;
    -o-box-shadow: 0 2px 2px #adacac;
}

.artist-top a:hover {
    color: #e54555;
}

.special-artist h4 {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #dcdcdc;
}

.special-artist img {
    float: left;
    border: 2px solid #d9d9d9;
}


.artist-img {
    width: 30%;
    float: left;
}

.artist-top {
    float: left;
    width: 70%;
    padding: 0 10px;
}

    .artist-top h3 {
        margin: 10px 0 15px 0;
        width: 100%;
        border-bottom: 1px solid #dcdcdc;
        padding: 0 0 6px 0;
    }

        .artist-top h3 span {
            font-weight: 600;
        }

.special-artist p {
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}

.left-margin {
    margin-left: 8%;
}


/*-------------------------main-content---------------------*/

/*top selection hover*/
.hover-effect-wrap {
    width: 100%;
    float: left;
}

.selection-hover-wrap {
    width: 100%;
    float: left;
    padding-top: 2px;
    height: 291px;
    background: url(https://www.rekhta.org/Content/Images/format-bottom-bg.png);
}

.select-hover-top {
    width: 100%;
    height: 30px;
    background: #e54555;
    padding-left: 10px;
}

    .select-hover-top h5 {
        width: 100%;
        margin: 0;
        line-height: 30px;
        font-weight: bold;
        padding: 0;
    }

.select-hover-mid {
    border-bottom: 1px solid #d9d9d9;
    padding-left: 10px;
}

.select-hover-bottom ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.select-hover-bottom p {
    padding-left: 10px;
}

.select-hover-bottom {
    border-top: 1px solid #ffffff;
    padding-top: 15px;
}

.select-hv-link {
    padding: 0 0 0 30px;
    display: block;
    background: url(https://www.rekhta.org/Content/Images/format-link-bg.png) no-repeat 10px center;
    height: 30px;
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    line-height: 30px;
}

    .select-hv-link:hover {
        color: #ffffff;
        background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat 10px center;
        text-decoration: none;
    }

.margin-lft-10 {
    padding: 15px 0 0 30px;
    text-decoration: none;
    height: 43px;
    display: block;
    background: url(https://www.rekhta.org/Content/Images/blue-link-bg.png) no-repeat 10px center;
}

    .margin-lft-10:hover {
        color: #ffffff;
        background: #0b9de5 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat 10px center;
        text-decoration: none;
    }
/*top selection hover*/


/*footer style*/
.footer-wrapper {
    width: 100%;
    float: left;
    background: #292929;
    color: #ffffff;
    padding: 14px 0 0 0;
    border-top: 2px solid #292929;
    position: relative;
}

.footer-left {
    width: 100%;
    float: left;
    padding-right: 141px;
    padding-bottom: 5px;
}

.footer h2 {
    font-size: 36px;
}

.footer-left h2, .footer-right h2 {
    letter-spacing: -2px;
}

    .footer-left h2 span {
        font-weight: 600;
    }

.submit-poetry {
    width: 100%;
    float: left;
    border-bottom: 2px solid #a60011;
    padding: 23px 0 8px 0;
    background: url(https://www.rekhta.org/Content/Images/submit-poetry-bg.png) no-repeat left 44px;
    padding-right: 64px;
    /*13jan addition*/
    min-height: 114px;
}

    .submit-poetry h4 {
        margin: 16px 0 5px -1px;
    }

.sign-up {
    width: 100%;
    float: left;
    border-bottom: 1px solid rgba(255,255,255,0.2);
    padding: 25px 0 23px 0;
    background: url(https://www.rekhta.org/Content/Images/msg-bg.png) no-repeat right 12px top 37px; /*Removed right 10px and top*/
    padding-right: 0;
}

    .sign-up h4 {
        margin-bottom: 5px;
        font-size: 20px;
    }

    .sign-up p {
        margin-bottom: 20px;
        font-family: Arial, Helvetica, sans-serif;
    }

.sign-in {
    width: 77%;
    width: -webkit-calc(100% - 130px);
    width: -moz-calc(100% - 130px);
    width: -o-calc(100% - 130px);
    width: calc(100% - 130px);
    border: none;
    height: 37px;
    padding-left: 10px;
}

.sign-in-btn {
    height: 37px;
    width: 120px;
    color: #ffffff;
    background: #d9163d;
    border: none;
    margin-left: 5px;
    text-transform: uppercase;
    font-size: 16px;
    padding-bottom: 3px;
    box-shadow: 0px -4px 1px #d9163d inset;
    -webkit-box-shadow: 0px -4px 1px #d9163d inset;
    -moz-box-shadow: 0px -4px 1px #d9163d inset;
    border: 1px solid #d9163d;
}

.shayari_first h1 {
    font-weight: normal;
    font-family: marcellus;
    float: left;
    letter-spacing: -1px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: calc(100% - 175px);
    padding-bottom:4px;
}

.footer-right-inner {
    width: 100%;
    float: left;
    font-size: 14px;
}

.inner-form {
    width: 48%;
    border: none;
    height: 37px;
    margin-bottom: 12px;
    margin-top: 30px;
    padding-left: 10px;
}

.msg {
    height: 150px;
    /*width: 100%;*/
    width: calc(100% - 90px);
    float: left;
    border: none;
    /*13jan addition*/
    max-height: 150px;
    /*max-width: 600px;*/
    position: absolute;
    z-index: 1;
    background-color: #ffffff;
    padding-top: 10px; /*added padding 09052015*/
    padding-right: 10px;
}

.send-btn {
    background: #d9163d;
    height: 150px;
    width: 90px;
    float: left;
    border: none;
    color: #ffffff;
    font-size: 16px;
    text-transform: uppercase;
    box-shadow: 0px -4px 1px #d9163d inset;
    -webkit-box-shadow: 0px -4px 1px #d9163d inset;
    -moz-box-shadow: 0px -4px 1px #d9163d inset;
    border: 1px solid #d9163d;
}

.share {
    padding: 0px 0 12px 0;
    background: url(https://www.rekhta.org/Content/Images/share-bg.png) no-repeat right 13px top 9px; /*Removed 10px and top*/
    /*border-top: 2px solid #a60011;
    border-bottom: 2px solid #a60011;*/
    width: 100%;
    float: left;
    margin-top: 15px;
    min-height: 85px;
}

    .share h4 {
        margin: 0 0 10px 0;
        font-size: 20px;
    }

    .share ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .share ul li {
            float: left;
            margin: 1px 2px;
        }

.footer-bottom {
    width: 100%;
    float: left;
    background: #1a1a1a;
    padding: 26px 0 25px 0;
    /*margin-top: 28px;*/
}

    .footer-bottom h4 {
        margin-bottom: 22px;
    }

.footer-bottom-share {
}

    .footer-bottom-share h4 {
    }

    .footer-bottom-share ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-bottom: 10px;
    }

        .footer-bottom-share ul li {
            float: left;
            margin-right: 20px;
        }
        .footer-bottom-share ul li:nth-child(3) {
            display:none;
        }
/*accordian footer file*/
.k-item {
    background: none;
}

.k-panelbar > li.k-state-default > .k-link {
    font-size: 18px;
}

.content-info {
    margin-left: 4.3%;
}

.site-info {
    margin-left: 4%;
}

.footer-btm-list-wrap {
    padding-right: 100px;
}

.footer-bottom-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .footer-bottom-list li {
        margin-top: 7px;
    }

        .footer-bottom-list li a {
            padding: 0 0 2px 0;
            border-bottom: 1px solid #262626;
            text-decoration: none;
            width: 100%;
            display: block;
        }

            .footer-bottom-list li a span {
                color: #999999;
                float: right;
            }

.accord-list {
    display: none;
}

.copyright-wrap {
    width: 100%;
    float: left;
    line-height: 64px;
    height: 65px;
    background: url(https://www.rekhta.org/Content/Images/footer-bottom-bg.png);
}

    .copyright-wrap ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .copyright-wrap ul li {
            float: left;
        }

            .copyright-wrap ul li a {
                margin-right: 30px;
                text-decoration: none;
            }

                .copyright-wrap ul li a:hover {
                    color: #ffffff;
                    text-decoration: underline !important;
                }



#hoverDiv {
    height: 294px;
    position: absolute;
    bottom: -294px;
    width: 100%;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    z-index: 20;
}

.showDiv {
    bottom: 0 !important;
    overflow: hidden;
}

/* Classes accessed from Old Rekhta */
ul.table-filter {
    /*margin: 0px 0px 4px 0px;
    padding: 5px 0px 0px 0px;
    display: table;
    width: 100%;
    direction: ltr;*/
    margin: 0px 0px 4px 0px;
    padding: 5px 0px 0px 0px;
    /* display: table; */
    width: 100%;
    direction: ltr;
    white-space: nowrap;
    overflow: auto;
}

    ul.table-filter li {
        list-style-type: none;
        /*display: table-cell;*/
        font-size: 18px;
        font-weight: initial;
        margin: 0 0.845%;
        display:inline-block;
    }

        ul.table-filter li a {
            padding: 3px 5px 3px 5px;
            margin-right: 1px;
            color: #000000;
            display: block;
            text-align: center;
            font-weight: 400;
        }

        ul.table-filter li.active a {
            color: #FFF !important;
            background-color: #e54555;
        }

        ul.table-filter li a:hover {
            color: #FFF !important;
            text-decoration: none;
            background-color: #e54555;
        }

.first-td {
    padding: 0 47px;
    background: url(https://www.rekhta.org/Content/Images/ImageMenu.png) no-repeat;
    /*background-position: 5%;*/
    background-position: left 11px center;
}

.audio-first-td {
    padding: 5px 55px !important;
    background: url(https://www.rekhta.org/Content/Images/ImageMenu.png) no-repeat;
    background-position: left 16px center;
}

.isNewContainer {
    padding-right: 31px;
    display: block;
}

.isNew {
    float: right;
    margin-top: -7px;
    margin-right: -30px;
    margin-right: 0;
    margin-top: 0;
}

.poetImageInGrid {
    width: 30px;
    height: 30px;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin: 1px 15px 1px 0px;
}

    .poetImageInGrid img {
        max-width: 30px;
        max-height: 30px;
    }

.poetImageInGrid1 {
    display: inline-block;
    vertical-align: middle;
    margin: 1px 15px 1px 0px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
}

    .poetImageInGrid1 img {
        width: 30px;
        padding-right: 13px;
    }

.poetImageInGrid2 {
    /* height: 35px;*/
    overflow: hidden;
    display: inline-block !important;
    vertical-align: middle;
    /*margin: 1px 0px 1px 5px;
    padding-top: 4px;*/
}

    .poetImageInGrid2 img {
        width: 30px;
    }

.poetDesc {
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 17px;
    text-align: left;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    margin: -8px 0 0 48px;
    display: block;
    color: grey;
    font-size: small;
}

.poetDesc1 {
    height: 15px;
    width: 15px !important;
    margin-top: 7px !important;
    /*margin-bottom: 14px;*/
}

.poetDesc2 {
    padding: 0px;
    line-height: 17px;
    text-align: left;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 300px;
    /*margin: -4px 0 0 0;*/
    margin: -18px 0 0 0;
    display: block;
    color: grey;
    font-size: small;
}

ul.tabHeader {
    padding: 3px;
    margin: 0px;
    background: #ffffff;
    border-bottom: 2px solid #dedede;
}

.tab {
    list-style: none;
    float: left;
    cursor: pointer;
}

    .tab a {
        padding: 5px 0px 3px 10px;
        font-size: 13px;
        line-height: 28px;
        border-bottom: 3px solid #f2f2f2;
    }

    .tab.selected a {
        border-bottom: 3px solid #bf0311;
        background-color: #dbdbdb;
    }

    .tab:hover a {
        background-color: #dbdbdb;
        border-bottom: 3px solid #dbdbdb;
    }

.fav {
    /*display: none;*/
    display: inline-block;
    cursor: pointer;
    min-width:17px;
    min-height:25px;
}

    .fav .active {
        min-height: 17px;
        min-width: 17px;
        display: inline-block;
        background-image: url('https://www.rekhta.org/Content/Images/star-golden.png');
        background-repeat: no-repeat;
        background-size: 90%;
        margin-top: 10px;
    }

    .fav .inactive {
        height: 17px;
        /*width: 17px;*/
        display: inline-block;
        background-image: url('https://www.rekhta.org/Content/Images/star2.png');
        background-repeat: no-repeat;
        background-size: 90%;
        /*margin-top: 21.5px;*/
    }

a.fav .inactive {
    margin-top: 0px;
}

    a.fav .inactive:hover {
        /*margin-top:0px;*/
    }

.fav .active:hover {
    background-image: url('https://www.rekhta.org/Content/Images/star-golden.png');
    background-repeat: no-repeat;
    background-size: 90%;
    margin-top: 10px;
}

.fav .inactive:hover {
    background-image: url('https://www.rekhta.org/Content/Images/star-golden.png');
    background-repeat: no-repeat;
    background-size: 90%;
    /*margin-top: 19px;*/
}

.fav.mid .active {
    min-height: 16px;
    min-width: 16px;
    margin-left: 5px;
    background-image: url('https://www.rekhta.org/Content/Images/star-golden.png');
    /*margin-top: 10px;*/
    margin-top: 0px;
}

.fav.mid .inactive {
    min-height: 16px;
    min-width: 16px;
    margin-left: 5px;
    background-image: url('https://www.rekhta.org/Content/Images/star2.png');
    /*margin-top: 10px;*/
    margin-top: 4px;
}

.fav.mid .active:hover {
    background-image: url('https://www.rekhta.org/Content/Images/star-golden.png');
    /*margin-top: 10px;*/
    margin-top: 0px;
}

.fav.mid .inactive:hover {
    background-image: url('https://www.rekhta.org/Content/Images/star-golden.png');
    /*margin-top: 10px;*/
    margin-top: 4px;
}

/*.fav.title .active {
        min-height: 32px;
        min-width: 32px;
        background-image: url('https://www.rekhta.org/Content/Images/fs-032.png');
    }

    .fav.title .inactive {
        min-height: 32px;
        min-width: 32px;
        background-image: url('https://www.rekhta.org/Content/Images/fd-032.png');
    }

    .fav.title .active:hover {
        background-image: url('https://www.rekhta.org/Content/Images/fr-032.png');
    }

    .fav.title .inactive:hover {
        background-image: url('https://www.rekhta.org/Content/Images/fb-032.png');
    }*/
.fav.title .active {
    min-height: 28px;
    min-width: 28px;
    background-image: url('https://www.rekhta.org/Content/Images/starActive.png');
    margin-top: 0px;
}

.fav.title .inactive {
    min-height: 28px;
    min-width: 28px;
    background-image: url('https://www.rekhta.org/Content/Images/starmid.png');
    margin-top: 0px;
}

.fav.title .active:hover {
    background-image: url('https://www.rekhta.org/Content/Images/starmidgolden.png');
    margin-top: 0px;
}

.fav.title .inactive:hover {
    background-image: url('https://www.rekhta.org/Content/Images/starmidgolden.png');
    margin-top: 0px;
}

.fav.large .active {
    min-height: 48px;
    min-width: 48px;
    background-image: url('https://www.rekhta.org/Content/Images/fs-048.png');
}

.fav.large .inactive {
    min-height: 48px;
    min-width: 48px;
    background-image: url('https://www.rekhta.org/Content/Images/fd-048.png');
}

.fav.large .active:hover {
    background-image: url('https://www.rekhta.org/Content/Images/fr-048.png');
}

.fav.large .inactive:hover {
    background-image: url('https://www.rekhta.org/Content/Images/fb-048.png');
}

.favRelated {
    display: none;
}

.favTabHeading {
    margin-left: 7px;
    margin-right: 24px;
}

.addFloatingContent {
    position: absolute;
    padding: 2px;
    width: 76px;
    margin-left: -9px;
    padding-left: 8px;
    background-color: #ededed;
    border: 1px solid #dadada;
    line-height: 18px;
}

.tdborder {
    /*border-right: 1px solid #d3d3d3;*/
    border-left: 1px solid #d3d3d3;
}

.userGridHeader {
    min-height: 23px;
    background-color: #d9d9d9;
    margin-top: 4px;
    box-shadow: 1px 1px 1px #fff !important;
    padding-left: 10px;
}



.favSher {
    display: inline-block;
    border: 1px solid #dadada;
    background-color: #ededed;
    font-size: 8px !important;
    color: dimgrey;
    padding-left: 3px;
    padding-right: 2px;
    margin-top: 0px;
    font-weight: bold;
    max-height: 23px;
    height: 17px;
    line-height: 17px;
    padding-bottom: 5px;
}

.togTranslation {
    margin-left: 5px;
    border: 1px solid #dadada;
    background-color: #ededed;
    font-size: 8px;
    font-weight: bold;
    color: #696969;
    padding-right: 4px;
    padding-left: 4px;
    margin-top: 0;
    max-height: 23px;
    height: 17px;
    line-height: 17px;
}

.userContentEroor {
    font-size: 20px;
    font-weight: bold;
    /*color: #99000f !important;*/
    direction: ltr !important;
    float: left;
}

.social-share {
    margin-top: 13px;
}

.social-share-mob {
    margin-top: -13px;
    float: left;
}

.social-poem-div {
    display: none;
}

.twit-class {
    margin-left: 8px;
}

.gplus-class {
    margin-left: 7px;
}

.catTitle-class {
    margin-left: 25px;
}

.bcrum {
    margin-bottom: -20px;
}

.mar_ht90 {
    margin: 10px 0px 9px 0px;
}


/*Binay*/
.PoemTextHost{
    text-align: center;
    position: relative;
    display: block;
    padding: 0px 30px;
}
.PoemTextHostForNazm{
    display: inline-block;
   padding: 0px 30px;
}
.PoemStrHost{
    display:block;
}
.renderTextLeft{
    text-align:left;
}
.renderTextRight{
    text-align:right;
}

.renderTextCenter{
    text-align:center;
}

.pInfo {
    background: url('https://www.rekhta.org/Content/Images/sprite_readerUI_icons.png') no-repeat -2px -2px;
    width: 44px;
    height: 44px;
    display: block;
    position: absolute;
    margin-top: -22px;
    bottom: 14px;
    margin: auto;
    right: 7%;
}

    .pInfo.openSelected {
        background: url('https://www.rekhta.org/Content/Images/sprite_readerUI_icons.png') no-repeat -94px -2px;
    }

    .pInfo:hover {
        background-position: -48px -2px;
    }

.cntStory {
    padding-left:100px;
    padding-right:100px;
}
.cntStory .DivLine{
    white-space:normal;
    text-align:left;
    display:block;
    word-spacing:4px;
}
.shayari_link.toggleContent{
    max-width: 110px;
    padding: 8px 0px 0px;
    height: auto;
    margin-top:16px;
    float:right;
}
.shayari_link.toggleContent small{
    font-size: 18px;
    letter-spacing: 1px;
    color: #b01c09;
    font-family: 'Titillium Web', sans-serif;
}
.toggleContent i{
    width: 44px;
    height: 18px;
    background: #ccc;;
    display: inline-block;
    border-radius: 16px;
    position: relative;
    margin-right: 6px;
    top: 3px;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
.toggleContent i::after {
     position: absolute;
    content: '';
    left: 0px;
    top: -4px;
    width: 26px;
    height: 26px;
    background: #ffffff;
    border-radius: 50%;
    -moz-box-shadow: -1px 0px 3px #eee;
    -webkit-box-shadow: -1px 0px 3px #eee;
    box-shadow: -1px 0px 3px #eee;
    border: 1px solid #f0f0f0;
}
.toggleContentOn i {
    background:#2fb846;
    -moz-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}
    .toggleContentOn i::after {
        left: auto;
    right: 0;
    background: #25a63b;
    -moz-box-shadow: 2px 0px 3px #eee;
    -webkit-box-shadow: 2px 0px 3px #eee;
      box-shadow: 2px 0px 3px #eee;
    }

.paraConInfo {
        display: block;
    max-width: 300px;
    right: 0px;
    bottom: -110px;
    width: 200px;
    text-align: justify;
    border: 1px solid #f2f2f2;
    padding: 15px;
    background: #b74242;
    border-radius: 5px;
    font-size: 14px;
    color: #ffffff;
    z-index: 1;
}

    .paraConInfo:after {
    content: '';
    position: absolute;
    top: -9px;
    right: 10px;
    height: 10px;
    width: 10px;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-bottom: 10px solid #b74242;
    }
    .pSpan{
        position: absolute;
    z-index: 1;
    top: 50px;
    left: -158px;
    }
    .paraInfoClose{
     border: 0;
    background: url(https://www.rekhta.org/Content/Images/Icon-CloseWhite.png)no-repeat right !important;
    position: absolute;
    top: 7px;
    left: 3px;
    z-index: 9;
    height: 8px;
    width: 190px;
    bottom: auto;
    }
    .paraInfoClose:focus{
        outline:none;
    }

.transText {
    white-space: nowrap;
    font-size: 13px;
    letter-spacing: -.25px;
    line-height: 10px;
    color: #666;
    font-family: merriweatherregular;
    word-spacing: 3px;
}

.video-bottom-entity {
    padding: 0 5px;
    max-width: 144px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    /*font-weight: 600;*/
    font-size: 13px;
    float: left;
    color: #333333;
}

.poet-mobile-div {
    display: none;
}

.center {
    text-align: center;
    display: block;
}

#back-top {
    position: fixed;
    right: 60px;
    bottom: 115px;
    z-index: 99;
    width: 48px;
    border-radius: 5px;
    height: 48px;
    background: #ffffff;
    opacity: 0.9;
    border: 1px solid #cccccc;
}

    #back-top:hover {
        cursor: pointer;
        opacity: 1;
        -webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
        -moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
        box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.5);
    }

.top-icon {
    height: 24px;
    width: 24px;
    background-image: url('https://www.rekhta.org/Content/Images/icon_GoToTop.png');
    position: absolute;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-align: center;
    left: 11px;
    top: 11px;
}
/*#back-top a {
        width: 128px;
        height: 128px;
        display: block;
        background: url('https://www.rekhta.org/Content/Images/ScrollTopBgRekhta.png') no-repeat center center;
        display: block;
    }

        #back-top a:hover {
            color: #000;
        }*/

.bdr-top {
    border-top: 1px solid #ccc;
}
/*#mainSlider .slider-img {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}*/
/*sandeep raj** change in for Bignners Templates  Margin-top by 1px */
.coupletSliderText {
    margin-bottom: 30px;
    color: white;
    margin-top: 1px;
}

.popular-couplet .flex-direction-nav a {
    margin-top: -38px;
}

.book-container {
    position: relative;
    margin: 10px;
    height: 1100px;
    width: 700px;
}

.ebookPrevPg {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    width: 30px;
}

.ebookNextPg {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0px;
    width: 30px;
}

    .ebookNextPg img {
        position: absolute;
        top: 48%;
    }

.ebookPrevPg img {
    position: absolute;
    top: 48%;
    left: 0px;
}

.ebookPrevPg {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    width: 30px;
}

    .ebookPrevPg img {
        position: absolute;
        top: 48%;
        left: 0px;
    }

.book-container .canvas {
    border: 5px solid #ffffff;
    -webkit-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.75);
    box-shadow: 0px 2px 5px 2px rgba(0,0,0,0.75);
}

.hidEbookPanel .ebook-sidebar {
    display: none;
}

.form-control2 {
    width: 100%;
    padding: 6px 12px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px !important;
}
/*ebook-custom*/
.ebook_search_wrap {
    width: 100%;
    float: right;
    /*padding: 25px 0 0 0;*/
}

.ebook_search {
    width: 100%;
    height: 40px;
}

.breadcum {
    list-style: none;
    margin: 0;
    padding: 0;
    float: left;
}

    .breadcum li {
        float: left;
        background: #262626;
        height: 24px;
        border-bottom: 2px solid #1a1a1a;
        line-height: 26px;
    }

        .breadcum li a {
            color: #ffffff;
            font-size: 11px;
            padding: 0 15px;
            text-decoration: none;
            height: 26px;
            background: url(https://www.rekhta.org/Content/Images/artist-link-icon.png) no-repeat left center;
            margin-left: -7px;
        }

        .breadcum li.first {
            background: #404040;
        }

        .breadcum li.last {
            background: #383838;
        }
/*End ebook-custom*/
.search_btn1 {
    /*background: #e6e6e6 url(https://www.rekhta.org/Content/Images/search_icon.png) no-repeat center;*/
    background: #e54555 url(https://www.rekhta.org/Content/Images/search-icon-white.png) no-repeat 6px 7px;
    width: 32px;
    height: 34px;
    float: right;
    margin-left: -30px;
    z-index: 999;
    position: absolute;
    top: 0;
    right: 0;
    margin: 5px 0 0 -33px;
    outline: none;
    /*-webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;*/
    vertical-align: middle;
    /*border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
     border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;*/
}

.search_btn2 {
    background: #e54555 url(https://www.rekhta.org/Content/Images/w-search-icon.png) no-repeat center;
    width: 50px;
    height: 40px;
    float: right;
    margin-left: -50px;
    z-index: 9999;
    position: relative;
    margin: 0px 0 0 -33px;
    outline: none;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 3px 3px 3px 3px;
    vertical-align: middle;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
}

.ebookIndex {
    padding: 0;
    line-height: 18px;
    text-align: left;
    vertical-align: top;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    max-width: 195px;
    margin: -21px 0 5px 78px;
    display: block;
    color: grey;
}

.rowA {
    color: inherit;
    background-color: snow;
    display: block;
    line-height: 34px;
}

.rowB {
    color: inherit;
    display: block;
    line-height: 34px;
}

.ebookIndexDesc {
    margin-bottom: 3px;
}

.input-group1 {
    position: relative;
    display: flex;
    border-collapse: separate;
}

.section1 {
    text-align: center;
    overflow: hidden;
}

    .section1 .slider {
        padding: 0px 0px 0px 0px;
    }

    .section1 h1 {
        font-variant: small-caps;
    }

    .section1 h4 {
        font-weight: 400 !important;
        font-size: 18px !important;
        color: #2E2D2D;
    }
/**************************************************************************************           EBOOK pagination bar and poem back*/
.pagination-bar-side {
    border: 1px solid #d9d9d9;
    border-left: none;
    border-right: none;
    padding: 7px 0px 5px 0px;
    font-size: 10px;
    overflow: hidden;
    margin: 0px 0px 1px 0px;
}

    .pagination-bar-side img {
        border: 0px;
    }

    .pagination-bar-side ul {
        margin: 0px;
        padding: 0px;
    }

    .pagination-bar-side li {
        float: left;
        text-transform: Uppercase;
        list-style: none;
        padding: 0 3px;
    }

        .pagination-bar-side li td {
            padding: 0px 7px;
        }

        .pagination-bar-side li a {
            text-decoration: none;
        }




        .pagination-bar-side li input {
            width: 40px;
            border: 1px solid #dadada;
            text-align: center;
            height: 24px;
        }
/**************************************************************************************           EBOOK pagination bar and poem back*/
.pagination-bar-bottom {
    -webkit-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
    box-shadow: 0px -2px 5px 0px rgba(0,0,0,0.75);
    padding-top: 2px;
    font-size: 10px;
    overflow: hidden;
    text-align: center;
}

    .pagination-bar-bottom img {
        border: 0px;
    }

    .pagination-bar-bottom ul {
        margin: 0px;
        padding: 0px;
        display: inline-block;
    }

    .pagination-bar-bottom li {
        float: left;
        text-transform: Uppercase;
        list-style: none;
        padding: 0 3px;
    }

        .pagination-bar-bottom li td {
            padding: 0px 7px;
        }

        .pagination-bar-bottom li a {
            text-decoration: none;
        }




        .pagination-bar-bottom li input {
            width: 40px;
            text-align: center;
            height: 24px;
        }

.tabBody {
    display: none;
    position: relative;
    bottom: 0;
    height: auto;
    width: 100%;
    float: left;
}

    .tabBody.selected {
        display: block;
    }


.videoList2 {
    height: auto !important;
    max-height: 50000px !important;
    overflow: hidden;
}

    .videoList2 .thead {
        font-size: 14px !important;
    }

    .videoList2 .playController {
        margin: 3px 12px 3px 8px !important;
    }

    .videoList2 .vtitle {
        font-size: 13px;
        width: 650px !important;
        font-weight: 500;
        line-height: 22px;
    }

    .videoList2 .vsubtitle a {
        color: #333333;
    }

.floral {
    background-image: url(https://www.rekhta.org/Content/Images/floaral-bg-left.png);
    background-repeat: no-repeat;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
}

    .floral .subSection {
        margin: auto 0;
        background-image: url(https://www.rekhta.org/Content/Images/floaral-bg-right.png);
        background-repeat: no-repeat;
        background-position: right;
    }

        .floral .subSection .left {
            margin-top: 10px;
            margin-bottom: 10px;
            border-right: 1px solid #ddd;
            height: 100px;
            -webkit-box-shadow: 1px 0px 0px #fff !important;
            -moz-box-shadow: 1px 0px 0px #fff !important;
            box-shadow: 1px 0px 0px #fff !important;
        }

        .floral .subSection .right {
            margin-top: 10px;
            margin-bottom: 10px;
            height: 100px;
        }

    .floral .word_link_rekhta {
        font-weight: 600;
        font-size: 20px;
    }

.floral1 {
    background-image: url(https://www.rekhta.org/Content/Images/floaral-bg-left.png), url(https://www.rekhta.org/Content/Images/floaral-bg-right.png);
    background-repeat: no-repeat;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    background-position: top left, top right;
}

.floral2 {
    background-image: url(https://www.rekhta.org/Content/Images/floaral-bg-left-smaller.png), url(https://www.rekhta.org/Content/Images/floaral-bg-right-smaller.png);
    background-repeat: no-repeat;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    background-position: top left, top right;
}

.floral1 .word_link_rekhta {
    font-weight: 600;
    font-size: 20px;
}

.floral .subSection {
    margin: auto 0;
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
}

.h2-hr {
    margin-top: 0px !important;
    margin-bottom: 25px !important;
}

.h2-hr-2 {
    margin-top: 0px !important;
    margin-bottom: 7px !important;
}

.h2-hr-3 {
    margin-top: 0px !important;
    margin-bottom: 3px !important;
}

.h3Link {
    font-size: 21px;
    /*font-size: 18px;
    font-weight: 600;*/
    /*color: #3d3d3d;*/
    color: #0099FF;
}

    .h3Link:hover {
        color: #666666;
    }

.yt-list-descrpt > h4 > a {
    font-size: 14px;
}

    .yt-list-descrpt > h4 > a:hover {
        color: #ffffff;
    }

.k-icon.k-i-tick {
    background-image: url('https://www.rekhta.org/Content/Images/Check_16px.png');
    background-position: center center;
}

.k-widget.k-tooltip {
    border-color: #F5F5F5;
    /*!important;*/
    background-color: #fff !important;
    color: #000000 !important;
    padding: 15px;
    font-size: 14px;
    max-width: 450px;
    /*font-weight:bold;*/
    -webkit-box-shadow: 8px 5px 8px 0px rgba(0, 0, 0, 0.1) !important;
    -moz-box-shadow: 8px 5px 8px 0px rgba(0, 0, 0, 0.1) !important;
    box-shadow: 8px 5px 8px 0px rgba(0, 0, 0, 0.1) !important;
}

.k-i-close {
    /*margin-top: -20px;
    margin-right: -10px;*/
    background: url(https://www.rekhta.org/Content/Images/InnerPage/Icon-Close.png)no-repeat !important;
    background-position: top;
}

#loginpopclose {
    margin-top: -32px;
    margin-right: -3px;
    cursor: pointer;
}

.dictContainer {
    position: relative;
}

    .dictContainer .dictWords {
        text-align: left;
        padding: 0 15px;
        border-right: 1px solid #ccc;
        min-width: 70px;
        color: #636363;
    }

    .dictContainer .dictMeanings {
        text-align: left;
        padding: 0 20px;
        display: table;
    }

        .dictContainer .dictMeanings div {
            display: table-cell;
            vertical-align: middle;
        }

    .dictContainer .word_link_video {
        position: absolute;
        right: -24px;
        top: 50px;
        /*right: 7px;
        top: -19px;*/
    }



.searchReuslt .bookImg {
    width: 100px;
    vertical-align: top;
}

    .searchReuslt .bookImg img {
        width: 100%;
        border: 2px solid #ccc;
        margin: 0px 0px 15px 0px;
    }

.searchReuslt .cellText {
    vertical-align: top !important;
    padding: 0px 0px 0px 15px;
    font-size: 14px;
}

    .searchReuslt .cellText h2 {
        font-size: 19px !important;
        color: #373737 !important;
        text-transform: uppercase;
        font-weight: 600;
    }

        .searchReuslt .cellText h2 span {
            text-transform: lowercase !important;
            font-weight: 400 !important;
        }

.searchReuslt small {
    font-size: 14px;
}

.poet-EBook-Cover {
    vertical-align: top;
    width: 15%;
    padding-right: 15px;
    padding-top: 15px;
    padding-left: 15PX;
}

/*18'th jan*/
.k-window-titlebar {
    background-color: #d9d9d9 !important;
}

.videoResHidePannel {
    width: 100%;
    float: left;
    background-color: #d9d9d9;
}

.videoSeeAll {
    margin-top: 37px;
    padding-right: 15px;
    font-size: 14px;
    font-weight: 400;
    color: #3d3d3d;
}

.h2-subhead {
    margin: 8px 0px 8px 0px;
}

.hideVideoSideMenu {
    display: none;
}

.h3LinkHiEn {
    font-size: 21px;
    /*font-size: 18px;
    font-weight: 700;*/
    color: #0099FF;
    /*color: #ffffff;*/
}

    .h3LinkHiEn:hover {
        color: #666666;
    }

.ziaDesc {
    background-color: #ededed;
    padding-bottom: 10px;
}

.filmyVideoSide {
    width: 100%;
    float: left;
}

.morecontent span {
    display: none;
}

.showmorelink {
    display: inline-block;
    color: #999999;
    background: url(https://www.rekhta.org/Content/Images/drop-icon.png)no-repeat right center;
    padding: 0 10px 0 0;
}

.showlesslink {
    display: inline-block;
    color: #999999;
    background: url(https://www.rekhta.org/Content/Images/up-icon.png)no-repeat right center;
    padding: 0 10px 0 0;
}

.hideCat {
    background: url(https://www.rekhta.org/Content/Images/upArrow.png)no-repeat right center;
    padding: 40px 0px 0 0px;
    float: right;
    display: block;
    height: 12px;
    width: 10px;
    margin-right: 3px;
}

.showCat {
    background: url(https://www.rekhta.org/Content/Images/downArrow.png)no-repeat right center;
    padding: 40px 0px 0 0px;
    float: right;
    display: block;
    height: 12px;
    width: 10px;
}

.toggleCat {
    display: none;
}

.toggleSubCat {
    display: none;
}

.subChild {
    padding-left: 10px;
}

    .subChild a {
        color: gray !important;
        font-size: 12px !important;
    }

.btnfav {
    padding-left: 10px;
    position: relative;
    top: 28px;
    float:left;
}

.EbookFloatingMenu {
    position: fixed;
    background: #fafafa;
    width: 93%;
    z-index: 9999999 !important;
    bottom: 0;
    text-align: center;
    float: left;
    margin: 0 auto;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.hidden-entity-tabs {
    display: none;
}

.panelbar1 {
    float: left;
    font-size: 14px;
    text-transform: uppercase; /*width: 45%;*/
    width: 100%;
    /*margin-top: -50px;*/
}

    .panelbar1 ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .panelbar1 li {
        float: left;
        width: 100%;
        margin: 0; /*padding:0;*/
        border: 1px solid #4b4b4b;
        background: #404040;
        height: 32px;
        line-height: 30px;
        padding-left: 0px !important; /*padding-left: 5px!important; padding-right: 5px;*/
    }
        /*.panelbar1 li:hover {background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px;}*/
        .panelbar1 li a {
            background: #404040 url(https://www.rekhta.org/Content/Images/artist-link-icon.png)no-repeat 11px center;
            color: #ffffff;
            padding: 0 10px 0 34px;
            display: block;
        }

            .panelbar1 li a:hover {
                background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px;
            }

    .panelbar1 a.active {
        background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px;
    }

.wordOfTheDay-en {
    font-style: italic;
    font-size: 27px !important;
    color: #333333;
}

.wordOfTheDay-HiUr {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
}

.wordOfTheDay-Meaning {
    padding-top: 30px;
    margin-bottom: 20px;
    color: dimgrey;
    font-weight: 600;
    font-size: 20px;
}

.wordOfTheDay-Content {
    font-size: 18px;
    margin-bottom: 32px;
    font-weight: 700;
    color: dimgrey;
}

.wordOfTheDay-Poet {
    font-style: italic;
    font-weight: 700;
    font-size: 15px;
    color: dimgrey;
}

.wordOfTheDay-Title {
    margin-left: 34px;
    margin-top: 24px;
}

.togglePanel {
    display: none !important;
}

.liToggleDefault {
    background-color: #404040;
    text-align: center;
    color: #fff;
    font-size: 14px;
    line-height: 34px;
}
/*.ebookMultipleContPubEdit{
    color:#939393;
}
 .ebookMultipleContPubEdit > a:hover {
                color:#ffffff;
                text-decoration:underline !important;
            }*/

.panelbar2 {
    float: left;
    font-size: 14px;
    text-transform: uppercase;
    width: 100%;
}

    .panelbar2 ul {
        float: left;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .panelbar2 li {
        float: left;
        width: 100%;
        margin: 0;
        border: 1px solid #4b4b4b;
        background: #404040;
        height: 32px;
        line-height: 30px;
        padding-left: 0px !important;
    }

        .panelbar2 li a {
            background: #404040 url(https://www.rekhta.org/Content/Images/artist-link-icon.png)no-repeat 11px center;
            color: #ffffff;
            padding: 0 10px 0 34px;
            display: block;
        }

            .panelbar2 li a:hover {
                background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px;
            }

.wordOfTheDayHeader {
    padding-left: 15px;
}

.popularVideo {
    padding-top: 23px;
}

.popularPoetDesc {
    margin-left: 10px;
}

.video-time {
    /*margin-top: 0;
    margin-right: 0px;*/
    padding: 0px 4px;
    font-weight: bold;
    font-size: 11px;
    background-color: #000;
    color: #fff !important;
    height: 14px;
    line-height: 14px;
    /*opacity: .75;*/
    vertical-align: top;
    zoom: 1;
    display: inline-block;
    position: relative;
    bottom: 25px;
    left: 44px;
}
/*Binay*/
/* Classes accessed from Old Rekhta */
/* Mobile Menu*/
.toggleText {
    /*display: none;*/
    visibility:hidden; 
    height:0;
    overflow: hidden;
}

.manageContentFormate {
    padding-top: 16px;
    /*padding-bottom: 16px;*/
    /*padding-bottom:0;*/
    border-top:1px solid #ffffff;
    border-bottom:1px solid #ffffff;
    margin:auto auto 16px auto;
}

    .manageContentFormate .EN_transDiv {
        float: none;
        margin-top: 28px;
    }

.btnContentToggle {
    display: none !important;
}

.showMenuDiv {
    left: 0;
    color: #333333;
    font-size: 14px;
}

    .showMenuDiv ul {
        margin: 20px 0 0 0;
        padding: 0;
        list-style: none;
    }

        .showMenuDiv ul li {
            border-top: 1px solid #e7e7e7;
            /*background: url(https://www.rekhta.org/Content/Images/mob-bg-line.png) left top;*/
        }

            .showMenuDiv ul li a {
                color: #333333;
                height: 40px;
                width: 100%;
                display: block;
                line-height: 40px;
                text-decoration: none;
                padding-left: 15px;
                padding-right: 12px;
                /*background: url(https://www.rekhta.org/Content/Images/1424522462_home.png) no-repeat 10px 10px;*/
                border-bottom: 1px dotted #EAEAEA;
            }

.toggleCat li a {
    font-weight: 300 !important;
    font-size: 13px;
    padding-left: 25px !important; /*background: url(https://www.rekhta.org/Content/Images/1424522462_home.png) no-repeat 20px 10px!important;*/
}

.toggleSubCat li a {
    padding-left: 50px !important;
    background: url(https://www.rekhta.org/Content/Images/1424522462_home.png) no-repeat 30px 10px !important;
}

.hideMobMenu {
    left: -325px;
}

.inner-close {
    position: relative;
    top: -27px;
    left: 250px;
    height:16px;
    width:16px;
    background:url(https://www.rekhta.org/Content/Images/close.png)no-repeat center !important;
    background-size: 12px 12px !important;
}

.sml-open {
    overflow: hidden;
}

/*#mobMenu {
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 300px;
    height: 100%;
    background-color: #e54555;
    color: #ffffff;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}*/
#mobMenu {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 320px;
    max-width: 100%;
    height: 100%;
    background: #ffffff;
    color: #ffffff;
    /*overflow: hidden;*/
    overflow: auto;
    overflow-x: hidden;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    box-shadow: 1px 0px 14px #444;
    -webkit-box-shadow: 1px 0px 14px #444;
    -moz-box-shadow: 1px 0px 14px #444;
    -o-box-shadow: 1px 0px 14px #444;
}

    #mobMenu::-webkit-scrollbar {
        width: 0.5em;
        height: 2em;
    }

    #mobMenu::-webkit-scrollbar-button {
        background: #ccc;
    }

    #mobMenu::-webkit-scrollbar-track-piece {
        background: #eeeeee;
    }

    #mobMenu::-webkit-scrollbar-thumb {
        background: #a40928;
    }

.mask {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.5;
}

.internal_top {
    width: 100%;
    float: left;
    background: #333333 url(https://www.rekhta.org/Content/Images/PageHeader/AboutRekhta.jpg) no-repeat bottom center;
    padding: 104px 0 0 0;
    border-top: 2px solid #262626;
    border-bottom: 2px solid #262626;
    color: #ffffff;
    /*min-height: 345px;aditya 04-04-2015*/
    min-height: 385px;
    /*margin-top: 104px;*/
}

.menu-img {
    margin-left: 10px;
}

.lang-mob {
    width: 100%;
    float: left;
    margin-top: 130px;
}

    .lang-mob > ul {
        list-style: none;
        margin: 0;
        padding: 0 !important;
    }

    /*.lang-mob ul li {
        float: left;
    }

        .lang-mob ul li a {
            padding: 0 16px;
            display: block;
            background: #80000d;
            height: 38px;
            line-height: 38px;
            text-decoration: none;
            border-right: 1px solid #66000a;
            box-shadow: 1px 1px 8px #57070f inset;
            font-size: 16px;
            font-weight: 200;
            text-transform: uppercase;
            color: #ffffff;
            transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
        }

            .lang-mob ul li a:hover {
                background: url(https://www.rekhta.org/Content/Images/lang-bg.png) repeat-x;
                box-shadow: none;
                color: #333333;
            }*/
    .lang-mob ul li {
        float: left;
        width: 33.333%;
        padding: 0px 5px;
        height: 44px;
        background: none !important;
    }

        .lang-mob ul li a {
            padding: 0;
            display: block;
            background: #fff;
            height: 38px;
            line-height: 38px;
            text-decoration: none;
            border: 1px solid #868686;
            font-size: 16px;
            font-weight: 200;
            text-transform: uppercase;
            color: #868686;
            transition: all 0.1s ease;
            -webkit-transition: all 0.1s ease;
            -o-transition: all 0.1s ease;
            -moz-transition: all 0.1s ease;
            -ms-transition: all 0.1s ease;
            font-weight: bold;
            margin-top: 2px;
            /*width: 71px;*/
            text-align: center;
        }

            .lang-mob ul li a:hover {
                background: #fafafa;
                box-shadow: none;
                color: #e54555;
            }

.popularSectionPoet {
    width: 100%;
    float: left;
}

    .popularSectionPoet img {
        padding: 10px;
        max-width: 100%;
    }

    .popularSectionPoet h2 {
        width: 100%;
    }

#beginnerHoverDiv {
    height: 294px;
    position: absolute;
    bottom: -294px;
    width: 100%;
    z-index: 0;
    -webkit-transition: all 0.5s ease-in 0s;
    -o-transition: all 0.5s ease-in 0s;
    transition: all 0.5s ease-in 0s;
    -moz-transition: all 0.5s ease-in 0s;
}

.beginnerDiv:hover > #beginnerHoverDiv {
    bottom: 0;
    -webkit-transition: all 0.3s ease-in 0.4s;
    -o-transition: all 0.3s ease-in 0.4s;
    transition: all 0.3s ease-in 0.4s;
    -moz-transition: all 0.3s ease-in 0.4s;
}

.beginnerHoverSeeAll {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-top: 14px;
}
/*aditya 11-04-2015*/
.preventprop {
    box-shadow: none;
    margin-top: 15px;
    margin-bottom: 0;
}

    .preventprop .artist-video {
        background: #f3f3f3;
    }

.preventbg {
    background: #f3f3f3;
}

.humor-s {
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
    margin-bottom: 10px;
    padding-left: 3px;
}

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

a:hover {
    color: #333333;
}

a:focus {
    color: #333333;
}

.sherDescription:first-child {
    margin: 0 auto;
}

.favSub { /*position:absolute;*/
    right: 15px;
    bottom: 0px;
}

.left_pan .panel-body p {
    font-size: 14px;
}

.panel-info h2 a:hover {
    color: #333333;
}

.panel-info h2 a:active {
    color: #333333;
}

.panel-info h2 a:visited {
    color: #333333;
}
/*aditya12-04-2015*/
.input-group1 p:first-child {
    margin: 0 auto;
    position: relative !important;
    width: 60%;
}

#dictSearchText { /*max-width:660px!important;width:600px;*/
}

.audioThead:hover {
    transition: none;
}

.right_pan .ebook-sidebar {
    margin-top: 15px;
    padding: 15px;
}

/*baitbaazi page12-04-2015*/
.baitbaazi_wrap {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 0 10px;
}

    .baitbaazi_wrap p {
        font-size: 14px;
    }

        .baitbaazi_wrap p span {
            font-size: 14px !important;
        }

    .baitbaazi_wrap a {
        font-size: 14px;
    }

#rekhtaMenu {
    width: calc(100% - 401px);
    padding-top: 3px;
    margin-top: 2px;
    border-top: 1px solid rgba(255,255,255,.20) !important;
}

#notifypop {
    padding: 15px;
    font-family: Arial, Helvetica, sans-serif;
}

    #notifypop ul {
        margin-top: 20px;
    }

        #notifypop ul span {
            font-family: Arial, Helvetica, sans-serif;
        }

        #notifypop ul li a {
            padding: 10px;
            background: #e54555;
            color: #fff;
            display: block;
            width: 100px;
            font-size: 12px;
            /* float: left; */
            text-align: center;
            margin: 10px 0;
            border-radius: 4px;
        }
/*media screen custom file*/
/*.ebook-img-div img{max-height:195px;}*/
#resendMail {
    text-align: center;
    margin: 0 auto;
}

.wordOfTheDayFontX.wordOfTheDay-Meaning + hr {
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
/*23jun2015*/
.k-tabstrip-wrapper #tabstrip {
    padding-bottom: 15px;
}

.featured {
    position: relative;
}

.featured-inner .featured-bottom {
    position: absolute;
    bottom: 86px;
    width: 66%;
}
/*parallax effect*/
.parallaxEffectDiv {
    position: fixed;
    width: 100%;
    float: left;
    height: 100%;
}

.parallaxEffectInner {
    width: 100%;
    float: left;
    background: #f2f2f2;
    height: 100%;
}

.parallaxMargin {
    margin-top: 385px;
    margin-bottom: 177px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */


    /* Safari only override */
    ::i-block-chrome, .top-header {
        width: 100%;
        padding-left: 200px;
    }

    ::i-block-chrome, .navbar-brand {
        position: absolute;
    }

    ::i-block-chrome, #rekhtaMenu {
        margin-left: 180px !important;
        width: 60% !important;
    }

    ::i-block-chrome, #userPanel {
    }

    ::i-block-chrome, .form-group-top {
        width: 55%;
    }
}
@media(max-width:1300px) {
    .poemNext, .poemPrev{
        display:none !important;
    }
    .shayari_first h1{
        font-size:28px;
    }
}

@media(max-width:1480px) {
    .parallaxMargin {
        margin-top: 475px;
    }

    .featured-inner .featured-bottom {
        bottom: 60px;
    }

    .internal_top {
        min-height: 450px;
    }

    .internal_bottom_inner {
        margin-top: 0;
    }

    .in-layout {
        margin-top: -45px;
    }

    .inner-link a {
        width: 98%;
    }
    /*16jan*/
    /*.special-artist{min-height:142px;}
.artist-img{width:90px;height:90px;margin-top:17px;}
.artist-top{width:calc(100% - 90px);margin-top:5px;}
.artist-top p{margin:0;}*/
    /*16jan*/


    /*homepage special 18jun*/
    .home-artist {
        height: 142px;
    }

    .artist-img {
        width: 90px;
        height: 90px;
        margin-top: 10px;
    }

    .artist-top {
        width: calc(100% - 90px);
    }

    .int_artist_img {
        width: 70px;
        height: 70px;
        margin-top: 0;
    }

    /*end homepage special 18jun*/



    .format-bottom-inner {
        height: auto;
    }

    .format {
        height: 360px;
        max-height: 360px;
    }

    /*.form-group-top {
        width: 500px;
    }*/

    .menu-hide-custom {
        display: none !important;
    }
    /*10 Jan */
    .right_pan_format {
        height: 480px;
    }

    .right_format_bottom {
        height: auto;
        min-height: 82px;
    }

    #hoverDiv {
        height: 327px;
        position: absolute;
        bottom: -327px;
        width: 100%;
        -webkit-transition: all 0.3s ease-in;
        transition: all 0.3s ease-in;
        -moz-transition: all 0.3s ease-in;
        z-index: 20;
    }

    #beginnerHoverDiv {
        height: 327px;
        bottom: -327px;
    }

    .selection-hover-wrap {
        height: 327px;
    }

    .margin-lft-10 {
        margin-top: 31px;
    }
    
    .poemSpinner{
        top:350px !important;
    }
    
    .shayari_first h1{
        font-size:30px;
        margin: 16px 0;
    }


    /*10 Jan */
}
/*internal page styling*/


.content_wrap {
    width: 100%;
    float: left;
}

.content_wrap_top {
    width: 100%;
    float: left;
    /*margin-top: 38px;aditya04-04-2015*/
    margin-top: 52px;
    margin-bottom: 30px;
}

    .content_wrap_top ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .content_wrap_top ul li {
            float: left;
            background: #262626;
            height: 24px;
            margin: 0;
        }

            .content_wrap_top ul li a {
                color: #cccccc;
                font-size: 11px;
                padding: 0 15px;
                text-decoration: none;
                height: 26px;
                background: #262626 /*url(https://www.rekhta.org/Content/Images/bradcrumb-normal-state.png) no-repeat left center*/;
                margin-left: -7px;
                min-width: 60px;
                display: block;
                line-height: 24px;
                border-bottom: 2px solid #1a1a1a;
                font-family: Arial, Helvetica, sans-serif;
                text-transform: capitalize;
                white-space: nowrap;
            }

            .content_wrap_top ul li:hover a:not(.first) {
                background: #383838 /*url(https://www.rekhta.org/Content/Images/artist-link-icon-hover.png)no-repeat 0px center*/;
            }

            .content_wrap_top ul li.first {
                background: #404040;
            }

            .content_wrap_top ul li.last {
                background: #383838;
            }

            .content_wrap_top ul li a.last {
                background: #383838 /*url(https://www.rekhta.org/Content/Images/bradcrumb-normal-state.png)no-repeat 0px center*/;
                padding-right: 10px;
                border-bottom: 2px solid #666666;
            }

            .content_wrap_top ul li:hover a.last {
                border-bottom: 2px solid #e54555;
            }

            .content_wrap_top ul li:hover a {
                color: #ffffff;
            }

            .content_wrap_top ul li a span {
                background: url(https://www.rekhta.org/Content/Images/bradcrumb-normal-state.png) no-repeat left center;
                display: block;
                float: left;
                margin-left: -21px;
                position: relative;
                padding-left: 16px;
                width: 140%;
                text-transform: capitalize;
            }
                /* Class added to adjust arrow icon*/
                .content_wrap_top ul li a span:hover {
                    background: url(https://www.rekhta.org/Content/Images/artist-link-icon-hover.png) no-repeat left center;
                }

.no-bg {
    background: none !important;
}

.content_wrap_bottom {
    width: 100%;
    float: left;
    padding-bottom: 44px;
}

.artist_img {
    width: 100%;
    float: left;
    padding: 4px;
    background: #404040;
    border: 1px solid #4c4c4c;
}

.artist_img_descrpt {
    width: 100%;
    float: left;
}

    .artist_img_descrpt h2 {
        float: left;
        color: #ffffff;
        margin: 0 30px 0 0;
        /*padding-bottom: 18px;aditya04-04-2015*/
        padding-bottom: 10px;
    }
.about_artist h2{
    color:#fff;
}

    .artist_img_descrpt ul, .about_artist ul {
        margin: 0;
        padding: 5px 0 0 0;
        list-style: none;
    }

        .artist_img_descrpt ul li, .about_artist ul li {
            float: left;
            margin-right: 20px;
            padding-left: 20px;
            font-size: 14px;
        }
.a_location, .a_location a {
    color: #428bca !important;
}
.a_location:hover, .a_location a:hover {
                color: #fff !important;
            }

            

.b_date {
    background: url(https://www.rekhta.org/Content/Images/calender.png) no-repeat left top;
}

.a_location {
    background: url(https://www.rekhta.org/Content/Images/location.png) no-repeat left top;
}

.artist_link {
    width: 100%;
    float: left;
    height: 32px;
    line-height: 30px;
    border: 1px solid #4b4b4b;
    color: #f2f2f2;
    font-size: 14px;
    display: block;
    max-width: 160px;
    padding: 0 10px 0 34px;
    background: #404040 url(https://www.rekhta.org/Content/Images/artist-link-icon.png)no-repeat 11px center;
    box-shadow: 0 2px 0px #1a1a1a;
    text-transform: uppercase;
}

    .artist_link span {
        float: right;
    }

.artist_work {
    position: relative;
    min-height: 86px;
}

    .artist_work ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        bottom: 0;
    }

        .artist_work ul li {
            float: left;
            width: 168px;
            margin: 0;
            padding: 0;
            height: 34px;
        }

.internal_bottom {
    width: 100%;
    float: left;
    background-color: #f2f2f2;
}

.internal_bottom_inner {
    background: #ededed;
    margin-top: -45px;
}

.internal_heading {
    padding-bottom: 20px;
    border-bottom: 1px solid #747474;
    clear: both;
}

.intenal-heading_h4 {
    margin-top: -28px;
    padding: 0 10px 0 0;
    background-origin: content-box;
    float: left;
    background: url(https://www.rekhta.org/Content/Images/h4-heading-bg.png);
    color: #cccccc;
}


.right_pan_special {
    height: 360px;
    max-height: 360px;
}

.right_pan_artist {
    height: 90px;
}

.int_artist_img {
    width: 70px;
    height: 70px;
}

.int_artist_top {
    width: calc(100% - 70px);
    height: 70px;
    overflow: hidden;
}

.right_pan_video {
    width: 100%;
}

.left_pan {
    width: 100%;
    float: left;
    margin-top: 15px;
    /*background: #ededed;*/
    background: #fff;
}

.light-gray {
    background: #ededed;
}

.left_pan h1 {
    color: #353535;
    font-size: 28px;
    padding-left: 16px;
}

.shayri_wrap {
    /*margin: 40px 0;*/
}

.shayari_first p {
    padding: 18px 0 16px 30px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    background: url(https://www.rekhta.org/Content/Images/star.png) no-repeat 10px center;
    margin: 0;
}

.shayari_first, .shayari_second, .shayari_third {
    width: 100%;
    float: left;
    padding: 0 15px;
}

.shayari_second {
    padding: 0 15px;
    border-bottom: 1px solid #ededed;
    background: #fff;
    padding-bottom: 8px;
    padding-top: 8px;
    position: relative;
}

.bg-div {
    background: url(https://www.rekhta.org/Content/Images/shayari_second_inner-bg.png) repeat-x;
    height: 5px;
    display: block;
    width: 100%;
    float: left;
}

.shayari_second ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block;
}
    /* 10Jan ----------------------------------------------------------------------------- */
    /*.shayari_second ul li {
        width: 140px;
        height: 33px;
        float: left;
        margin-right: 2px;
        border-bottom: 2px solid #cccccc;
    }*/
    .shayari_second ul li {
        width: auto;
        /*height: 26px;*/
        float: left;
        margin-right: 10px;
        /*border-bottom: 2px solid #cccccc;*/
    }
/*.shayari_link {
    width: 100%;
    float: left;
    height: 30px;
    line-height: 30px;
    background: #ededed;
    color: #333333;
    font-size: 14px;
    display: block;
    max-width: 158px;
    padding: 0 30px;
    box-shadow: 0 2px 0px #1a1a1a;
    background: url(https://www.rekhta.org/Content/Images/shayari-left-bg.png) repeat-x;
    text-decoration: none;
    box-shadow: 0px -4px 1px #e6e6e6 inset;
    -webkit-box-shadow: 0px -4px 1px #e6e6e6 inset;
    -moz-box-shadow: 0px -4px 1px #e6e6e6 inset;
    font-size: 14px;
}*/
.shayari_link {
    width: 100%;
    float: left;
    height: 35px;
    line-height: 35px;
    color: #333333;
    font-size: 14px;
    display: block;
    max-width: 140px;
    padding: 0 0 0 32px;
    /*background: url(https://www.rekhta.org/Content/Images/shayari-left-bg.png) repeat-x;*/
    text-decoration: none;
   
    font-size: 14px;
}

.right_pan_format {
    height: 430px;
}
/* 10 Jan  ----------------------------------------------------------------------------------------------------------*/

/*.shayari_second ul li:hover {
    border-bottom: 2px solid #696969;
    background: #e54555;
}*/

/*.int_artist_img {
    margin-top: 10px;
}*/

.int_share p:hover {
    background: #ffffff;
}

.video_play {
    /*background: #ededed url(https://www.rekhta.org/Content/Images/grid-video-play.png) no-repeat 10px center;*/
    background:url(https://www.rekhta.org/Content/Images/grid-video-play.png) no-repeat 10px center;
}

.audio_play {
    background:url(https://www.rekhta.org/Content/Images/grid-audio-play.png) no-repeat 10px center;
}

.trans {
    background:url(https://www.rekhta.org/Content/Images/trans-bg.png) no-repeat 10px center;
}

.comm {
    background:url(https://www.rekhta.org/Content/Images/comm-bg.png) no-repeat 10px center;
}

/*.video_play:hover {
    background:url(https://www.rekhta.org/Content/Images/int-yt-bg-hover.png) no-repeat 10px center !important;
    color:#fff;
}

.audio_play:hover {
    background:url(https://www.rekhta.org/Content/Images/audio-play-hover.png) no-repeat 10px center !important;
    color:#fff;
}

.trans:hover {
    background:url(https://www.rekhta.org/Content/Images/trans-bg-hover.png) no-repeat 10px center !important;
    color:#fff;
}

.comm:hover {
    background:url(https://www.rekhta.org/Content/Images/comm-bg-hover.png) no-repeat 10px center !important;
    color:#fff;
}*/

.content_wrap_top ul li a.first {
    background: #404040;
    padding-left: 10px;
}

.int_index_header h1 {
    margin: 0 0 6px 0;
    width: 100%;
    padding: 0;
    text-transform: uppercase;
}

.int_index_header h2 {
    color: #ffffff;
    float: left;
    padding: 0 7px 0 0;
    color: #cccccc;
    margin: 0;
    line-height: 24px;
}

.int_index_header hr {
    position: relative;
    top: 5px;
    border-color: #767676;
}

.H1-small {
    font-size: 42px;
}

.placeholder-line2 {
    font-size: 5px;
    color: red;
}
/* 10 Jan ------------------------------------------------------------------------------------------------------------ */


.shayari_third ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.audio_rnd {
    width: 100%;
    height: 39px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    display: block;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    background: #e54555;
    padding-left: 8px;
}

    .audio_rnd img {
        margin: -8px 10px 0 0;
        padding: 0;
    }

    .audio_rnd span {
        float: right;
        margin-right: 11px;
        font-size: 10px;
    }

/* Pravesh Added Classes */
#circle {
    background-color: #ffffff;
    font: 700 11px Arial;
    color: #333333;
    line-height: 16px;
    min-width: 14px;
    padding: 3px 4px 4px 4px;
    position: relative;
    right: 0;
    text-align: center;
    text-shadow: 0 1px 0 rgba(0,0,0,0.1);
    top: 0;
    z-index: 990;
}

.flex-next {
    background-position: -28px 0;
}

.audioContainer {
    width: 100%;
    float: left;
}

    .audioContainer .Tabheader {
        border-bottom: none !important;
        -webkit-box-shadow: inset 0px 1px 0px #fff, 0px -1px 0px #fff !important;
        -moz-box-shadow: inset 0px 1px 0px #fff, 0px -1px 0px #fff !important;
        box-shadow: inset 0px 1px 0px #fff, 0px -1px 0px #fff !important;
        border-color: #ffffff;
        /*border-color: transparent;*/
        font-size: 14px;
        /*aditya*/
        padding: 9px 10px 1px 10px;
    }


.audioContainerList .Tabheader .thead {
    padding: 5px;
    font-size: 14px;
    background-color: #d9d9d9;
    -webkit-box-shadow: inset 10px 16px 5px -14px #9d9d9d;
    -moz-box-shadow: inset 10px 16px 5px -14px #9d9d9d;
    box-shadow: inset 10px 16px 5px -14px #9d9d9d;
    border-bottom: 1px solid #f2f2f2;
}

.audioContainer:nth-child(even) {
    background-color: #f7f7f7 !important;
}

.displayTextLast {
    font-size: 14px;
    margin: 3px 40px !important;
}

.audioContainer .Tabheader span {
    overflow: hidden;
    font-size: 14px;
    /*font-weight: 600;*/
}

.audioContainer .linkRow {
    padding-left: 25px;
}

.audioContainer a:hover {
    transition: all 400ms ease;
    background: #e54555;
    color: #ffffff;
}

.audioThead a:hover {
    color: #333333;
    background-position: left 16px center;
    transition: none;
}
/*. .audioContainer a:hover {
        background: #e54555;
        color: #fff;
    }
    .audioContainer audioThead a:hover{
        background-color:none;

    }*/
/*-------------------------------------------------------------------------------------------------------------------------poem page*/
.poemTitle {
    text-align: center;
}

.poemTitle-in {
    border-top: 1px solid #f3f3f3;
    border-bottom: 2px solid #edf6fa;
    /*margin-top: 15px;*/
    height: 34px;
    background-color: #f2fbff;
    clear: both;
}

    .poemTitle-in h4 {
        font-size: 14px;
        margin: 6px !important;
        text-align: center;
        color: #0b9de5;
    }

        .poemTitle-in h4 img {
            margin-right: 11px;
            margin-top: -4px;
        }

.poemNav {
}

    .poemNav .Tabheader {
        background-color: #D9D9D9;
        padding: 5px;
        height: 30px;
    }

        .poemNav .Tabheader .close {
            opacity: 1;
            /*background-color: #ccc;*/
            display: block;
            margin-top: -3px;
            /*           -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
    padding: 0px 6px 4px 6px;*/
        }

    .poemNav ul {
        margin: 0;
        padding: 0;
        list-style: none;
        border-bottom: 1px solid #D9D9D9;
    }

    .poemNav li {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .poemNav .tabBody {
        display: none;
    }

        .poemNav .tabBody .alt {
            background-color: #E0E0E0;
        }

        .poemNav .tabBody a {
            display: block;
            margin: 2px 15px;
        }

    .poemNav .linkRows {
    }

    .poemNav ul a {
        display: block;
        padding: 3px 15px;
        border-bottom: 3px solid #f2f2f2;
        font-size: 13px;
        font-weight: 600;
    }

    .poemNav ul .selected {
        background-color: #cccccc;
        border-bottom: 3px solid #8d1616;
    }

.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 250px;
    margin-bottom: 10px;
}

    .videowrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 1px solid #ffffff;
        -webkit-box-shadow: 0px 1px 5px #333333;
        -moz-box-shadow: 0px 1px 5px #333333;
        box-shadow: 0px 1px 5px #333333;
    }

.listItem {
    padding: 3px;
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    margin: 0 !important;
}

    .listItem:nth-child(even) {
        background-color: #f7f7f7;
    }

.tabContainer {
    list-style: none;
    padding: 0;
    margin: 0;
}

.videoListContainer {
    overflow: hidden;
    overflow-y: auto;
    text-align: left;
    text-overflow: ellipsis;
}

    .videoListContainer .playing {
        background: #e54555 url('https://www.rekhta.org/Content/Images/pause-btn.png') no-repeat 8px center !important;
    }

    .videoListContainer .loading {
    }

    .videoListContainer .selected {
        background-color: #bee6ff !important;
    }

    .videoListContainer .playController {
        width: 100%;
        height: 39px;
        display: block;
        line-height: 35px;
        color: #333333;
        background: #ffffff url(https://www.rekhta.org/Content/Images/play3.png) no-repeat 8px center;
    }

.gazal-out {
    border: 1px solid #d9d9d9;
    min-height: 150px;
    background-repeat: no-repeat;
    background-image: url(https://www.rekhta.org/Content/Images/gazal-out-bg.png);
    background-position: center bottom 50px;
    background-color: #fff;
    -webkit-box-shadow: inset 0px 1px 6px 0px rgba(120, 120, 120, .2);
    -moz-box-shadow: inset 0px 1px 6px 0px rgba(120, 120, 120, .2);
    box-shadow: inset 0px 1px 6px 0px rgba(120, 120, 120, .2);
}

.gazal-in {
    /*background-image: url(https://www.rekhta.org/Content/Images/floral-gazal-top.png);*/
    background-position: left top;
    background-repeat: no-repeat;
    min-height: 150px;
    padding-bottom: 100px;
}

.poemPrev {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    left: 0px;
    width: 30px;
    z-index: 1;
}

    .poemPrev img {
        position: absolute;
        top: 48%;
        left: 0px;
    }

/*.poemPrev:hover {
        -moz-opacity: 0.2; 
        -khtml-opacity: 0.2; 
        opacity: 0.2;
        background-color: #8a8989;
    }*/

.gazal-down-text {
    width: 100%;
    text-align: center;
    padding-top: 20px;
}

.button_rekhta {
    box-shadow: none;
    border-color: #15aeec;
    border-width: 0px 1px 1px 1px;
    border-style: solid;
    -moz-box-shadow: #B4B5B5 0px 0px 4px inset;
    -moz-border-radius: 4px 4px 4px 4px;
    /*border-radius: 4px 4px 4px 4px;*/
    font-size: 13px;
    padding: 8px 22px 8px 22px;
    display: inline-block;
    font-weight: 600;
    color: #FFFFFF;
    background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);
}

    .button_rekhta:hover {
        box-shadow: none;
        background-color: #1ab0ec;
        background-image: -webkit-gradient(linear, left top, left bottom, from(#1ab0ec), to(#1a92c2));
        background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
        background-image: -moz-linear-gradient(top, #1ab0ec, #1a92c2);
        background-image: -ms-linear-gradient(top, #1ab0ec, #1a92c2);
        background-image: -o-linear-gradient(top, #1ab0ec, #1a92c2);
        background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1ab0ec, endColorstr=#1a92c2);
    }

.PoemFootnote h4 {
    font-size: 14px;
    color: #999;
    padding: 20px;
}

.windowContainer {
    display: none;
}

    .windowContainer .window {
        width: 50%;
        margin: 0 auto;
        border: 6px solid #e6e6e6;
        min-height: 400px;
        background-color: #ffffff;
        position: fixed;
        z-index: 999999;
        text-align: center;
        padding: 10px;
        margin-top: 30px;
        left: 25%;
        top: 20px;
    }

    .windowContainer .dimmer {
        position: fixed;
        display: block;
        z-index: 99998;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #000000;
        background-position: center center;
        background-repeat: no-repeat;
        background: -webkit-gradient(radial, center center, 0, center center, 460, from(#FFF), to(#291A49));
        background: -webkit-radial-gradient(circle, #FFF, #000);
        background: -moz-radial-gradient(circle, #FFF, #000);
        background: -ms-radial-gradient(circle, #FFF, #000);
        opacity: 0.4;
        filter: alpha(opacity=40);
        box-shadow: -8px 8px 27px #333333;
        -webkit-box-shadow: -8px 8px 27px #333333;
        -moz-box-shadow: -8px 8px 27px #333333;
    }

    .windowContainer .window .wndHeader {
        position: relative;
    }

        .windowContainer .window .wndHeader .title {
        }

        .windowContainer .window .wndHeader .closeButton {
            position: absolute;
            right: -28px;
            top: -48px;
            color: #999;
            font-size: 17px;
            font-weight: normal;
            line-height: 10px;
            text-decoration: none;
            cursor: pointer;
        }

    .windowContainer .window .content {
        position: relative;
        margin: 0;
        width: 100%;
    }

        .windowContainer .window .content iframe {
            border: none;
            width: 100%;
            min-height: 400px;
            min-height: 60%;
        }

.paraOverlay {
    position: absolute;
}

    .paraOverlay.alt {
        background-image: url('https://www.rekhta.org/Content/Images/bgWord.png');
        border: 1px solid #000000;
    }

.didYouMean h4 {
    font-size: 16px;
    font-weight: bold;
}

.poemNext {
    display: block;
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0px;
    width: 30px;
}

    /*.poemNext:hover {
        -moz-opacity: 0.2; 
        -khtml-opacity: 0.2;
        opacity: 0.2;
        background-color: #8a8989;
    }*/

    .poemNext img {
        position: absolute;
        top: 48%;
    }

.clear-n {
    display: none;
    clear: both;
}

.next-pre-box {
    margin-top: 15px;
    border-top: 1px solid #ddd;
    padding: 35px 0 0 0;
}

.gazal-pre-left {
    margin-top: 10px;
    border-right: 1px solid #ddd;
    -webkit-box-shadow: 1px 0px 0px #fff !important;
    -moz-box-shadow: 1px 0px 0px #fff !important;
    box-shadow: 1px 0px 0px #fff !important;
    font-size: 17px;
}

.gazal-next-left {
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 17px;
}

.lColour {
    background-color: #e6e6e6;
    height: 60px;
}

.poet-mobile-div {
    display: none;
}

.next-textdiv {
    font-weight: 500;
    font-size: 16px;
    color: #333333;
}

.next-headtext {
    font-size: 18px !important;
    font-weight: 300;
    color: #999999;
    text-transform: uppercase;
}

.BookItemsListing .word_link_rekhta {
    margin: 0px;
    padding: 0px;
    margin-top: 0px;
}

.VideoItemsListing {
    margin-bottom: 20px;
    padding-bottom: 5px;
    overflow: hidden;
    border-bottom: 1px solid #dddddd;
    box-shadow: 0px 1px 0px #fff !important;
    -moz-box-shadow: 0px 1px 0px #fff !important;
    -webkit-box-shadow: 0px 1px 0px #fff !important;
}

    .VideoItemsListing .flexslider, .BookItemsListing .flexslider {
        clear: both !important;
    }

    .VideoItemsListing .word_link_rekhta, .BookItemsListing .word_link_rekhta {
        font-size: 14px;
        display: block;
    }

    .VideoItemsListing h3, .BookItemsListing h3 {
        color: #333333 !important;
        margin-bottom: 12px !important;
    }

.VideoItems img {
    border: 2px solid #ccc;
}

.img_ebook_rekhta img {
    border: 2px solid #ccc;
}

.more {
    margin: 0px 0px 20px 0px !important;
}

.More {
    font-size: 12px;
    font-weight: 600;
}

a.listItem-n {
    -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.75);
    display: block;
    line-height: 39px;
}

    a.listItem-n:nth-child(even) {
        background-color: #f7f7f7;
    }

    a.listItem-n:hover * {
        background-color: #fff;
    }

.audioThead {
    /*margin-bottom: -2px;*/
}

    .audioThead span {
        font-weight: 500 !important;
    }

    .audioThead .Tabheader {
        font-size: 14px;
        padding: 5px;
        background-color: #d9d9d9;
        -webkit-box-shadow: inset 10px 16px 5px -14px #9d9d9d;
        -moz-box-shadow: inset 10px 16px 5px -14px #9d9d9d;
        box-shadow: inset 10px 16px 5px -14px #9d9d9d;
    }

/*             side menu */


/*adi custom for side menu*/
.sidePopMenu table {
    width: 100%;
}

.sidemenu-block-menu {
    padding: 5px 0px 5px 0px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    margin: 15px 0 10px 0;
    position: relative;
    list-style: none;
}

    .sidemenu-block-menu > a {
        font-weight: bold;
        font-size: 16px;
    }

        .sidemenu-block-menu > a span {
            display: block;
        }

        .sidemenu-block-menu > a:hover {
            background-color: #fff !important;
            color: #333 !important;
        }

    .sidemenu-block-menu a {
        padding: 0px 10px;
        display: block;
        line-height: 32px;
        font-size: 14px;
        color: #333333;
    }

        .sidemenu-block-menu a:hover {
            background-color: #e54555;
            color: #ffffff;
            text-decoration: none;
        }

    .sidemenu-block-menu .active, .sidemenu-block-menu .active:hover, .sidemenu-block-menu .active *, .sidemenu-block-menu .active:hover * {
        background-color: #e54555;
        color: #fff;
        /*background-image: url(https://www.rekhta.org/Content/Images/arrow-active.jpg);*/
        background-repeat: no-repeat;
        background-position: right;
        /*margin-right: -14px;*/
    }

    /*.sidemenu-block-menu .active span {
            padding-right: 40px;
        }*/

    .sidemenu-block-menu .expanded > a {
        border-bottom: 1px solid #d9d9d9;
    }

        .sidemenu-block-menu .expanded > a:hover {
        }

.sidemenu-items {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidemenu-block-menu .expanded {
    background-color: #f2f2f2;
    -webkit-box-shadow: inset 0px 1px 6px 0px rgba(120, 120, 120, .2);
    -moz-box-shadow: inset 0px 1px 6px 0px rgba(120, 120, 120, .2);
    box-shadow: inset 0px 1px 6px 0px rgba(120, 120, 120, .2);
}

.sidemenu-block-menu ul ul li {
    padding: 0px 0px 0px 10px;
}

    .sidemenu-block-menu ul ul li:hover * {
        background-color: transparent !important;
    }

    .sidemenu-block-menu ul ul li a {
        padding-right: 15px;
    }

.sidemenu-block-menu .expanded:hover ul ul * {
    color: #fff;
}

.sidemenu-block-menu hr {
    margin: 0px 5px !important;
    padding: 0px !important;
}

.sidemenu-left {
    width: 250px;
}

    .sidemenu-left ul {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }

    .sidemenu-left li {
        list-style-type: none;
        font-size: 14px;
        font-weight: 500;
        overflow: hidden;
        color: #333333;
        line-height: 25px;
        overflow: visible;
    }

        .sidemenu-left li a {
            color: #333333;
            text-decoration: none;
        }

.sidemenu ul, .sidemenu li {
    min-width: 190px !important;
}

/*------------------------------------------------------------------------------ Image shayari pinterest like layout */
.pinWrapper {
    width: 100%;
    overflow: hidden;
}

.pinColumns {
    position: relative;
    height: 10px;
    margin: 10px auto;
}

.pin {
    background: #FEFEFE;
    border: 2px solid #FAFAFA;
    box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
    padding: 15px;
    padding-bottom: 5px;
    background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
    opacity: 1;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    width: 250px;
}

.pinPreLoad {
    visibility: hidden;
}

.pinColumns:hover .pin:not(:hover) {
    opacity: 0.8;
}

.pin .pinImage {
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 5px;
}

.pin p {
    font: 12px/18px Arial, sans-serif;
    color: #333;
    margin: 0;
}

.pinShare {
    /*height: 0;
    overflow: hidden;*/
    height: 20px !important;
    display: block !important;
}

.socialIconPaddingX {
    padding: 11px;
    color: #999;
}

.img_poet_rekhta {
    margin: 5px;
}

    .img_poet_rekhta img {
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        max-width: 185px;
        max-height: 185px;
    }

.img_ebook_rekhta {
    margin: 5px;
}

    .img_ebook_rekhta img {
        /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
        min-height: 210px;
        max-height: 210px;
        border: 2px solid #ccc;
    }

.img_T20_rekhta {
    margin: 5px;
}

    .img_T20_rekhta img {
        /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
        max-width: 160px;
        /*//border: 2px solid #ccc;*/
    }

.word_link_rekhta {
    /*font-size: 18px;
    font-weight: 400;*/
    color: #3d3d3d;
}

.word_link_video {
    font-size: 14px;
    /*font-weight: 200;*/
    font-weight: 500;
    color: #3d3d3d;
}

.searchBoxPositionX {
    position: relative;
}

.form-control1 {
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    /*border-radius: 4px !important;*/
}

.wordMeanings .row {
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    -webkit-box-shadow: inset 0px 1px 0px 0px #fff, 0px -1px 0px 0px #fff !important;
    -moz-box-shadow: inset 0px 1px 0px 0px #fff, 0px -1px 0px 0px #fff !important;
    box-shadow: inset 0px 1px 0px 0px #fff, 0px -1px 0px 0px #fff !important;
}

    .wordMeanings .row:nth-child(odd) {
        background-color: #f7f7f7;
    }

    .wordMeanings .row .left {
        border-right: 1px solid #ddd;
        -webkit-box-shadow: 1px 0px 0px #fff !important;
        -moz-box-shadow: 1px 0px 0px #fff !important;
        box-shadow: 1px 0px 0px #fff !important;
    }
/*For word of the day and ghazal of the day*/
.Todays {
    margin: 30px 0;
}

.todaysSpecial {
}

    .todaysSpecial .wrapper, .wordOfTheDay .wrapper {
        height: 170px;
        position: relative;
        border: solid 1px #e3e3e3;
        margin: 10px 2px 5px 2px;
        padding: 10px;
    }

        .todaysSpecial .wrapper .title {
            margin: 0;
            padding: 0;
        }

        .todaysSpecial .wrapper .imageContainer {
            position: relative;
            height: 168px;
            padding: 0 5px;
            background-color: #ffffff;
            margin: -10px;
        }

.wordOfTheDayX {
    font-size: 25px !important;
}

.wordOfTheDayTextX {
    font-size: 18px;
}

.wordOfTheDayFontX {
    font-size: 17px;
    display: block;
    /*height: 48px;*/
}

.wordOfTheDayContentX {
    /*height: 67px;*/
}

.ghazalOfTheDayImgX {
    max-width: 100%;
    margin-top: 35px;
}

.poetBirthImgX {
    position: absolute;
    margin-top: 0px;
    margin-left: -61px;
}

.videoBorderX {
    border: none;
}

.ghazalOfTheDayheadX {
}

.ghazalOfDayDescX {
    max-height: 110px;
    position: relative;
    overflow: hidden;
}

.ghazalOfDayAnchorX {
    padding: 1px 3px;
    margin-top: 5px;
    font-size: 10px;
}

.poemContainer {
    text-align: center;
    margin: 0px auto;
    height: auto !important;
}

.sidemenu-items:hover .sidePopMenu {
    display: block;
}

#logOffOptions ul li {
    list-style: none;
    font-size: 14px;
    padding: 4px 5px;
    margin-left: -10px;
    margin-right: -10px;
}

    #logOffOptions ul li a {
        color: #333333;
        text-decoration: none;
        display: block;
    }
/**********************************************************audio player*/

/*.audiojs .displayText {
width: 100%;
height: 100%;
display: block;
position: absolute;
margin: 3px 15px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
max-width: 250px;
overflow: hidden;
}

.audiojs .displayTextLast {
display: block;
margin: 6px 15px;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-o-user-select: none;
}

.audiojs {
width: 100%;
white-space: nowrap;
overflow: hidden;
margin: 8px 0px 7px;
background: none;
background-image: url(https://www.rekhta.org/Content/Images/player-bg-unactive.png);
-webkit-box-shadow: none;
-moz-box-shadow: none;
-o-box-shadow: none;
box-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
height: 27px;
border: 1px solid #e4e2e2;
font-size: 14px;
}

.audiojs .play-pause {
border-right: none;
background-image: url(https://www.rekhta.org/Content/Images/player-init.png);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 32px;
height: 27px;
}

.audiojs .time {
vertical-align: middle;
line-height: 25px;
border-left: none;
margin: 0;
padding: 0;
height: 27px;
text-shadow: none;
color: #000000;
}

.audiojs .time em {
color: #808080;
}*/

/*.audiojs .scrubber {
position: relative;
float: left;
width: 78%;
height: 27px;
margin: 0;
padding: 0;
overflow: hidden;
border-top: none;
background: none !important;
}

.audiojs .progress {
position: absolute;
top: auto;
bottom: 0px;
left: 0px;
height: 5px;
width: 0px;
background: #00d0fd;
z-index: 1;
background-image: none;
}

.audiojs .loaded {
position: absolute;
top: 0px;
left: 0px;
height: 27px;
width: 0px;
background: #eeeeee;
background-image: none;
background-image: none;
}

.audiojs .volumeControl {
float: right;
background-image: url(https://www.rekhta.org/Content/Images/player-end.png);
background-repeat: no-repeat;
margin: 0;
padding: 0;
width: 50px;
height: 27px;
}*/
.AudioPlayer {
    background-color: #1f1f1f;
    border-top: 2px solid #121212;
    border-bottom: 2px solid #121212;
    position: fixed;
    /*bottom: 0px;*/
    bottom: -87px;
    left: 0px;
    z-index: 9999;
    width: 100%;
    color: #ffffff;
    -webkit-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .5);
    -moz-box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .5);
    box-shadow: 0px 0px 0px 2px rgba(255, 255, 255, .5);
    padding: 10px 0 0 0;
    direction: ltr;
    unicode-bidi: bidi-override;
}

.Toggler {
    margin-top: -32px;
    /*margin-right: 20px;*/
    float: right;
    background-color: #636363;
    width: 50px;
    text-align: center;
    -webkit-border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    border-radius: 3px 3px 0px 0px;
}

.AudioPlayer .container {
    min-height: 76px;
}

.AudioPlayer .PlayerControls {
    min-width: 140px;
    border-right: 1px groove #1d1d1d;
}

    .AudioPlayer .PlayerControls .pull-left {
        float: left !important;
    }

.AudioPlayer .loading {
    position: relative;
}

    .AudioPlayer .loading img {
        position: absolute;
    }

.AudioPlayer .PlayerControls .pause, .AudioPlayer .PlayerControls .loading, .AudioPlayer .PlayerControls .error {
    display: none;
}

.AudioPlayer .PlayerControls .play, .AudioPlayer .PlayerControls .nav {
    display: block;
}

.AudioPlayer .error-message {
    display: none;
}

.AudioPlayer .poetImage {
    position: relative;
}

    .AudioPlayer .poetImage img {
        max-width: 48px;
        position: absolute;
        top: 0;
        left: 0;
    }

.audiojs .play-pause {
    min-width: 48px;
    min-height: 51px;
}

.audiojs.playing .play, .audiojs.playing .loading, .audiojs.playing .error {
    display: none;
}

.audiojs.playing .pause, .audiojs.playing .seeker {
    display: block;
}

.audiojs.loading .play, .audiojs.loading .pause, .audiojs.loading .error {
    display: none;
}

.audiojs.loading .loading {
    display: block;
}

.audiojs.error .duration, .audiojs.error .played, .audiojs.error .play, .audiojs.error .pause, .audiojs.error .scrubber, .audiojs.error .loading {
    display: none;
}

.audiojs.error .error {
    display: block;
}

.audiojs.error .play-pause p {
    cursor: auto;
}

.audiojs.error .error-message {
    display: block;
}
/******************************************audio 2*/

/*                          */
/*.audiojs.init .play-pause {
width:0px;
}*/

/*.AudioPlayer .time {
display: none;
}

.AudioPlayer .scrubber {
display: none;
}*/

/*
.audiojs .volumeControl {
margin: 0 0 0 -10px;
}*/


/*.audioActive {
background: url(https://www.rekhta.org/Content/Images/player-bg.png) !important;
}

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

.audiojs .volumeControl p.volume {
background-image: url(https://www.rekhta.org/Content/Images/player-vol-btn.png);
float: right;
display: block !important;
}*/


.audiojs .scrubber {
    position: relative;
    height: 4px;
    overflow: visible;
    border-top: none;
    background-color: #414141;
    border: 1px solid #262626;
    -webkit-box-shadow: 0px 1px 0px 0px #525252;
    -moz-box-shadow: 0px 1px 0px 0px #525252;
    box-shadow: 0px 1px 0px 0px #525252;
}

.audiojs .progress {
    position: absolute;
    top: 0;
    bottom: 0px;
    left: 0px;
    height: 4px;
    width: 0px;
    background-color: #ff0d35;
    z-index: 1;
    margin: 0;
    overflow: visible;
}

    .audiojs .progress .seeker {
        margin-right: -10px;
        margin-top: -10px;
    }

.audiojs .loaded {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 4px;
    width: 0px;
    background: #666666;
}

.shayari_second ul li a {
    text-decoration: none;
}

.rellinkText {
    /*color: #0b9de5;*/
    color: #3d3d3d;
    font-size: 14px;
    font-weight: 600;
    margin-top: 9px;
    cursor:pointer;
}

.audio_play_btn {
    background: #ededed url(https://www.rekhta.org/Content/Images/play-audio-btn.png) no-repeat 10px center;
}

.translation-btn {
    background: #ededed url(https://www.rekhta.org/Content/Images/trans-btn.png) no-repeat 10px center;
}

.commentary-btn {
    background: #ededed url(https://www.rekhta.org/Content/Images/commentary-btn.png) no-repeat 10px center;
}

.grid-audio-icon {
    background-image: url('https://www.rekhta.org/Content/Images/grid-audio-play.png');
    /*background-image: url('https://www.rekhta.org/Content/Images/play-audio-btn.png');*/
    background-position: center center;
    display: block;
    height: 16px;
    width: 16px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.grid-video-icon {
    background-image: url('https://www.rekhta.org/Content/Images/grid-video-play.png');
    /*background-image: url('https://www.rekhta.org/Content/Images/int-yt-bg.png');*/
    /*background-position: center center;*/
    display: block;
    height: 16px;
    width: 18px;
    overflow: hidden;
    background-repeat: no-repeat;
    margin-top: 4px;
}
/* Pravesh Added Classes */



/*Vaibhav Added Some classes*/
.static-page-anchor-text {
    color: #0099FF;
}

.ilm-arooz-subject {
    background: #d9d9d9;
    line-height: 30px;
    font-weight: 600;
    margin-top: 25px;
    padding-top: 3px;
    padding-bottom: 3px;
}

.ilm-videoListContainer {
    max-height: 2000px !important;
}

.pad-tp-5 {
    padding-top: 5px;
}

.port-ebook-subheading {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
}

.PoemImageHost {
    text-align: center;
    position: relative;
    display: inline-block;
}

    .PoemImageHost .WM {
        background-position: -200px -200px;
        position: absolute;
        display: block;
        background-color: transparent;
        /*background-image: url('https://www.rekhta.org/Content/Images/Information.png');*/
        text-decoration: none;
        background-repeat: no-repeat;
    }

    .PoemImageHost .PI {
        background-position: center center;
        position: absolute;
        display: block;
        /*background-image: url('https://www.rekhta.org/Content/Images/Information.png');*/
        background-repeat: no-repeat;
        text-decoration: none !important;
    }

    .PoemImageHost .WM:hover {
        background-image: url('https://www.rekhta.org/Content/Images/bgWord.png');
        background-repeat: repeat-x;
        background-position: center center;
    }

    .PoemImageHost .LocationLocator {
        position: absolute;
        padding-top: 10px;
        width: 30px;
        height: 30px;
        display: none;
        font-size: 20px;
    }

.popular-couplet {
    padding-bottom: 0px;
}

    .popular-couplet .floral1 p {
        font-size: 18px;
        font-weight: 500;
    }

    .popular-couplet .floral1 .slider-img a {
        font-size: 14px;
    }

    .popular-couplet .floral1 {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .popular-couplet .flexslider {
        margin: 30px 0 0px 0px !important;
    }

.coupletByTopic {
    color: beige;
    margin: 0 0 -10px 10px;
    font-size: 13px;
    font-weight: 700;
}

.floral3 {
    background-image: url(https://www.rekhta.org/Content/Images/floaral-bg-left.png), url(https://www.rekhta.org/Content/Images/floaral-bg-right.png);
    background-repeat: no-repeat;
    /*border-top: 1px solid #dddddd;*/
    border-bottom: 1px solid #dddddd;
    margin-bottom: 30px;
    background-position: bottom left, top right;
    background-color: #fff;
}

.popularSecHeading {
    color: #333 !important;
    font-size: 19px !important;
    /*font-weight: 200;*/
    margin-bottom: 16px;
}

.SubHeading {
    color: #262626 !important;
    font-weight: 500;
}

tooltip-container {
    display: none;
}

.tooltip-trigger:hover .togglebtn, .tooltip-content li:hover .togglebtn {
}

ul.tooltip-content {
    padding: 0px;
}

.tooltip-content li {
    min-width: 190px;
    list-style-type: none;
}

    .tooltip-content li a {
        display: block;
        line-height: 25px;
        text-align: left;
        padding: 3px 6px;
    }

        .tooltip-content li a:hover {
            background-color: #f2f2f2;
        }
/*Pop-up Pages*/
.popup_table {
    width: 100%;
    direction: ltr;
}

.popup-hr {
    margin: 6px 0px !important;
}

.popup-span {
    font-size: 14px;
    line-height: 16px;
}

.popup_table input {
    width: 100%;
    background: rgba(237, 237, 237, 1);
    background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e5e5e5', GradientType=1 );
    border: 1px solid #EFECEC;
    border-radius: 4px;
    color: #999999;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 1%;
    margin: 3px 0px !important;
}

.popup_table select {
    width: 99%;
    background: rgba(237, 237, 237, 1);
    background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e5e5e5', GradientType=1 );
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    color: #999999;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    padding-left: 1%;
    height: 34px;
}

.popup_table textarea {
    background: rgba(237, 237, 237, 1);
    background: -moz-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(100%, rgba(229, 229, 229, 1)));
    background: -webkit-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -o-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: -ms-linear-gradient(left, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    background: linear-gradient(to right, rgba(237, 237, 237, 1) 0%, rgba(229, 229, 229, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#e5e5e5', GradientType=1 );
    border: 1px solid #EFECEC;
    border-radius: 4px;
    color: #999999;
    width: 100%;
    padding-left: 1%;
    margin: 3px 0px !important;
}

.form-control-news {
    display: block;
    width: 76%;
    height: 32px;
    padding: 3px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px !important;
    -moz-border-radius: 4px !important;
    -webkit-border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    font-weight: 400;
    background-image: url(https://www.rekhta.org/Content/Images/nes-text-back.png);
    background-repeat: repeat-x;
}

.MeaningRead {
    background-color: #ffffff;
    margin: 0;
    width: 550px;
    /*border: solid 1px #999999;*/
    border-collapse: collapse;
    border-spacing: 0px;
}

    .MeaningRead td, .MeaningRead th {
        margin: 0;
        padding: 0;
        background-color: #999999;
        border-width: 0px;
        border: none;
    }

    .MeaningRead input {
        margin: 0;
        padding: 0;
        border: none;
        width: 100%;
    }

.sidePopMenu {
    display: none;
    position: absolute;
    background-color: #fafafa;
    /*left: 99%;*/
    z-index: 9999;
    /*top: -80px;*/
    right: 100%;
    width: 370px;
    top: 0;
    -webkit-box-shadow: 1px 0px 0px #f2f2f2;
    -moz-box-shadow: 1px 0px 0px #f2f2f2;
    box-shadow: 1px 0px 0px#f2f2f2;
}

.SubCatPopupMenu {
    color: #6c6c6c;
    padding-left: 30px;
}
/*Pop-up Pages*/
.entityYear {
    direction: ltr;
    font-weight: inherit !important;
    font-size: 12px;
    margin-top: 3px;
}

.UserPoemDisplay {
}


    .UserPoemDisplay div {
        margin-top: 10px;
        margin-top: 10px;
    }

        .UserPoemDisplay div p {
            display: inline-block;
        }

.k-group .k-link .k-state-hover {
    background-color: #99000f;
}

ul .k-group .k-menu-group {
    background-color: rgb(153, 0, 15);
}

.urdustudies_search_btn {
    /*background: #e54555 url(https://www.rekhta.org/Content/Images/w-search-icon.png) no-repeat center;*/
    /*width: 32px;
    height: 32px;*/
    float: right;
    margin-left: -50px;
    z-index: 9999;
    position: relative;
    margin: 0px 0 0 -33px;
    outline: none;
    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 3px 3px 3px 3px;
    vertical-align: middle;
    border-right: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
}

.AnnualUrduStudiesSearchTab {
    float: right;
    direction: ltr;
}
/*Vaibhav Added Some classes*/

/*--------------------------------6jan--------------------------------------*/
.playing_state {
    width: 100%;
    height: 39px;
    border-top: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
    display: block;
    line-height: 35px;
    color: #ffffff;
    text-decoration: none;
    background: #e54555 url(https://www.rekhta.org/Content/Images/pause.png) no-repeat 8px center;
    padding-left: 40px;
    text-decoration: none;
}

    .playing_state img {
        margin: 0 10px 0 0;
        padding: 0;
    }

    .playing_state span {
        float: right;
        margin-right: 11px;
        font-size: 10px;
    }

.pause_state {
    width: 100%;
    height: 39px;
    display: block;
    line-height: 35px;
    color: #333333;
    text-decoration: none;
    padding-left: 40px;
    background: #ffffff url(https://www.rekhta.org/Content/Images/play.png) no-repeat 8px center;
}

    .pause_state:hover {
        color: #333333;
    }

.liking_ghazal_wrap {
    width: 100%;
    float: left;
    margin: 30px 0;
    border-top: 1px solid #ececec;
}

    .liking_ghazal_wrap ul {
        margin: 0;
        padding: 10px 0 0 0;
        list-style: none;
    }

        .liking_ghazal_wrap ul li:nth-child(odd) {
            background: #f7f7f7;
            width: 100%;
            display: block;
            height: 60px;
        }

        .liking_ghazal_wrap ul li:nth-child(even) {
            background: #f2f2f2;
            width: 100%;
            display: block;
            height: 60px;
        }

        .liking_ghazal_wrap ul li a {
            width: 100%;
            float: left;
            height: 59px;
            color: #333333;
            line-height: 20px;
            border-bottom: 1px solid #e6e6e6;
            padding: 10px 0 0 45px;
            background: url(https://www.rekhta.org/Content/Images/format-link-bg.png) no-repeat 15px center;
        }

            .liking_ghazal_wrap ul li a span {
                float: right;
                padding-right: 15px;
                padding-top: 5px;
            }

            .liking_ghazal_wrap ul li a p {
                float: left;
                font-size: 16px;
                width: calc(100% - 36px);
                font-weight: 500;
            }

liking_ghazal_wrap h3 {
    margin: 45px 0 20px 0;
}




/*right_pan_music-section*/
.right_pan_music-section {
    width: 100%;
    float: left;
    background: #ffffff;
}

    .right_pan_music-section h4 {
        padding-left: 15px;
    }

    .right_pan_music-section ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .right_pan_music-section ul li {
            border-bottom: 1px solid #e8e8e8;
        }

.pause2 {
    padding: 0 0 0 45px;
    background: #ffffff url(https://www.rekhta.org/Content/Images/play3.png) no-repeat 15px center;
}

    .pause2:hover {
        padding: 0 0 0 45px;
        background: #e54555 url(https://www.rekhta.org/Content/Images/play-3-hover.png) no-repeat 8px center;
        color: #ffffff;
        transition: all 500ms ease;
    }

    .pause2 span {
        float: right;
        padding-right: 15px;
    }

/*.play2 {
    border-bottom: 1px solid #b94550;
    border-top: none;
    background: #e54555 url(https://www.rekhta.org/Content/Images/pause3.png) no-repeat 15px center;
}*/

.play-para {
    background: #e54555;
    color: #ffffff;
    font-size: 11px;
    margin: 0 0 -8px 0;
    padding: 5px 0 0 15px;
}

.artist_link:hover {
    border: 1px solid #e54555;
    color: #ffffff;
    background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px center;
    box-shadow: 0 2px 0px #1a1a1a;
    text-decoration: none;
    font-weight: 600;
}

.int_share p {
    line-height: 20px;
}

    .int_share p span {
        font-size: 10px;
        display: block;
        text-transform: uppercase;
        color: #333333;
    }

.internal_social_wrapper {
    float: left;
    position: relative;
}

    .internal_social_wrapper ul {
        list-style: none;
        float: left;
        margin: 0;
        padding: 0;
        display:block;
    }

        .internal_social_wrapper ul li {
            margin-right: 10px;
            width: auto;
            float: left;
           border:none !important;
        }
        .internal_social_wrapper ul li a{
               width: 36px;
    height: 36px;
    padding: 7px 0px;
    display:block;
    text-align:center;
    border-radius:3px;
        }
            .internal_social_wrapper ul li:hover {
            background:transparent;
            }
        .internal_social_wrapper ul li:nth-child(1) a {
    background: #3b5998;
}
        .internal_social_wrapper ul li:nth-child(2) a {
    background: #55acee;
}
        .internal_social_wrapper ul li:nth-child(3) a {
    background: #dc4e41;
}
        .internal_social_wrapper ul li:nth-child(4) a {
    background: #25d366;
}
            .internal_social_wrapper ul li:last-child{
                height: 36px;
                position: relative;
                top: -10px;
            }
            .internal_social_wrapper ul li a img{
                height:17px;
            }
/*e-book internal page*/
.subtitle {
    clear: both;
    padding: 0;
}

.e-book_description {
    width: 100%;
    float: left;
}

    .e-book_description ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .e-book_description ul li {
            padding-left: 0;
            color: #939393;
        }

            .e-book_description ul li span {
                font-size: 14px;
                text-transform: uppercase;
                color: #ffffff;
            }
/*-------------------------------6jan------------------------------------------*/

/*----7jan----*/
.poetImageInGrid2 {
    color: #333333;
    font-size: 14px;
}

.k-grid tr td {
    border-color: #ffffff !important;
    height: 48px;
}

.k-alt, .k-separator, .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background: #f7f7f7;
}

.k-alt, .k-separator, .k-resource.k-alt, .k-pivot-layout > tbody > tr:first-child > td:first-child {
    background: #f7f7f7;
}

table {
    background: #fcfcfc;
}


/*7----jan----*/

/*8jan*/
.bannerslider-img {
    max-width: 1920px;
    width: 100%;
}

    .bannerslider-img img {
        width: auto !important;
    }

.right_pan {
    width: 100%;
    float: left;
}

    .right_pan > ul {
        margin: 15px 0 0 0;
        padding: 0;
    }

    .right_pan ul li {
        margin: 5px 0;
        padding: 0;
    }

        .right_pan ul li > ul > li {
            margin: 0;
        }

.sidemenu-items:hover .sidePopMenu {
    background: #e6e6e6;
}

.catTitle-class {
    margin-left: 15px;
}

.ebook-sidebar {
    padding: 15px 0;
}

.clear {
    clear: both;
}

.breadcum li.first > a {
    background: none !important;
}

.k-grid tr {
    /*transition: all 400ms ease;*/
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    /*border-bottom: 4px solid #333 !important;*/
}

    .k-grid tr:hover {
        background: #e54555;
        color: #fff;
    }

        .k-grid tr:hover a {
            color: #fff;
        }

            .k-grid tr:hover a span {
                color: #fff;
            }

        .k-grid tr:hover td {
            color: #fff;
        }

.k-grid td {
    padding: 0 .6em;
}

.k-grid-header {
    background: #e6e6e6;
}

.tab {
    min-width: 80px;
    margin-right: 4px;
}

    .tab a {
        height: 50px;
        line-height: 40px;
        padding-left: 28px;
        border-bottom: 4px solid #eceaea;
        background: #ffffff url(https://www.rekhta.org/Content/Images/format-link-bg.png)no-repeat 10px 19px;
        display: block;
        color: #4c4c4c;
        font-size: 14px;
        font-weight: normal;
        padding-right: 10px;
        min-width: 80px;
    }

    .tab:hover a {
        background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 10px 19px;
        color: #ffffff;
        border-bottom: 4px solid #cc3d4b;
    }

    .tab.selected a {
        border-bottom: 4px solid #cc3d4b;
        font-weight: 600;
    }

.k-grid-header th.k-header, .k-filter-row th {
    padding: 0.5em .6em 5px .6em;
    background-color: #e6e6e6;
    border-color: transparent;
    border-radius: 0;
}

.breadcum {
    margin: 0 0 30px 0;
}

.btn-mobile {
    border: none;
    background: none;
    color: #fff;
    font-size: 24px;
}

.lang-mob {
    /*padding: 7px 10px;*/
}

.inner-close {
    position: relative;
    top: -2px;
    left: 0px;
    color: rgba(204,10,49,0.80);
}

.showMenuDiv ul li a {
    text-transform: uppercase;
}

.showMenuDiv ul {
    margin: 0;
}
/*replace the class name tap-btn in media query min-width:768px*/
.tap-btn {
    background: url(https://www.rekhta.org/Content/Images/search-new.png)no-repeat;
    position: absolute;
    right: 5px;
}
/*top menu*/
.k-menu .k-item, .k-widget.k-menu-horizontal > .k-item:hover {
    background: none;
    box-shadow: none;
}

    .k-menu .k-item > .k-link {
        background: none;
        box-shadow: none;
    }

#rekhtaMenu > li > a:visited {
    color: #ffffff;
}

.k-menu .k-item > .k-link:hover {
    color: #333333;
}


/*.k-menu .k-animation-container .k-menu-group {
    background: #99000f;
    border: none;
}*/

/*8jan*/



.grid_link {
    display: block;
    height: 50px;
    color: #333333;
    line-height: 50px;
    margin-left: 30px;
}
/*.grid_link:hover{color:#ffffff;text-decoration:none;}*/
.poetImageInGrid2 {
    height: 50px;
    line-height: 50px;
}

    .poetImageInGrid2:hover {
        color: #ffffff;
        text-decoration: none;
    }


/* Flexible Menu Poem and Poet Page Content Types  */
.flexibleMenu li {
    width: auto;
    min-width: 168px;
}

.flexibleMenuContainer {
    position: relative;
    height: 34px;
}

.flexibleMenu {
    padding-right: 168px;
    height: 34px;
    overflow: hidden;
}

.flexibleMenuMore {
    display: none;
    position: absolute;
    top: 0;
    bottom: auto;
}

.flexibleMenuContainer ul li a.active {
    background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px center;
    color: #ffffff;
    font-weight: 600;
    border: 1px solid #e54555;
}

.flexibleMenuContainer ul li a:visited {
    color: #ffffff;
}

.flexibleMenuContainer ul li a:selection {
    color: #ffffff;
}
/* Flexible Menu Poem and Poet Page Content Types  */

/* 11 Jan Aditya Code*/
.ebookSearch {
    width: 100%;
    float: left;
    padding: 38px 15px 15px 15px;
    background: url(https://www.rekhta.org/Content/Images/ebook-bg-image.png) no-repeat left top;
    background-size: cover;
    margin-top: 2px;
}
/* 11 Jan Aditya Code*/

.linkRow a:hover {
    transition: none !important;
    color: initial;
    background: url(https://www.rekhta.org/Content/Images/play.png) no-repeat 8px center;
}
/*ghazal page*/
/*.grid-outer {
    width: 106.55%;
    float: left;
    background: none;
    padding: 0;
    margin-left: -3.4%;
    margin-top: -3.4%;
}*/
.k-grid, .k-scheduler, .k-menu, .k-editor {
    border-radius: 0px;
    border: none;
}

    .k-grid tr:hover .grid-audio-icon {
        background-image: url('https://www.rekhta.org/Content/Images/audio-hover-icon.png');
    }

    .k-grid tr:hover .grid-video-icon {
        background-image: url('https://www.rekhta.org/Content/Images/int-yt-bg-hover.png');
    }

    .k-grid tr:hover .p-choice {
        background-image: url('https://www.rekhta.org/Content/Images/Popular-hover.png');
    }

    .k-grid tr:hover .e-choice {
        background-image: url('https://www.rekhta.org/Content/Images/Popular-hover.png');
    }

.linkRow > a {
    font-size: 13px;
}

.socialHighlight {
    padding-bottom: 3px;
    position: absolute;
    right: 65px;
    bottom: -3px;
}
/*12jan*/
.tooltip-container > ul {
    padding: 0;
    margin: 0;
}
/*13jan*/
#contactName {
    text-transform: uppercase;
}

#moreDrop {
    box-shadow: 0 2px 0px #1a1a1a;
    width: 122px;
    padding: 0 10px 0 34px !important;
    margin: 0 !important;
    line-height: 30px;
    font-size: 14px;
    background: #404040 url('https://www.rekhta.org/Content/Images/artist-link-icon.png') no-repeat 10px center;
    color: #f2f2f2;
    font-weight: normal;
    height: 30px;
}

    #moreDrop:hover {
        background: #e54555 url('https://www.rekhta.org/Content/Images/format-link-bg-hover.png') no-repeat 10px center;
        color: #fff;
    }

#moreItemsDrop {
}

.artist_work p {
    margin-bottom: 28px;
}




/*.k-icon{background: url('https://www.rekhta.org/Content/Images/dropIcon.png'); background-repeat:no-repeat; background-position:5px 5px;}*/
/*#rekhtaMenu .k-animation-container
{
    width:100%;
}*/
/*.menu-h-wrap {
    display: block;
    height: 200px;
    position: fixed;
    left:0;
    right:0;
    overflow:hidden;
}


    .menu-h-wrap > ol {
        display: block;
        list-style: none;
        height: 200px;
        width: 1858px;
        overflow: hidden;
    }

        .menu-h-wrap > ol li {
            float: left;
        }*/

/* Pravesh Added Classes on 12 Jan */

.showSearchBoxMob {
    width: 100% !important;
    display: block !important;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

/* Pravesh Added Classes on 12 Jan */
/*aditya latest work on 14jan*/
.poemContainerDiv {
}

.shayariContainerDiv {
    width: 100%;
    float: left;
    background: #ffffff;
}

.critiquePara {
    clear: both;
    padding-top: 20px;
    display: block;
    /*display:none;*/
    padding-left: 30px;
    background: url('https://www.rekhta.org/Content/Images/star.png') no-repeat 5px 25px;
    font-family: 'arial unicode ms';
    font-size: 13px;
    font-weight: normal;
    text-indent:-999999px;
    font-size:0 !important;
}

.critiquePopupBox{
    position:fixed;
    width:700px;
    height:500px;
    right:-700px;
    margin:auto 0;
    top:0px;
    bottom:0;
    display:block;
    z-index: 9999999;
    background:#fff;
    transition:all 0.4s;
    -o-transition:all 0.4s;
    -webkit-transition:all 0.4s;
    -moz-transition:all 0.4s;
}
.critiquePopupBoxOpen {
        right:0px;
}
.critiquePopupBoxLoader,.critiquePopupBoxLoaderMain {
    animation: rotator 2.5s linear infinite;
    position: absolute;
    left: 0;
    right:0;
    margin:auto auto;
    top:0;
    bottom:0;
}
.critiquePopupBoxLoaderMain{
    position:fixed;
    display:none;
     animation: rotator 1s linear infinite;
}
.critiquePopupBox iframe{
    width:100%;
    height:100%;
    border:1px solid rgba(0, 0, 0, 0.298039);
}
.critiquePopupBoxCloseBtn{
    position: absolute;
    right: 10px;
    top: 10px;
    width: 16px;
    height: 16px;
    color: white;
    /* text-indent: -99999px; */
    cursor: pointer;
    padding: 2px;
    font-size: 16px;
    border: 1px solid transparent;
    display: block;
    text-align: center;
    line-height: 7px;
}
.critiquePopupBoxCloseBtn:hover {
    border:1px solid #fff;
}
.critiqueUs a{
    text-indent:-9999px;
    margin:0;
    background:#3bf url('https://www.rekhta.org/Content/Images/InnerPage/Exclamation_mark.png') no-repeat repeat center center;
        background-size: auto 100%;
        height:38px;
}
.critiqueUs a {

}

.seeAllContainer {
    height: 40px;
    display: block;
    line-height: 40px;
    background: #f7f7f7;
    margin-top: 30px;
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1;
    font-weight: 600;
}

.prevPoemIcon {
    width: 28px;
    height: 35px;
    display: block;
    background: url('https://www.rekhta.org/Content/Images/arrow-left.png') no-repeat;
    margin-top: 5px;
    margin-left: 15px;
}

.nextPoemIcon {
    width: 28px;
    height: 35px;
    display: block;
    background: url('https://www.rekhta.org/Content/Images/arrow-right.png') no-repeat;
    margin-top: 5px;
    margin-left: 15px;
}

.next-headtext-align {
    text-align: left;
    float: left;
    width: 100%;
}

.pre-headtext-align {
    text-align: right;
    float: right;
    width: 100%;
}


/*15jan*/
.format-preVideo {
    box-shadow: none;
    -webkit-box-shadow: none;
    margin-bottom: 0;
}

.nextscroll {
    width: calc(100% - 43px);
}

.prevscroll {
    width: calc(100% - 43px);
    text-align: right;
}

.int_Artist {
    height: 90px;
    overflow: hidden;
}

.int_artist_top h4 {
    margin-top: 0;
    border-bottom: 1px solid #dddddd;
    padding-bottom: 6px;
    text-transform: uppercase;
    text-overflow: ellipsis;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.int_artist_top p {
    float: left;
    /*text-overflow: ellipsis;*/
    /*max-height: 37px;*/
    /*overflow: hidden;*/
}

.liking_ghazal_wrap ul li a p > span {
    float: left;
    font-size: 12px;
    color: #666666;
    text-transform: uppercase;
    width: 100%;
}

/* Pravesh Added classes on 15 jan*/

.btn-grp-active {
    background: #fafafa !important;
    box-shadow: none !important;
    color: #e54555 !important;
    font-weight: bold;
    border: 1px solid #fafafa;
}


/* Pravesh Added classes on 15 jan*/
/*15jan adi*/
.avControlPoem {
    position: relative;
    top: 0;
    width: 100%;
    float: left;
    height: auto;
    height: 100%;
    display: block;
}

.Tab-Link {
    display: block;
    height: 40px;
    padding: 0 0 0 60px;
    line-height: 40px;
    background: url(https://www.rekhta.org/Content/Images/play.png) no-repeat 8px center;
    font-size: 14px;
    font-weight: 400;
}

    .Tab-Link:hover {
        color: #333;
    }

.channels li {
    display: inline-block !important;
    float: left !important;
}

.hideOnMobile {
    display: none;
}
/*18jan menu work*/
.menu_wrap_1 {
    width: 100%;
    float: left;
    min-height: 200px;
    display: block;
    height: 245px;
    background: #fcfcfc;
    color: #99000f;
    padding: 0 10px;
    display: block;
    box-sizing: border-box;
    border-bottom: 5px solid #cccccc;
    transition: opacity 0.2s ease-in-out;
    -moz-transition: opacity 0.2s ease-in-out;
    -webkit-transition: opacity 0.2s ease-in-out;
    -o-transition: opacity 0.2s ease-in-out;
}

.list_menu_wrap {
    width: 220px;
    background: #f7f7f7;
    height: 240px;
    padding: 10px 0px;
    box-sizing: border-box;
    float: left;
    border-top: 15px solid #f2f2f2;
    border-bottom: 15px solid #f2f2f2;
    display: block;
}

    .list_menu_wrap ol {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .list_menu_wrap ol li {
            margin: 0;
        }

            .list_menu_wrap ol li a {
                color: #999999;
                font-size: 14px;
                font-weight: 600;
                width: 100%;
                display: block;
                text-align: right;
                height: 30px;
                line-height: 30px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                padding-right: 37px;
                background: url(https://www.rekhta.org/Content/Images/slideArrow.png) no-repeat right 15px center;
                text-transform: uppercase;
            }

                .list_menu_wrap ol li a:hover {
                    color: #ffffff;
                    background: #e54555 url(https://www.rekhta.org/Content/Images/slideArrow-hover.png) no-repeat right 15px center;
                }

.menu_wrap_ITEM {
    width: calc(100% - 220px);
    float: left;
    padding: 15px 112px 10px 25px;
    box-sizing: border-box;
}

    .menu_wrap_ITEM > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        text-align: center;
    }

        .menu_wrap_ITEM > ul li {
            float: left;
            width: 16.6666%;
            box-sizing: border-box;
            margin: 0;
            padding: 10px;
        }

            .menu_wrap_ITEM > ul li:hover {
                background: #f6f6f6;
            }

                .menu_wrap_ITEM > ul li:hover h4 {
                    color: #666666;
                }


            .menu_wrap_ITEM > ul li img {
                border: 1px solid #ededed;
                padding: 5px;
                box-sizing: border-box;
                -webkit-box-sizing: border-box;
                -moz-box-sizing: border-box;
                background: #ffffff;
                width: 100%;
                max-height: 160px;
            }

            .menu_wrap_ITEM > ul li h4 {
                margin-bottom: 3px;
                text-transform: uppercase;
                text-overflow: ellipsis;
                max-width: 160px;
                overflow: hidden;
                font-size: 14px;
            }

            .menu_wrap_ITEM > ul li p {
                color: #333333;
            }

.k-menu .k-menu-group {
    border: none;
}
/*banner carouselnav list */
.flex-control-nav {
    width: 1440px;
    position: relative;
    bottom: 6px;
    text-align: left;
    z-index: 999;
    left: 15px;
    margin: 0 auto;
    bottom: 33px;
    float: none;
}

    .flex-control-nav li {
        margin: 0 2px;
    }

.flex-control-paging li a {
    padding-top: 2px;
    font-size: 9px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-indent: initial;
    width: 16px;
    height: 17px;
    display: inline-block;
    border-radius: 0;
    background: rgba(255,255,255,0.2);
    text-align: center;
    color: #999999;
    text-shadow: 0px 1px #333;
    border-bottom: 1px solid rgba(255,255,255,0.40);
}

    .flex-control-paging li a.flex-active {
        background: #e54555;
        color: #ffffff;
    }


/* Pravesh Added Classes */
.removeHover a:hover {
    transition: none;
    color: #333;
    background: url(https://www.rekhta.org/Content/Images/play.png) no-repeat 8px center;
}

.Tabheader a:hover {
    background: none;
    transition: none;
}

.Tabheader a {
    font-size: 15px;
}

.audioSingertext {
    min-height: 40px;
    height: auto;
    font-size: 14px;
    margin-left: -38px;
    font-weight: 500;
}

.hideTopMenuItems {
    display: none !important;
}

.showTopMenuItems {
    display: block !important;
}

div.list_menu_wrap > ol > li.selected {
    border-bottom: 1px solid /*#bf0311*/ #808080;
    background-color: #dbdbdb;
    color: #333333;
}

    div.list_menu_wrap > ol > li.selected a {
        color: #333333;
    }

        div.list_menu_wrap > ol > li.selected a:hover {
            color: #ffffff;
        }

/* Pravesh Added Classes */

/*video page youtube-----------------------------------------------------------------------*/
.you_tube_wrap {
    width: 100%;
    float: left;
    background: #f7f7f7;
    padding: 10px 15px 14px 15px;
}

.you_tube_playing {
    width: 100%;
    float: left;
    padding: 15px;
    box-shadow: 0px 1px 2px #b3b3b3;
    -webkit-box-shadow: 0px 1px 2px #b3b3b3;
    -moz-box-shadow: 0px 1px 2px #b3b3b3;
    margin-bottom: 4px;
    min-height: 115px;
    height: 115px;
    overflow: hidden;
}

    .you_tube_playing h3 {
        font-size: 22px;
        color: #cccccc;
        margin: 5px 0;
        letter-spacing: -1px;
    }

    .you_tube_playing h4 {
        font-size: 18px;
        margin: 13px 0 10px 0;
        color: #333333;
        /*word-spacing: -2px;*/
    }

    .you_tube_playing ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .you_tube_playing ul li {
            float: left;
            margin-right: 25px;
        }

            .you_tube_playing ul li p {
                color: #999999;
                margin-bottom: 0;
            }

            .you_tube_playing ul li a {
            }

.you_tube_wrap p {
    font-family: Arial, Helvetica, sans-serif;
    line-height: 20px;
}

.you_tube_video {
    width: 100%;
    float: left;
}

.yt-border {
    border-right: 1px solid #dddddd;
}

.you_tube_video p a > span {
    color: #999999;
    background: url(https://www.rekhta.org/Content/Images/drop-icon.png)no-repeat right center;
    padding: 0 10px 0 0;
}

.you_tube_video p:last-child {
    margin-top: 10px;
    margin-bottom: 0;
}

.you_tube_video iframe {
    width: 100%;
    height: 362px;
    margin-bottom: 13px;
}

.you_tube_list {
    width: 100%;
    float: left;
}

.yt-list-descrpt {
    width: 100%;
    float: left;
    min-height: 60px;
    border: 1px solid #4b4b4b;
    background: #333333;
    padding: 10px;
    box-sizing: border-box;
    box-shadow: 0px 4px 1px #cfcfcf;
    -webkit-box-shadow: 0px 4px 1px #cfcfcf;
    -moz-box-shadow: 0px 4px 1px #cfcfcf;
    margin-bottom: 2px;
}

    .yt-list-descrpt p {
        color: #999999;
        margin: 0;
    }

    .yt-list-descrpt h4 {
        color: #ffffff;
        margin: 0;
    }

.you_tube_list ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 389px;
    overflow-y: scroll;
    overflow-x: hidden;
}

    .you_tube_list ul li {
        background: #f7f7f7;
        border-bottom: 1px solid #dbdbdb;
        width: 100%;
        height: 63px;
    }

.you_tube_card {
    width: 100%;
    float: left;
    padding: 8px 10px 5px 5px;
    height: 62px;
}

    .you_tube_card:hover {
        background: #e54555;
        color: #fff;
        font-weight: bold;
    }

        .you_tube_card:hover p {
            color: #ffffff;
            font-weight: bold;
        }

            .you_tube_card:hover p span {
                color: #ffffff;
                font-weight: 100;
            }

    .you_tube_card > img {
        width: 76px;
        float: left;
        border: 2px solid #e6e6e6;
        max-height: 45px;
    }

.yt_cardDetail {
    width: calc(100% - 76px);
    float: left;
    color: #4c4c4c;
    padding-left: 10px;
}

    .yt_cardDetail > a {
        color: #4c4c4c;
    }

    .yt_cardDetail p {
        margin: 2px 0;
        padding: 0;
        line-height: 13px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .yt_cardDetail p span {
            color: #777777;
        }
/*video_carousel_wrap*/
.video_carousel_wrap {
    width: 100%;
    float: left;
    background: #ffffff;
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #f3f3f3;
}

.video_carousel_title {
    width: 100%;
    float: left;
}

    .video_carousel_title h2 {
        color: #666666;
        letter-spacing: -1px;
        padding-left: 15px;
        margin-top: 32px;
        margin-bottom: 0;
        word-spacing: -1px;
    }

.video_carousel_listWrap {
    width: 100%;
    float: left;
}

    .video_carousel_listWrap ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .video_carousel_listWrap ul li {
            width: 25%;
            float: left;
            padding: 15px;
        }

            .video_carousel_listWrap ul li:hover {
                background: #f2f2f2;
            }

.c_artist {
    width: 100%;
    float: left;
}

    .c_artist img {
        border: 2px solid #e7e7e7;
    }

    .c_artist h5 {
        line-height: 18px;
        text-transform: none;
        margin-bottom: 2px;
        font-size: 14px;
        margin-top: 6px;
    }

        .c_artist h5 a {
            font-weight: normal;
        }

            .c_artist h5 a:hover {
                color: #e54555;
            }

    .c_artist p {
        color: #666666;
        margin-top: 6px;
    }
/*End video page youtube-----------------------------------------------------------------------*/

/*27jan*/
.video_carousel_title span {
    padding-left: 15px;
}

/*SherPage-----------------------------------------------------------------------*/
.sher_wrap {
    width: 100%;
    float: left;
}

.sher_section1 {
    width: 100%;
    float: left;
    padding: 15px;
    min-height: 230px;
    text-align: center;
    background: url(https://www.rekhta.org/Content/Images/SherBase.png) no-repeat;
    background-size: cover;
    position: relative;
}

    .sher_section1 > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    .sher_section1 ul li {
        min-height: 230px;
    }

.sher_section1_inner {
    width: 100%;
    float: left;
    position: relative;
}

    .sher_section1_inner h2 {
        margin-top: 38px;
        color: #333333;
        line-height: 35px;
        font-weight: normal;
        word-spacing: -1px;
    }

    .sher_section1_inner h4 {
        margin-top: 20px;
        color: #808080;
        font-weight: normal;
    }

.S-PREV {
    position: absolute;
    top: 50%;
    z-index: 99;
    left: 30px;
    width: 17px;
    height: 36px;
    display: block;
    background: url(https://www.rekhta.org/Content/Images/ArrowLaft.png) no-repeat left top;
    margin-top: -18px;
}

.S-NEXT {
    position: absolute;
    top: 50%;
    z-index: 99;
    right: 30px;
    width: 17px;
    height: 36px;
    display: block;
    background: url(https://www.rekhta.org/Content/Images/ArrowRight.png) no-repeat left top;
    margin-top: -18px;
}

.sher_section1 ul li ul {
    padding: 0;
    list-style: none;
    width: 150px;
    text-align: center;
    position: absolute;
    left: 50%;
    margin-left: -75px;
    margin-top: 40px;
}

    .sher_section1 ul li ul li {
        float: left;
        margin: 0 10px;
    }

.sher_section2 {
    width: 100%;
    float: left;
    min-height: 325px;
    background: url(https://www.rekhta.org/Content/Images/search_sher-bg.png);
}

.sher_header {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 15px 15px 5px 15px;
}

    .sher_header h2 {
        color: #666666;
        margin-bottom: 0;
        margin-top: 15px;
        text-align: left;
    }

    .sher_header h4 {
        float: left;
        color: #808080;
        margin-top: 7px;
    }

.sher-seeAll {
    float: right;
    margin-top: 5px;
    font-size: 14px;
}

.sher_card_wrap {
    width: 100%;
    float: left;
}

    .sher_card_wrap ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        .sher_card_wrap ul li {
            float: left;
            width: 33.3333%;
            padding: 15px 10px 0px 10px;
        }

.sher_card {
    width: 100%;
    float: left;
    padding: 9px;
    border: 1px solid #ffffff;
    height: 90px;
    background: #ffffff;
    box-shadow: 1px 2px #dcdcdc;
    -webkit-box-shadow: 1px 2px #dcdcdc;
    -moz-box-shadow: 1px 2px #dcdcdc;
}

    .sher_card:hover {
        width: 100%;
        float: left;
        padding: 9px;
        border: 1px solid #ff5364;
        background: #e54555;
        height: 90px;
    }

        .sher_card:hover h4, .sher_card:hover h5 {
            color: #ffffff;
        }

        .sher_card:hover img {
            border: 2px solid #fac1bd;
            outline: none;
        }

    .sher_card h5 {
        color: #999999;
        font-size: 12px;
        margin-bottom: 5px;
    }

    .sher_card h4 {
        color: #333333;
        padding-bottom: 10px;
        margin-top: 0;
        border-bottom: 1px solid #e8e8e8;
        width: calc(100% - 81px);
        float: left;
        text-transform: uppercase;
    }

    .sher_card > img {
        width: 72px;
        height: 72px;
        float: left;
        margin-right: 9px;
        border: 2px solid #dcdad2;
    }

.sher_section3 {
    width: 100%;
    float: left;
    background: #f7f7f7;
    padding: 0 0 22px 0;
    border: 1px solid #ededed;
}

.sher_section3_inner {
    background: #f7f7f7;
    padding-bottom: 27px;
}

    .sher_section3_inner > img {
        text-align: center;
        margin: 0 auto;
        padding: 5px;
        background: #ffffff;
        box-shadow: 0px 2px 1px #e6e6e6;
        -webkit-box-shadow: 0px 2px 1px #e6e6e6;
        -moz-box-shadow: 0px 2px 1px #e6e6e6;
        margin-bottom: 20px;
        margin-top: 30px;
    }

.sher_section1 ul li ul {
    padding: 0;
    list-style: none;
    width: 300px;
    text-align: center;
    text-align: center;
}

.k-grid td, .k-grid td a {
    font-size: 16px;
    color: #333333;
}

.sher_section1 ul li ul li {
    float: left;
}

.sher_section4 {
    width: 100%;
    float: left;
    background: url(https://www.rekhta.org/Content/Images/WhatsappBase.png) no-repeat left bottom;
    padding: 15px;
    /*display:none;*/
}

.whatsapp_img_div {
    float: left;
    margin: 25px 10px 0 0;
}

.whatsapp_list_div {
    float: left;
}

    .whatsapp_list_div ul {
        margin: 30px 0 0 0;
        padding: 0;
        list-style: none;
    }

        .whatsapp_list_div ul li {
            font-size: 16px;
            margin: 5px 0;
        }

.wap-header {
    padding: 0;
    background: none;
    margin-bottom: 20px;
}

.whatsapp_contact {
    width: 100%;
    float: left;
    margin-top: 30px;
}

    .whatsapp_contact h2 {
        font-size: 51px;
        font-weight: 200;
        padding: 15px;
        border-top: 1px solid #d9d9d9;
        border-bottom: 1px solid #d9d9d9;
        color: #333333;
    }

        .whatsapp_contact h2 span {
            font-size: 28px;
            color: #999999;
        }

/* Pravesh Added Classes */
/*27jan*/
.video_carousel_title span {
    padding-left: 15px;
}

.audioThead {
    transition: none;
}
/*sher page*/
.sher_cateogary {
    height: auto;
    max-height: none;
    color: #333333;
    overflow: visible;
}

.k-menu .k-item > .sher-cat-link {
    color: #333333;
    font-size: 14px;
    text-transform: capitalize;
    font-weight: 600;
    max-height: 41px;
    display: block;
    padding: 10px 17px !important;
}

    .k-menu .k-item > .sher-cat-link:hover {
        color: #ffffff;
    }

ul.k-menu-vertical > .sher_list_item {
    border-bottom: 1px solid #f3f3f3;
    margin: 0;
    padding: 0 5px;
    border-radius: 0;
    box-sizing: border-box;
}

    ul.k-menu-vertical > .sher_list_item:hover {
        background: #e54555;
    }

/*Search page classes*/
.search-page {
    width: 100%;
    float: left;
    padding: 0;
    background: #e6e6e6;
}

.search_tab_wrap {
    width: 100%;
    float: left;
}

.tab-wrap {
    width: 100%;
    float: left;
    background: #ffffff;
    padding-bottom: 5px;
}

.tab-list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.tab-list-link {
    margin-right: 6px;
    font-size: 16px;
    color: #333333;
    background: #ffffff url(https://www.rekhta.org/Content/Images/format-link-bg.png) no-repeat 12px center;
    padding-left: 34px;
    padding-right: 21px;
    border-bottom: 4px solid #f2f2f2;
    border-left: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    height: 54px;
    display: inline-block;
    float: left;
    line-height: 50px;
    text-transform: uppercase;
    transition: all 300ms ease;
}

    .tab-list-link:hover {
        color: #ffffff;
        background: #e75564 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat 12px center;
        border-bottom: 4px solid #f2f2f2;
        border-left: 1px solid #e75463;
        border-right: 1px solid #e75463;
        height: 54px;
        display: inline-block;
        float: left;
        border-bottom: 4px solid #cc3d4b;
    }

    .tab-list-link.active {
        color: #ffffff;
        background: #e75564 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat 12px center;
        border-bottom: 4px solid #f2f2f2;
        border-left: 1px solid #e75463;
        border-right: 1px solid #e75463;
        height: 54px;
        display: inline-block;
        float: left;
        border-bottom: 4px solid #cc3d4b;
    }

.page_matches {
    width: 100%;
    float: left;
    padding: 0 0 0 0;
}

    .page_matches ul {
        margin: 1px 0 0 0;
        padding: 0;
        list-style: none;
    }

        .page_matches ul li a {
            color: #333333;
            height: 60px;
            border-bottom: 1px solid #fff;
            border-bottom: 1px solid #ffffff;
            display: block;
            padding-left: 15px;
            background: url(https://www.rekhta.org/Content/Images/format-link-bg.png) no-repeat right 30px center;
            transition: all 300ms ease;
        }

            .page_matches ul li a.active-grid {
                color: #ffffff;
                background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat right 30px center;
                border-bottom: 2px solid #b33642;
            }

            .page_matches ul li a:hover {
                color: #ffffff;
                background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat right 30px center;
                border-bottom: 2px solid #b33642;
            }

        .page_matches ul li:nth-child(odd) {
            color: #333333;
            background: #f7f7f7;
        }

    .page_matches h2 {
        padding-left: 15px;
        color: #666666;
        margin: 10px 0;
    }

    .page_matches h3 {
        margin: 0;
        padding: 0;
        padding-top: 11px;
    }

        .page_matches h3 span {
            padding: 0;
            clear: both;
            font-size: 11px;
            margin-top: -30px;
        }

    .page_matches ul li:nth-child(even) {
        color: #333333;
        height: 60px;
        border-bottom: 1px solid #fff;
        border-bottom: 1px solid #ffffff;
        background: #fcfcfc;
        display: block;
    }

.search_artist_wrap {
    width: 100%;
    float: left;
    padding: 0;
    margin-top: 20px;
    background: #e6e6e6;
    margin-bottom: 20px;
}

.search_heading {
    width: 100%;
    float: left;
    height: auto;
    border-top: 1px solid #d0d0d0;
    border-bottom: 1px solid #ededed;
    background: #fff;
}

    .search_heading h2 {
        padding-left: 15px;
        color: #666666;
        margin: 18px 0 0 0;
        float: left;
    }

    .search_heading a:hover {
        color: #e54555;
    }

.seeAll {
    float: right;
    padding-top: 20px;
    margin-right: 15px;
    font-size: 14px;
}

.search_artist {
    width: 100%;
    float: left;
    background: #fcfcfc;
    padding: 10px 0;
}

    .search_artist h3 {
        font-size: 14px;
        text-transform: uppercase;
        color: #666666;
    }

.rel_match {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .rel_match > ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

.match_item:hover {
    background: #e54555;
    color: #fff;
    border-bottom: 2px solid #b33642;
}

    .match_item:hover a {
        color: #ffffff;
    }

    .match_item:hover .second-col h5, .match_item:hover .third-col p {
        color: #ffffff;
    }

.rel_match > ul li:nth-child(odd) {
    background: #f7f7f7;
}

.rel_match > ul li:nth-child(even) {
    background: #fcfcfc;
}

.match_item {
    width: 100%;
    padding: 0 15px 0 15px;
    clear: both;
    border-bottom: 2px solid #ffffff;
}

    .match_item .first-col {
        min-height: 70px;
    }

    .match_item .second-col {
        min-height: 70px;
    }

    .match_item .third-col {
        min-height: 70px;
    }

.nazm_item {
    width: 100%;
    padding: 0 15px 0 15px;
    clear: both;
    border-bottom: 2px solid #ffffff;
}

    .nazm_item .first-col {
        min-height: 100px;
    }

        .nazm_item .first-col h4 {
            margin: 15px 0 0 0;
            font-weight: 600;
        }

        .nazm_item .first-col p {
            margin: 0;
            padding: 5px 0 0 0;
        }

    .nazm_item .second-col {
        min-height: 100px;
    }

    .nazm_item .third-col {
        min-height: 100px;
    }

    .nazm_item:hover {
        background: #e54555;
        color: #fff;
        border-bottom: 2px solid #b33642;
    }

        .nazm_item:hover a {
            color: #ffffff;
        }

        .nazm_item:hover .second-col h5, .nazm_item:hover .third-col p {
            color: #ffffff;
        }


.match_item .first-col p {
    padding-top: 13px;
    margin-bottom: 0;
    line-height: 22px;
    font-size: 14px;
    align-self: center;
}

.match_item .second-col h5 {
    color: #333333;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 70px;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.match_item .third-col p {
    margin-bottom: 0;
    font-size: 12px;
    color: #333;
    line-height: 70px;
    margin: 0;
    padding: 0;
}


.nazm_item .first-col p {
    padding-top: 5px;
    margin-bottom: 0;
    line-height: 22px;
    font-size: 14px;
    align-self: center;
}

.nazm_item .second-col h5 {
    color: #333333;
    text-transform: capitalize;
    font-size: 14px;
    line-height: 100px;
    margin: 0;
    padding: 0;
    font-weight: 500;
}

.nazm_item .third-col p {
    margin-bottom: 0;
    font-size: 11px;
    color: #333;
    line-height: 100px;
    margin: 0;
    padding: 0;
}

.dict_match {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .dict_match ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

        /*.dict_match ul li:nth-child(3n+1) {*/
        /*.dict_match ul li:nth-child(1){
            width:100% !important;
        }*/
        .dict_match ul li:nth-child(4n-3) {
            width: 50%;
            /*width:100%;*/
            background: #f7f7f7;
            float: left;
        }

        .dict_match ul li:nth-child(4n) {
            width: 50%;
            background: #f7f7f7;
            float: left;
        }
/*for full width*/
.dict-match-full {
    background: #fff;
    padding-bottom:48px;
    position:relative;
}
.meaningDetailContainer {
    height: 132px;
    overflow: hidden;
    float: left;
    /*-moz-transition: all 3s;
    -webkit-transition: all 3s;
    transition: all 3s;*/

}
.meaningSeeMore {
    position: absolute;
    bottom: 16px;
    left: calc(50% - 32px);
    color: #428bca;
    cursor: pointer;
}
.seeFullDetail .meaningDetailContainer {
    max-height: none;
}
    .dict-match-full ul {
        list-style: none;
    }

        .dict-match-full ul li {
            background: #fcfcfc;
        }

            .dict-match-full ul li:nth-child(odd) {
                background: #f7f7f7;
                border-top: 2px solid #ffffff;
                border-bottom: 2px solid #ffffff;
            }
/*for full width*/
.dict_match ul li:nth-child(odd) {
    border-right: 2px solid #ffffff;
}
.moreInfo p {
    text-align: justify;
    font-size: 14px;
    padding: 0px 8px;
}
.dict_match ul li {
    width: 50%;
    background: #fcfcfc;
    float: left;
    border-bottom: 2px solid #ffffff;
}

.dict_card {
    width: 100%;
    float: left;
    padding: 15px;
    max-height: 100px;
}

.dict_card_left {
    width: 25%;
    float: left;
}

    .dict_card_left h4 {
        margin: 0;
        font-weight: 600;
    }

    .dict_card_left h5 {
        color: #333333;
        font-weight: 500;
    }

.dict_card_right {
	width: 75%;
	float: left;
	text-align: left;
	margin-top: 20px;
}
.searchResultWord {
	min-height: 116px;
}
.dict_card:hover {
	background: #e54555;
	color: #ffffff;
	border-bottom: 2px solid #b33642;
}

    .dict_card:hover h5 {
        color: #ffffff;
    }

.e-book_match {
    width: 100%;
    float: left;
    margin-bottom: 20px;
}

    .e-book_match > ul li {
        border: none;
        padding: 0;
    }

.e-book-res {
    margin: 0 auto;
}

.bred_match {
    width: 100%;
    float: left;
    background: #ffffff; /*position:relative;*/
    padding: 30px 15px;
}

    .bred_match ul {
        margin: 0;
        padding: 0;
        list-style: none; /*position:absolute; bottom:30px;left:15px;*/
    }

        .bred_match ul li {
            float: left;
            margin: 2px;
        }

            .bred_match ul li a {
                width: 24px;
                height: 24px;
                display: block;
                background: #fefefe;
                text-align: center;
                padding-top: 3px;
                color: #666666;
                font-size: 12px;
                border-bottom: 1px solid #e7e7e7;
            }

                .bred_match ul li a:hover {
                    background: #e54555;
                    color: #ffffff;
                    border-bottom: 2px solid #b33642;
                }
/* Breadcrumb - Kendo Replacement */

#rekhtaMenu .k-link a:hover {
    color: #ffffff !important;
}
/*#rekhtaMenu .k-link:hover {background:#e54555 !important; color:#ffffff !important; border-bottom:1px solid #a80724 !important; }*/
#rekhtaMenu .k-link {
    border-width: 1px !important;
    line-height: 1.9em !important;
}

.k-pager-numbers li {
    border: 1px solid #cccccc !important;
}

#rekhtaMenu .k-state-selected {
    border: none !important;
}

    #rekhtaMenu .k-state-selected:hover {
        border: 1px !important;
    }

.k-pager-last {
    margin-left: 1px !important;
    line-height: 2em !important;
}

.k-pager-first {
    margin-right: 1px !important;
}

.k-state-disabled {
    margin-right: 1px !important;
}



.bred_match p {
    position: absolute;
    bottom: 30px;
    right: 15px;
    padding: 0;
    margin: 0;
}

.searchUlSlide li {
    text-align: center;
    padding: 5px;
}

    .searchUlSlide li img {
        padding: 6px;
        max-height: 220px;
        border: 1px solid #f3f3f3;
    }

.ebookUiSlide li {
    padding: 15px;
}

    .ebookUiSlide li img {
        padding: 6px;
        max-height: 220px;
        border: 1px solid #f3f3f3;
    }



.search_artist1 ul {
    margin: 0 0 0 0;
    padding: 0;
    list-style: none;
}

    .search_artist1 ul li {
        margin: 1%;
        float: left;
        width: 18%;
    }

        .search_artist1 ul li img {
            padding: 6px;
            border: 1px solid #f3f3f3;
            background: #ffffff;
        }

        .search_artist1 ul li a {
            color: #333333;
            opacity: 0.8;
            background: #fcf8fa;
            display: block;
            padding-bottom: 1px;
            text-align: center;
        }

            .search_artist1 ul li a:hover {
                color: #e54555;
                opacity: 1;
            }

            .search_artist1 ul li a > h3 {
                margin-top: 10px;
                font-size: 14px;
            }

                .search_artist1 ul li a > h3 span {
                    font-size: 12px;
                    font-weight: 600;
                }
/*Dictionary Page---------------------------------------------------------------------*/
.search_word_wrap {
    width: 100%;
    float: left;
    background: #f7f7f7;
    margin-bottom: 20px;
}

.search_word {
    width: 100%;
    float: left;
    padding: 15px;
}

    .search_word ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .search_word ul li {
            float: left;
            width: 23%;
            margin: 0.9%;
            display: block;
        }

            .search_word ul li a {
                display: block;
                width: 100%;
                height: 38px;
                background: #ffffff url(https://www.rekhta.org/Content/Images/slideArrow.png) no-repeat right 10px center;
                padding-left: 15px;
                line-height: 35px;
                color: #666666;
                font-size: 16px;
                border: 1px solid #ededed;
                box-shadow: 0px 2px 0px #f2f2f2;
            }

                .search_word ul li a:hover {
                    color: #ffffff;
                    background: #e54555 url(https://www.rekhta.org/Content/Images/slideArrow-hover.png) no-repeat right 10px center;
                }
/*End Dictionary Page---------------------------------------------------------------------*/
/*Poet Ebook Page---------------------------------------------------------------------*/
.poet_ebook_wrap {
    width: 100%;
    float: left;
    background: #ededed;
}

    .poet_ebook_wrap ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .poet_ebook_wrap ul li {
            width: 48.5%;
            float: left;
            margin-bottom: 15px;
        }

            .poet_ebook_wrap ul li:nth-child(odd) {
                margin-right: 1.5%;
            }

            .poet_ebook_wrap ul li:nth-child(even) {
                margin-left: 1.5%;
            }

.Ebook_card {
    width: 100%;
    float: left;
    padding: 15px;
    background: #ffffff;
}

.Ebook_card_left {
    width: 95px;
    float: left;
    margin-right: 15px;
}

    .Ebook_card_left img {
        border: 1px solid #999999;
    }

.Ebook_card_right {
    width: calc(100% - 110px);
    float: left;
    position: relative;
    min-height: 150px;
}

    .Ebook_card_right h4 {
        margin: 5px 0 7px 0;
    }

        .Ebook_card_right h4 > span {
            font-weight: normal;
            font-size: 14px;
        }

    .Ebook_card_right h5 {
        color: #999999;
    }

        .Ebook_card_right h5 > span {
            font-weight: normal;
            color: #666666;
        }

    .Ebook_card_right ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        bottom: 2px;
    }

        .Ebook_card_right ul li {
            float: none;
            width: 100%;
            margin: 4px 0 4px 0;
            font-size: 12px;
            color: #666666;
        }

            .Ebook_card_right ul li:nth-child(even) {
                margin-left: 0;
            }

            .Ebook_card_right ul li span {
                font-weight: 600;
                color: #666666;
            }

.poet_ebook_wrap ul li:hover {
    background: #d9d9d9;
}

/*End Poet Ebook Page---------------------------------------------------------------------*/

/*2feb*/
.beg-span {
    margin-top: 10px;
    padding-bottom: 10px;
    font-size: 12px;
}

.k-grid tr:hover span.first-td {
    color: #333333 !important;
}

.commentrary-resp {
    width: calc(100% - 12px);
}

.linkRows a {
    width: 100%;
    height: 35px;
    display: block;
}

    .linkRows a img {
        float: left;
    }

.p-choice {
    background: url(https://www.rekhta.org/Content/Images/popular-choice-icon.png)no-repeat center center;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.e-choice {
    background: url(https://www.rekhta.org/Content/Images/editor-choice-icon.png)no-repeat center center;
    width: 10px;
    height: 10px;
    display: inline-block;
}

.st-wrap {
    background: #ffffff;
    padding: 30px;
    font-size: 16px;
    line-height: 30px;
    border: 1px solid #e6e6e6;
}

.founder {
    width: 155px;
    height: 215px;
    float: left;
    padding: 5px;
    border: 1px solid #f3f3f3;
    margin: 0;
    margin-right: 30px;
    margin-bottom: 15px;
}
/*.rekhti_descrp{width:100%; float:left; background:#ffffff;padding:30px 15px;}
.rekhti_descrp p{font-size:16px; line-height:30px;}*/
.rekhti_descrp {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 15px 15px;
}

    .rekhti_descrp p {
        font-size: 14px;
        line-height: 30px;
        margin: 0px 0 0px;
    }

.rekhtiGridWrap {
    width: 100%;
    float: left;
}
/*3feb*/
.header-wrapper ::-webkit-input-placeholder {
    color: #ffffff;
}

.header-wrapper :-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

.header-wrapper::-moz-placeholder { /* Firefox 19+ */
    color: #ffffff;
}

.header-wrapper :-ms-input-placeholder {
    color: #ffffff;
}

.opacitychange {
    background-color: rgba(204,10,49,1) !important;
}

.revertOpacity {
    background-color: rgba(204,10,49,0.80);
}

.m-bgeffect:hover {
    color: #333333 !important;
    background: #fcfcfc !important;
    border-radius: 0;
}

    .m-bgeffect:hover span, .m-bgeffect:hover > a {
        color: #333333 !important;
    }

#moreDrop span.k-icon {
    margin: 8px -8px 0;
}

.favoriteCouplet span.inactive {
    margin-top: 0px;
    margin-left: 0px;
}

    .favoriteCouplet span.inactive:hover {
        margin-top: 0px;
        margin-left: 0px;
    }

/*sandeep raj Testing */
.favoriteCouplet span.active {
    margin-top: 0px;
    margin-left: 0px;
}

    .favoriteCouplet span.active:hover {
        margin-top: 0px;
        margin-left: 0px;
    }

/*poet _wrap*/
.PE_wrap {
    width: 100%;
    float: left;
    min-height: 100px;
    padding: 15px;
    background: #fff;
}

.PE_wrap_left {
    float: left;
    width: 90px;
    height: 90px;
    overflow: hidden;
}

.PE_wrap_right {
    float: left;
    width: calc(100% - 90px);
    padding-left: 15px;
    position: relative;
    min-height: 90px;
}

    .PE_wrap_right h4 {
        margin-top: 0;
    }

    .PE_wrap_right ul {
        margin: 0;
        padding: 0;
        list-style: none;
        position: absolute;
        bottom: 0;
    }

        .PE_wrap_right ul li {
            float: left;
            margin: 0 10px 0 0 !important;
            padding: 0;
            float: left;
            width: auto;
        }

            .PE_wrap_right ul li span {
                font-weight: bold;
            }

            .PE_wrap_right ul li:hover {
                background: none;
            }
/* Sidebar Tag  Menu ----------------------------------------------------*/

ul[id="TagMenu"] {
    margin-top: 38px;
}

    ul[id="TagMenu"] li {
        border-bottom: 1px solid #f3f3f3;
        margin: 0;
        padding: 0 5px;
        border-radius: 0;
        box-sizing: border-box;
        list-style: none;
        transition: all 0.3s ease-in-out 0s;
        -webkit-transition: all 0.3s ease-in-out 0s;
        -moz-transition: all 0.3s ease-in-out 0s;
        -o-transition: all 0.3s ease-in-out 0s;
        -ms-transition: all 0.3s ease-in-out 0s;
    }

        ul[id="TagMenu"] li ul li:hover {
            background: #e54555;
        }

            ul[id="TagMenu"] li ul li:hover a {
                color: #fff;
            }

        ul[id="TagMenu"] li a {
            color: #333333;
            font-size: 14px;
            text-transform: capitalize;
            font-weight: 600;
            max-height: 41px;
            display: block;
            padding: 10px 17px !important;
        }

.show-more-less {
    text-align: center;
}

    .show-more-less button {
        border: none;
        width: 50%;
        height: 30px;
        /*margin:0px 15px;*/
        background: #fff url(https://www.rekhta.org/Content/Images/couplet-cat-down-arrow.png) no-repeat 150px 7px;
        font-size: 13px;
        /*-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.15);
    -webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.15);
    box-shadow:0px 0px 2px rgba(0,0,0,0.15);*/
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .show-more-less button.show-less-tags {
            background: #fff url(https://www.rekhta.org/Content/Images/couplet-cat-up-arrow.png) no-repeat 150px 7px;
        }

            .show-more-less button.show-less-tags:hover {
                background: #e54555 url(https://www.rekhta.org/Content/Images/couplet-cat-up-white-arrow.png) no-repeat 150px 7px;
                color: #fff;
            }

        .show-more-less button:focus {
            outline: none;
        }

        .show-more-less button:hover {
            background: #e54555 url(https://www.rekhta.org/Content/Images/couplet-cat-below-arrow.png) no-repeat 150px 7px;
            color: #fff;
        }
/* Sidebar Couplet Category Menu ----------------------------------------------------*/

ul[id="CategoryMenu"] {
    margin-top: 38px;
}

#CategoryMenu li a span.k-icon {
    background: url(https://www.rekhta.org/Content/Images/couplet-cat-right-arrow.png) no-repeat 0px center;
    right: 10px;
    right: 1rem;
}

#CategoryMenu li:hover a span.k-icon {
    background: url(https://www.rekhta.org/Content/Images/couplet-cat-below-arrow.png) no-repeat 0px center;
    right: 10px;
    right: 1rem;
}

#CategoryMenu li ul.k-state-border-right {
    background-color: #ffffff;
}

#CategoryMenu li ul li a {
    color: #333333;
    font-size: 14px;
    text-transform: capitalize;
    max-height: 41px;
    display: block;
    font-family: 'Titillium Web', sans-serif;
    border-bottom: 1px solid #f3f3f3;
    padding: 5px 3px 7px 6px;
    font-weight: normal;
    width: 85%;
}

    #CategoryMenu li ul li a:hover {
        font-weight: normal !important;
    }
/*#CategoryMenu li ul li:hover {
    background-color: #e54555;
}

    #CategoryMenu li ul li:hover a {
        color: #ffffff;
    }*/

#CategoryMenu > li.active {
    background-color: #e54555;
}

    #CategoryMenu > li.active a span.k-icon {
        background-image: url(https://www.rekhta.org/Content/Images/couplet-cat-below-arrow.png) !important;
    }

#CategoryMenu li.active > a {
    color: #ffffff;
}

.subcatul {
    padding: 0px 15px;
}

    .subcatul h3 {
        font-weight: 600;
    }

.sher_cateogary .format-top h3 {
    font-weight: 600;
}

#CategoryMenu li ul li {
    border-radius: 0;
    width: 100%;
}

.subcathr {
    margin-top: 10px;
    margin-bottom: -10px;
}
/* Sidewbar Couplet Category Menu ----------------------------------------------------*/
/*Shayari Images*/
/*----format----*/
.shayariImagesformat {
    width: 100%;
    float: left;
    box-shadow: 0px 3px 4px #b3b3b3;
    -webkit-box-shadow: 0px 3px 4px #b3b3b3;
    -moz-box-shadow: 0px 3px 4px #b3b3b3;
    /*height: 330px;
    max-height: 330px;*/
    overflow: hidden;
    margin: 15px 0;
    position: relative;
    background: #ffffff;
}

.shayariImagesformat-top {
    width: 100%;
    float: left;
    padding-right: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.shayariImagesformat-middle {
    width: 100%;
    height: auto;
    float: left;
    padding-top: 10px;
    padding-bottom: 10px;
    /*min-height: 290px;*/
}

.shayariImagesformat-bottom {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
}





/*----format----*/

/*Shayri Images*/

#rekhtaMenu li span.k-icon.k-i-arrow-s {
    background-image: url(https://da7xgjtj801h2.cloudfront.net/2014.3.1316/styles/Flat/sprite.png);
    margin-right: -8px;
}

#rekhtaMenu li span.k-icon {
    margin: -2px 0 0;
    vertical-align: middle;
}

#rekhtaMenu li:hover span.k-icon.k-i-arrow-s {
    background-image: url(https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/Uniform/sprite.png);
}

.pause2.playing {
    color: #ffffff;
}

#CategoryMenu > li:hover > a {
    color: #ffffff;
}
/* Sidebar Couplet Category Menu ----------------------------------------------------*/


.simgh3 {
    margin: 0;
    padding: 8px 0;
    width: 100%;
    border-bottom: 1px solid #e54555;
}

.sherDescription {
    margin-top: 15px;
    text-align: center;
    overflow: hidden;
    position: relative;
    min-height: 25px;
}

    .sherDescription > a {
        color: #0b9de5;
        text-transform: uppercase;
        font-size: 12px;
        font-family: 'titillium web';
        padding-left: 15px;
        padding-right: 15px;
    }

        .sherDescription > a > img {
            margin-right: 5px;
            padding-bottom: 2px;
        }

.ebookSearchResult {
    padding: 0 15px;
    width: 100%;
    float: left;
}

input:focus {
    outline: none;
}

textarea:focus {
    outline: none;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

input:focus::-moz-placeholder {
    color: transparent;
}

input:focus:-moz-placeholder {
    color: transparent;
}

input:focus:-ms-input-placeholder {
    color: transparent;
}

input:focus:-o-input-placeholder {
    color: transparent;
}

textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

textarea:focus::-moz-placeholder {
    color: transparent;
}

textarea:focus:-moz-placeholder {
    color: transparent;
}

textarea:focus:-ms-input-placeholder {
    color: transparent;
}

textarea:focus:-o-input-placeholder {
    color: transparent;
}

.subCatContainer {
    width: auto;
    float: left;
}

.subCatCol {
    width: 100px;
    padding: 20px 10px;
}

div.banner-right-text > ul li:nth-child(odd) .favorites h5 {
    color: #00ebfc;
}

div.banner-right-text > ul li:nth-child(even) .favorites h5 {
    color: #ff8e66;
}

#moreDrop:hover span.k-icon {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2014.3.1316/styles/Flat/sprite.png');
}

ol.disableKMenu {
    list-style-type: none;
    float: left;
    box-sizing: border-box;
    padding-left: 0px;
}

li.subcatul h3 {
    color: #333333;
    font-size: 14px;
    font-family: 'Titillium Web', sans-serif;
    margin-top: 10px;
}

ol.disableKMenu > li:hover {
    background: none;
}

.subcategoryLi {
    height: 0px;
    margin-top: -4px !important;
}

a.sher-seeAll:hover {
    color: #0b9de5;
}

#imageShayariSocialdiv {
    margin-top: 10px;
}

#CategoryMenu li ul li.sher_list_item:hover a, #CategoryMenu li ul li.sher_list_item.active a {
    background: #e54555;
    color: #ffffff;
    font-weight: 600;
}

.sherSubCatList {
    padding-bottom: 30px !important;
    background: #ffffff url('https://www.rekhta.org/Content/Images/subcategory-bottom-tag.png') no-repeat bottom 15px center !important;
    border: 1px solid #cecece !important;
    box-shadow: 01px 2px #dcdcdc !important;
    -webkit-box-shadow: 0px 2px #dcdcdc !important;
    -moz-box-shadow: 0px 2px #dcdcdc !important;
}

ul.socialLinks li {
    min-height: 0px;
}

#CategoryMenu div.k-animation-container {
    margin-left: 2px !important;
}

.applyTitilliumWeb {
    font-family: 'Titillium Web', sans-serif !important;
    line-height: 34px !important;
}

.applyNotoUrdu {
    font-family: 'Jameel Noori Nastaleeq' !important;
    font-size: 24px !important;
    line-height: 33px !important;
}

.applyYog {
    font-family: 'Yog' !important;
}

.belowTextArea {
    color: darkgray;
    padding-left: 10px;
    font-size: 12px;
    position: absolute;
    top: 124px;
}

/*.innerPlaceholder {
        position: absolute;
  cursor: text;
  background: #fff;
  height: 100%;
  width: 100%;
  z-index: 0;
  }*/

/*#Message:focus ~ .innerPlaceholder > div.belowTextArea {
    display: none;
}*/

.showCoupletSubcat {
    display: block;
}

    .showCoupletSubcat li.tab.active {
        background-color: #e54555;
    }

.hidden-entity-tabs ul li a.selected {
    background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png)no-repeat 11px center;
    color: #ffffff;
}

.showDiscuss {
    float: left;
    width: 100%;
    position: relative;
    padding: 0 15px;
}

.sidemenu-block-menu li.selected {
    background-color: #e54555;
}

    .sidemenu-block-menu li.selected a {
        color: #ffffff;
        font-weight: 600;
    }
/*.fav.mid .inactive:hover
{
    margin-top:4px;
}*/
span.input-group-btn {
    z-index: 99;
}
/*.defaultBegDiv
{
   position: relative;
   height: 330px;
}*/
.liking_ghazal_wrap ul li {
    transition: background-color 0.1s ease;
    -webkit-transition: background-color 0.1s ease;
    -o-transition: background-color 0.1s ease;
    -moz-transition: background-color 0.1s ease;
    -ms-transition: background-color 0.1s ease;
    position: relative;
}

    .liking_ghazal_wrap ul li:hover a {
        background: #e54555 url(https://www.rekhta.org/Content/Images/format-link-bg-hover.png) no-repeat 15px center;
        color: #ffffff;
        font-weight: 600;
    }

    .liking_ghazal_wrap ul li:hover p, .liking_ghazal_wrap ul li:hover span {
        color: #ffffff;
        font-weight: 600;
    }

    .liking_ghazal_wrap ul li a span.inactive {
        margin-top: 8px;
    }

.liking_ghazal_wrap span.inactive:hover {
    margin-top: 20px !important;
}

#txtSearch:focus {
    background-color: #ffffff;
    color: #333333;
}

    #txtSearch:focus ~ .search_btn {
        background: url(https://www.rekhta.org/Content/Images/search-icon.png);
    }
/*.animateT20
{
   -webkit-animation-name: animationOfT20;
   -webkit-animation-duration: 0.3s;
}
@-webkit-keyframes animationOfT20
{
    from {width: 25%;height:22px;}
    to {width: 100%;height:30px;}
}*/
.Info a.small {
    color: #428bca;
}
/*aditya 04-04-2015*/
.form-search-wrap input {
    font-size: 15px;
}

iframe[id^=oauth2relay] {
    left: 0;
    bottom: 0;
}

.internal_social_wrapper ul li:last-child {
    border: none;
    display: none;
}

.Toggler span.k-icon.k-i-arrow-s, .Toggler span.k-icon.k-i-arrow-n {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2014.3.1119/styles/Flat/sprite.png') !important;
}

/* Meaning Box popup */
.newpop_up * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #333333;
}
/*.newpop_up{max-width:660px;width:90%;margin:0 auto;padding:15px;background:rgba(0,0,0,0.2);float:left;font-family: 'Titillium Web', sans-serif;}*/
.newpop_up {
    max-width: 660px;
    width: 100%;
    margin: -1px;
    padding: 0px;
    background: rgba(0,0,0,0.2);
    float: left;
    font-family: 'Titillium Web', sans-serif;
}

.popInner {
    width: 100%;
    float: left;
    background: #ffffff;
    padding: 2px;
}

.popbody {
    width: 100%;
    float: left;
    padding: 10px 0 10px 0;
}

.popheader {
    width: 100%;
    float: left;
    padding: 5px 15px;
    background: #e54555;
    min-height: 32px;
}

    .popheader h4 {
        color: #ffffff;
        font-size: 14px;
        font-weight: 600;
    }

        .popheader h4 span {
            float: right;
        }

.popfooter {
    width: 100%;
    float: left;
    padding: 5px 15px;
    color: #4c4c4c;
    background: #fcfcfc;
    text-align: center;
    min-height: 34px;
    border-top: 1px solid #dbdbdb;
}

    .popfooter a {
        font-size: 12px;
        color: #4c4c4c;
        margin: 0;
        color: #4c4c4c;
        line-height: 34px;
    }

.popcontent-l {
    width: 35%;
    float: left;
    padding: 15px;
}

    .popcontent-l p {
        font-size: 14px;
        margin: 0 0 14px 0;
    }

    .popcontent-l div {
        font-size: 14px;
        margin: 0 0 14px 0;
    }

.popcontent-r {
    width: 65%;
    float: left;
    border-left: 1px solid #dbdbdb;
    padding: 15px;
}

    .popcontent-r p {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 4px 0 10px 0;
    }

        .popcontent-r p span {
            display: block;
            color: #cccccc;
            padding-bottom: 5px;
        }

    .popcontent-r div {
        font-size: 12px;
        font-family: Arial, Helvetica, sans-serif;
        margin: 4px 0 10px 0;
    }

        .popcontent-r div span {
            display: block;
            color: #cccccc;
            padding-bottom: 5px;
        }

.TextWrapper {
    height: 37px;
    overflow: hidden;
    width: 100%;
}

    .TextWrapper p {
        margin: 0;
    }

.InlineTextEllipsis {
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.TextWrapper1 {
    height: 55px;
    overflow: hidden;
    width: 100%;
}

    .TextWrapper1 p {
        margin: 0;
    }

.coupletByTopic:hover {
    color: beige;
}

.userOptionsTip {
    background-color: #ffffff;
    list-style: none;
    text-align: left;
    margin-bottom: 0px;
}

    .userOptionsTip li a {
        font-weight: normal;
        font-family: 'Titillium Web', sans-serif;
        padding: 3px 0px;
        margin-left: 5px;
    }

    .userOptionsTip li:hover {
        background-color: #e54555;
    }

        .userOptionsTip li:hover a {
            color: #ffffff !important;
            font-weight: 600;
        }

/*.flexibleMenuHeaderContainer
{
    height:48px;
    position: relative;
}
.flexibleMenuHeader
{
    height:48px;
    padding-right:92px;
    top:0;
}*/
.SubHeadingFontSize {
    font-size: 18px;
}

.manageMenu {
    overflow: hidden;
}

.moreMenuDivCustom {
    left: 0 !important;
    max-width: 150px !important;
}

#more ul li a {
    color: #333333 !important;
    padding: 8px 10px;
    display: inline-block;
    width: 100%;
    font-size: 16px;
}

#more div.k-animation-container, #more ul.k-menu-group {
    max-width: 150px !important;
    height: auto !important;
}

#more ul li:hover a {
    color: #ffffff !important;
}

#more ul li:hover {
    background-color: #e54555;
}

.m-new-btnWrapper a {
    background-color: #a81432;
}

.active1 {
    display: block !important;
    width: 100%;
}

.inactive1 {
    display: none !important;
}

#txtSearchMob:focus {
    color: #333333;
}

#txtSearchMob {
    margin-top: 5px;
    height: 45px;
    background-color: #ffffff;
    border-bottom: 1px solid rgba(204, 10, 49, 1);
    position: absolute;
    left: 0px;
    color: #333;
}

    #txtSearchMob + .search_btn {
        background: url(https://www.rekhta.org/Content/Images/search-icon.png) no-repeat top 7px center;
        height: 30px;
    }

#moreDrop span.k-icon.k-i-arrow-s {
    background-image: url('https://da7xgjtj801h2.cloudfront.net/2014.3.1316/styles/Flat/sprite.png');
}

.logged-in:hover {
    cursor: pointer;
}
/* Class for Sign-In Pop-Up */
.signInWrapper {
    float: left;
    width: 100%;
    max-width: 430px;
    background: #fafafa;
}

.signHead {
    float: left;
    width: 100%;
    height: 100px;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0 0 5px #cccccc;
    background: #ffffff;
    box-sizing: border-box;
    padding: 21px 20px 20px 20px;
}

    .signHead h1 {
        font-size: 1.8em;
        color: #333333;
        text-transform: uppercase;
        width: 100%;
        float: left;
        margin: 8px 0 14px 0;
    }

        .signHead h1 span {
            font-size: 11px;
            color: #666666;
            text-transform: none;
            text-decoration: none;
            margin-left: 14px;
        }

        .signHead h1 a {
            font-size: 11px;
            color: #0b9de5;
            text-transform: uppercase;
            text-decoration: none;
        }

            .signHead h1 a:hover {
                text-decoration: underline;
            }

    .signHead p {
        font-size: 1.1em;
        color: #666666;
        width: 100%;
        float: left;
        margin-bottom: 6%;
        box-sizing: border-box;
    }

        .signHead p label {
            font-size: 0.9em;
            background: url(https://www.rekhta.org/Content/Images/icon-info-tray.png) no-repeat right;
            color: #b2b2b2;
            padding-right: 14px;
            float: right;
            font-weight: normal;
        }

.popSignIn {
    float: left;
    width: 100%;
    padding: 15px 15px 0 15px;
    box-sizing: border-box;
}

    .popSignIn ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        position: relative;
    }

    .popSignIn li {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

.txtbox {
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid #a1a1a1;
    background: #fafafa;
    color: #747474;
    padding: 4px 0 4px 6px;
    font-size: 14px;
    margin-top: 11px;
    box-sizing: border-box;
}

.password {
    float: left;
    width: 100%;
    border: none;
    border-bottom: 1px solid #a1a1a1;
    background: #fafafa;
    color: #747474;
    padding: 15px 6px;
    font-size: 14px;
}

.signBtn {
    height: 50px;
    width: 100%;
    color: #ffffff;
    margin-top: 30px;
    background: #e54555 url(https://www.rekhta.org/Content/Images/pop-up-btn-bg.png) repeat-x;
    border: none;
    text-shadow: 1px 1px 0 #b23642;
    text-transform: uppercase;
    font-size: 16px;
    outline: none;
}

.ortxt {
    text-align: center;
    font-size: 27px;
    color: #cccccc;
    font-weight: 100;
    padding-top: 0px !important;
    padding-bottom: 7px !important;
    margin-top: 6px;
}

.fbBtn {
    height: 50px;
    width: 100%;
    padding-left: 48px;
    box-sizing: border-box;
    color: #ffffff;
    background: #4668b3 url(https://www.rekhta.org/Content/Images/fb-btn-bg.png) no-repeat left;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
}

.gpBtn {
    height: 50px;
    width: 100%;
    padding-left: 48px;
    box-sizing: border-box;
    color: #ffffff;
    background: #f75640 url(https://www.rekhta.org/Content/Images/google-plus-btn.png) no-repeat left;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
}

.twBtn {
    height: 50px;
    width: 100%;
    padding-left: 48px;
    box-sizing: border-box;
    color: #ffffff;
    background: #66bdff url(https://www.rekhta.org/Content/Images/twitter-btn.png) no-repeat left;
    border: none;
    text-transform: uppercase;
    font-size: 14px;
    outline: none;
}

.popError {
    color: #e54555;
    background: url(https://www.rekhta.org/Content/Images/pop-error.png) no-repeat left;
    padding-left: 19px !important;
    margin: 7px 0 !important;
}

#socialLoginList {
    padding: 0 15px;
}

.popError#valMessage {
    position: absolute;
    top: 80px;
}

.popError#valMessage1 {
    position: absolute;
    top: 200px;
}

.top-s-para {
    position: relative;
    top: -12px;
    margin: 0;
    font-size: 15px;
}

.s-errorMargin {
    margin-top: 30px !important;
}
/* Class for Sign-Up Pop-Up */
.signUpWrapper {
    float: left;
    width: 100%;
    max-width: 792px;
    background: #fafafa;
    overflow: hidden;
    position: relative;
    min-height: 530px;
    height: 530px;
}

.popSignUp {
    float: left;
    width: 64%;
    margin: 15px 0;
    padding: 0 15px;
    box-sizing: border-box;
}

    .popSignUp ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
        position: relative;
    }

    .popSignUp li {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

        .popSignUp li .txtbox {
            float: left;
            width: 100%;
            border: none;
            border-bottom: 1px solid #a1a1a1;
            background: #fafafa;
            color: #747474;
            padding: 10px 6px 4px 6px;
            font-size: 14px;
            text-transform: uppercase;
            margin-top: 7px;
        }

        .popSignUp li .txtbox1 {
            float: left;
            width: 100%;
            border: none;
            border-bottom: 1px solid #a1a1a1;
            background: #fafafa;
            color: #747474;
            padding: 10px 6px 4px 6px;
            font-size: 14px;
            text-transform: lowercase;
            margin-top: 4px;
        }

            .popSignUp li .txtbox1::-webkit-input-placeholder {
                text-transform: uppercase;
            }

            .popSignUp li .txtbox1::-moz-input-placeholder {
                text-transform: uppercase;
            }

            .popSignUp li .txtbox1::-ms-input-placeholder {
                text-transform: uppercase;
            }



        .popSignUp li .ddCity {
            float: left;
            width: 34%;
            border: none;
            border-bottom: 1px solid #a1a1a1;
            background: #fafafa;
            color: #747474;
            padding: 8px 6px;
            font-size: 14px;
            text-transform: uppercase;
            margin-right: 12px;
        }

        .popSignUp li .ddCountry {
            float: left;
            width: 63%;
            border: none;
            border-bottom: 1px solid #a1a1a1;
            background: #fafafa;
            color: #747474;
            padding: 8px 6px;
            font-size: 14px;
            text-transform: uppercase;
        }

    .popSignUp .signBtn {
        height: 50px;
        width: 100%;
        color: #ffffff;
        background: #e54555 url(https://www.rekhta.org/Content/Images/pop-up-btn-bg.png) repeat-x;
        border: none;
        text-shadow: 1px 1px 0 #b23642;
        text-transform: uppercase;
        font-size: 16px;
        outline: none;
        margin-bottom: 0 !important;
    }
/*.popSignUp li .password{float:left; width:100%; border:none; border-bottom:1px solid #a1a1a1; background:#fafafa; color:#747474; padding:8px 6px; font-size:14px;}
.popSignUp li .password::-webkit-input-placeholder::after{content:"must contain at least 6 characters"; text-align:right;}*/
.othersignUp {
    float: left;
    width: 36%;
    margin: 77px 0 26px 0;
    padding: 0 10px 0 13px;
    box-sizing: border-box;
    border-left: 1px solid #e8e8e8;
}

    .othersignUp ul {
        float: left;
        margin: 0;
        padding: 0;
        list-style: none;
        width: 100%;
    }

    .othersignUp li {
        float: left;
        margin: 0;
        padding: 0 0;
        list-style: none;
        width: 100%;
    }

    .othersignUp .ortxt {
        text-align: left;
        font-size: 2.2em;
        color: #cccccc;
        font-weight: normal;
    }

.height {
    height: 52px;
    line-height: 52px;
}

.terms {
    position: absolute;
    bottom: 13px;
    right: -13px;
    text-align: right;
    padding: 0 26px;
}

    .terms a {
        color: #0b9de5;
        padding-left: 12px;
    }
/*aditya*/
.popSignUp * {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.popSignUp li .c-txtbox {
    float: right;
    width: 69%;
    border: none;
    border-bottom: 1px solid #a1a1a1;
    background: #fafafa;
    color: #747474;
    padding: 12px 6px 4px 6px !important;
    font-size: 14px;
    text-transform: uppercase;
    margin-top: -8px;
}

.popSignUp ul li input#registerButton {
    height: 49px;
    width: 100%;
    margin-top: 0;
}

.othersignUp ul li:last-child {
    margin-top: 10px;
}

.closePopup {
    position: absolute;
    top: 47px;
    right: 26px;
}

/* Class for Critique Pop-Up */
.critiqueWrapper {
    float: left;
    width: 100%;
    max-width: 490px;
    background: #fafafa;
}

.critiqueHead {
    float: left;
    width: 100%;
    color: #ffffff;
    height: 100px;
    border-bottom: 1px solid #dcdcdc;
    box-shadow: 0 0 5px #cccccc;
    background: #e54555;
    box-sizing: border-box;
    padding: 20px;
}

    .critiqueHead h1 {
        font-size: 1.8em;
        color: #ffffff;
        text-transform: uppercase;
        width: 100%;
        float: left;
        margin: 8px 0 14px 0;
    }

    .critiqueHead p {
        font-size: 1.1em;
        width: 100%;
        float: left;
        margin-bottom: 6%;
        box-sizing: border-box;
    }

.submitBtn {
    height: 50px;
    width: 100%;
    color: #ffffff;
    background: #e54555 url(https://www.rekhta.org/Content/Images/pop-up-btn-bg.png) repeat-x;
    border: none;
    text-shadow: 1px 1px 0 #b23642;
    text-transform: uppercase;
    font-size: 16px;
    outline: none;
}

.txtarea {
    float: left;
    width: 100%;
    height: 150px;
    resize: none;
    border: none;
    border-bottom: 1px solid #a1a1a1;
    background: #ffffff;
    color: #747474;
    padding: 8px 6px;
    font-size: 14px;
    margin: 20px 0 10px 0;
}

#kwindow2, #kwindow1 {
    padding: 0 !important;
}

.float_con {
    float: left;
    padding-right: 30px;
}


/*@media (min-width: 300px) and (max-width: 688px) {
.popSignUp{width:100%; float:left;}	
.othersignUp{width:100%; float:left; margin-top:26px;}
.signHead{height:auto;}
.othersignUp .ortxt{text-align:center; font-size:2.2em; color:#cccccc; font-weight:normal;}
}*/
.selectShayariPoet {
    font-family: 'Titillium Web', sans-serif;
    font-weight: 600;
    font-size: 18px;
}

#rekhtaMenu > li > a {
    font-size: 16px;
    text-transform: uppercase;
    padding: 4px 15px 4px 15px !important;
    color: #fff;
    font-weight: 300;
    border-width: 1px !important;
    line-height: 1.9em !important;
}

#rekhtaMenu > li {
    float: left;
    position: relative;
    height: 36px;
    overflow: hidden;
    padding-top: 3px;
}

#rekhtaMenu {
    list-style-type: none;
    list-style: none;
    margin-bottom: 0;
    padding-top: 5px;
    float: left;
    height: 42px;
    margin-left: 5px;
}

.basicDiv {
    top: 36px;
    text-align: center;
    height: 250px;
    background-color: #ffffff;
    position: absolute;
    border-bottom: 3px solid #333333;
    transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    z-index: 99;
    overflow: hidden;
    opacity: 0;
    /*width: 100vw;
	position: relative;
	left: calc(-50vw + 50%);*/
}

.grayDiv {
    background-color: grey;
    position: relative;
    /* padding: 0; */
    height: 100%;
    width: 100%;
    max-height: 200px;
    max-width: 200px;
}

.BeforeImage {
    border: 2px solid white;
    position: absolute;
    background-color: #cecece;
    height: 150px;
    max-width: 200px;
    float: left;
    z-index: 1;
    opacity: 1;
    width: 100%;
    transition: opacity 0.5s ease-in-out;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
}

.actualImg {
    z-index: 0;
    width: 100%;
    max-height: 200px;
    max-width: 200px;
    height: 100%;
    min-width: 60px;
    min-height: 60px;
}

li.disableHover a {
    background-image: none !important;
}

.moreUlDiv {
    width: 170px;
    margin: 0;
    position: absolute;
    left: 0px;
    top: 36px;
    background-color: #fff;
}

#more > a {
    padding: 4px 10px 4px 14px !important;
}

.spinner {
    margin: 100px auto 0;
    width: 96px;
    height: 32px;
    text-align: center;
    border-radius: 16px;
    background-color: rgba(0,0,0,0.7);
    padding: 3px 0px;
}

    .spinner > div {
        width: 7px;
        height: 7px;
        background-color: #fff;
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
        animation: bouncedelay 1.4s infinite ease-in-out;
        /* Prevent first frame from flickering when animation starts */
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
    }

.entity-social-details {
    float: left;
    margin-right: 20px;
}

    .entity-social-details ul {
        background: #fff;
        padding: 0;
    }

        .entity-social-details ul li {
            padding: 5px 10px;
            background: #fff;
            width: 100%;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
        }

            .entity-social-details ul li a {
                letter-spacing: 1px;
                font-weight: 600;
            }

.profileLinks {
    display: inline;
    margin-left: 5px;
}

    .profileLinks a {
        text-indent: 100%;
        white-space: nowrap;
        overflow: hidden;
        width: 25px;
        height: 25px;
        display: inline-block;
        margin: 0px 5px;
    }

#moreLinkPopUp {
    border: 0 !important;
    background-color: rgba(255, 255, 255, 0) !important;
    top: 16px;
    padding-top: 10px;
    left: 3px;
}

    #moreLinkPopUp:before {
        content: "";
        width: 0;
        position: absolute;
        top: 0px;
        right: 170px;
        height: 0;
        border-style: solid;
        border-width: 0 10px 10px 10px;
        border-color: transparent transparent rgba(255, 255, 255, 1) transparent;
    }

#entity-more-webLink {
    top: -8px;
}

.weblink-entity {
    background: url(https://www.rekhta.org/Content/Images/link.png)no-repeat;
    background-size: 90%;
    background-position: 0;
    width: 25px;
    height: 25px;
    display: inline-block;
    text-indent: -100%;
    position: relative;
    top: 0px;
}

.wiki-link-entity {
    background: url(https://www.rekhta.org/Content/Images/wikipedia_icon.png)no-repeat;
    background-size: 100%;
}

.fb-link-entity {
    background: url(https://www.rekhta.org/Content/Images/fb-footer.png)no-repeat;
    background-size: 100%;
}

.tw-link-entity {
    background: url(https://www.rekhta.org/Content/Images/tw-footer.png)no-repeat;
    background-size: 100%;
}

.socialLinkEntity {
    color: #353535;
    font-size: 12px;
}

.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

.myfavgrid {
    line-height: 45px;
}

.heightExtraGrid {
    line-height: normal !important;
    height: 52px;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0);
    }

    40% {
        -webkit-transform: scale(1.0);
    }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.loadingProgressGf {
    width: 100%;
    height: 4px;
    overflow: hidden;
    background-color: #ffffff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    bottom: 0;
    position: absolute;
}

.loadingProgressG {
    background-color: #e54555;
    margin-top: 0;
    margin-left: -200px;
    -moz-animation-name: bounce_loadingProgressG;
    -moz-animation-duration: 4s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -webkit-animation-name: bounce_loadingProgressG;
    -webkit-animation-duration: 4s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -ms-animation-name: bounce_loadingProgressG;
    -ms-animation-duration: 4s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
    -o-animation-name: bounce_loadingProgressG;
    -o-animation-duration: 4s;
    -o-animation-iteration-count: infinite;
    -o-animation-timing-function: linear;
    animation-name: bounce_loadingProgressG;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    width: 100%;
    height: 4px;
}

@-moz-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -95%;
    }

    100% {
        margin-left: 95%;
    }
}

@-webkit-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -95%;
    }

    100% {
        margin-left: 95%;
    }
}

/*@-ms-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -95%;
    }

    100% {
        margin-left: 95%;
    }
}*/

@-o-keyframes bounce_loadingProgressG {
    0% {
        margin-left: -95%;
    }

    100% {
        margin-left: 95%;
    }
}

@keyframes bounce_loadingProgressG {
    0% {
        margin-left: -95%;
    }

    100% {
        margin-left: 95%;
    }
}

.checkboxFive {
    width: 25px;
    position: relative;
}

    .checkboxFive label {
        cursor: pointer;
        position: absolute;
        width: 16px;
        height: 16px;
        top: 1px;
        left: 0;
        background: #E54555;
        border-radius: 2px;
        -webkit-border-radius: 2px;
        -o-border-radius: 2px;
    }

.unselect_box {
    cursor: pointer;
    width: 16px;
    height: 16px;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    position: relative;
    top: 3px;
}

.checkboxFive label:after {
    opacity: 0.2;
    content: '';
    position: absolute;
    width: 8px;
    height: 3px;
    background: transparent;
    top: 4px;
    left: 3px;
    border: 2px solid #FFF2F2;
    border-top: none;
    border-right: none;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
/**
 * Create the hover event of the tick
 */
.checkboxFive label:hover::after {
    opacity: 0.5;
}

/**
 * Create the checkbox state for the tick
 */
.checkboxFive input[type=checkbox]:checked + label:after {
    opacity: 1;
}


.top-input + .tooltip > .tooltip-inner {
    background-color: #ffffff;
    color: #666666;
    border: 1px solid #e4e4e4;
    border-radius: 3px;
    z-index: 9999;
}

.top-input + .tooltip > .tooltip-arrow {
    display: none;
}

.showAllafterComp {
    visibility: hidden;
}
/*Added by Kanika for logout on Home Page*/
.LogoutDiv {
    display: none;
    background: #fff;
    position: absolute;
    top: 88px;
    padding: 4px;
    z-index: 99999;
    height: 78px;
    right: 16px;
    width: 185px;
    text-align: center;
    border-radius: 4px;
    -moz-box-shadow: 0px 0px 5px #ccc;
    -webkit-box-shadow: 0px 0px 5px #ccc;
    box-shadow: 0px 0px 5px #ccc;
}

    .LogoutDiv a {
        display: block;
        color: #4c4c4c;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
    }

        .LogoutDiv a:hover, .LogoutDiv a:focus {
            color: #fff;
            background: #e54555;
        }

.mob-pic-top .LogoutDiv {
    top: 125px;
}

/* Css Added for new meaning box of poems*/

.MeaningBoxWrap {
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    float: left; /*max-width:480px;*/
    padding: 20px;
    padding-left: 0;
    background: #ffffff;
    color: #262626;
    direction: ltr;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    right: -20px;
}

    .MeaningBoxWrap .crossLink {
        right: 20px;
        top: 30px;
    }

.MeaningTopArea {
    width: 100%;
    float: left;
}

    .MeaningTopArea > h3 {
        font-family: 'Merriweather', serif;
        font-weight: 300;
        font-style: italic;
        font-size: 24px;
        letter-spacing: -0.25px;
        color: #262626;
        margin-top: 0;
    }

ul.langAreaList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    ul.langAreaList > li {
        float: left;
        font-family: 'Noto Sans Devanagari', sans-serif;
        font-size: 16px;
    }

        ul.langAreaList > li span {
            font-size: 25px;
            line-height: 12px;
            margin: 0 10px;
            color: #b3b3b3;
        }

ul.DescrptAreaList {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: decimal;
    list-style-position: inside;
    font-family: Lato;
    margin-top: 10px;
}

    ul.DescrptAreaList > li {
        font-family: Lato;
        font-size: 14px;
    }

ul.langAreaList > li:last-child {
    font-family: 'Noto Nastaliq Urdu Draft', serif;
    font-size: 16px;
    line-height: normal;
    position: relative;
    top: -15px;
}

.MeaningBottomArea {
    width: 100%;
    float: left;
    border-top: 1px solid #f3f3f3;
    padding-top: 15px;
    margin-top: 30px;
}

.BlueColorLink {
    font-family: Lato;
    color: #33bbff;
    font-size: 11px;
    text-decoration: none;
    cursor: pointer;
}

    .BlueColorLink:hover {
        text-decoration: underline;
        color: #33bbff;
    }

.crossLink {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
    display: block;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

    .crossLink span {
        position: absolute;
        left: 0;
        right: 0;
        text-align: center;
        line-height: 20px;
        color: #b5b5b5;
    }

.leftAngle {
    transform: rotate(45deg);
}

.rightAngle {
    transform: rotate(-45deg);
    margin-left: 2px !important;
    margin-left: 2px;
    margin-top: 0px;
}




/* Code for right block for british library link*/

.helpWanted {
    width: 308px;
    height: 85px;
    position: fixed;
    right: 0;
    top: 238px;
    padding: 15px 30px 15px 54px;
    background: #f5f5f5;
    cursor: pointer;
    z-index: 999;
}

.helpWanted, .helpWantedWrap {
    box-sizing: border-box;
    -o-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

.logo-bl {
    position: absolute;
    left: 0;
    top: 0;
    width: 44px;
    height: 85px;
    background: url(https://www.rekhta.org/Content/Images/bl-logo.png) no-repeat left top;
    background-size: 100% 100%;
}

.help-body h3 {
    font-family: "Titillium Web",sans-serif;
    font-size: 16px;
    color: #262626;
    line-height: 1;
    margin-bottom: 6px;
    margin-top: 0;
    text-transform: uppercase;
    font-weight: 600;
}

.help-body p {
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    color: #4c4c4c;
    font-size: 11px;
    line-height: 18px;
}

    .help-body p a {
        color: #00aaff;
        text-decoration: underline !important;
    }

.helpWantedWrapOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 99999999;
    display: none;
}

.helpWantedWrap {
    width: 722px;
    padding: 0 30px;
    border-radius: 4px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    z-index: 99999999;
    background: #fff;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0px 0 12px -5px rgba(0, 0, 0, 0.7);
}

.helpWantedSectionHeader h2 {
    font-family: "Titillium Web",sans-serif;
    font-size: 32px;
    color: #262626;
    line-height: 1;
    margin: 0;
    padding-bottom: 14px;
    padding-top: 50px;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -0.5px;
}

.helpWantedSectionHeader h2 {
    font-family: "Titillium Web",sans-serif;
    font-size: 32px;
    color: #262626;
    line-height: 1;
    margin: 0;
    padding-bottom: 8px;
    padding-top: 43px;
    overflow: hidden;
    border-bottom: 1px solid #d9d9d9;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: -0.5px;
    margin-right: 0;
}

.blLogo {
    float: left;
    margin-right: 15px;
}

.helpWantedSectionBody {
    padding: 26px 0;
}

    .helpWantedSectionBody p {
        font-size: 16px;
        color: #4c4c4c;
        font-family: "Titillium Web",sans-serif;
        font-weight: 300;
        line-height: 32px;
        margin-bottom: 10px;
    }

        .helpWantedSectionBody p strong {
            font-weight: 400;
        }

    .helpWantedSectionBody h3 {
        margin: 28px 0 26px;
        color: #33bbff;
        text-transform: uppercase;
        font-family: "Titillium Web",sans-serif;
        font-weight: 400;
        letter-spacing: -0.25px;
    }

.help-simple {
    font-size: 16px;
    color: #000000;
    font-family: "Titillium Web",sans-serif;
    font-weight: 600;
    line-height: 1;
    margin-bottom: 34px;
}

.helpWantedSectionBody ol {
    padding-left: 15px;
}

.helpWantedSectionBody li {
    font-size: 16px;
    color: #4c4c4c;
    font-weight: 300;
    font-family: "Titillium Web",sans-serif;
    margin-bottom: 22px;
    line-height: 1.2;
}

    .helpWantedSectionBody li strong {
        font-weight: 600;
    }

    .helpWantedSectionBody li span {
        font-weight: 400;
        text-decoration: underline;
    }

    .helpWantedSectionBody li a {
        color: #00aaff;
        text-decoration: underline !important;
        font-weight: 400;
    }

.blCloseBtn {
    background: url(https://www.rekhta.org/Content/Images/blremove.png) no-repeat left center;
    display: block;
    position: absolute;
    right: 10px;
    top: 10px;
    height: 24px;
    width: 24px;
    background-size: 100% 100%;
    cursor: pointer;
}
/* Code for right block for british library link*/
.wtsap-error {
    height: auto !important;
    width: 100% !important;
    margin-top: 10px !important;
}

.submitCritique {
    margin-top: 15px;
}

.popup_table h2 {
    margin-top: 7px;
}

.pop-heading {
    padding-left: 13px;
    margin-bottom: 15px;
}

.rememberme {
    margin-top: 10px;
    width: 102px;
    float: right;
}

    .rememberme input[type="checkbox"] {
        float: left;
        margin-top: 2px;
    }

.mob-pic-top {
    background: url(https://world.rekhta.org/Images/User/UserHeaderImage/4.jpg)no-repeat;
    background-position: 25% 0px !important;
}
@media (max-width:1024px) {
    .btnfav{
        top:20px;
    }
}
@media (max-width:768px) {

    div.k-window {
        width: 80% !important;
        left: 10% !important;
        height: 500px !important;
    }

    .showMenuDiv ul {
        padding: 0px 15px;
    }

    .LogoutDiv {
        width: 60%;
        right: 20% !important;
    }

    .manageContentFormate.haveIcons {
        padding-bottom: 28px;
    }

    .shayari_first h1{
        position:relative;
    }
    .shayari_link{
        /*position: absolute;*/
        right: 0;
        z-index: 9;
        top: 50px;
    }

}

    .internal_social_wrapper ul li:nth-child(4){
        display:none;
    }

@media (max-width:480px) {
    .fav .inactive {
        margin-top: 35px;
    }

    .todaysSpecialbox {
        height: 427px !important;
        max-height: 427px !important;
    }

        .todaysSpecialbox .featured-top a {
            position: absolute;
            bottom: 7%;
            right: 3%;
        }

    div.k-window {
        top: 107% !important;
        height: 580px !important;
    }

    .rememberme {
        position: absolute;
        left: 30px;
    }

    .meaning-popup-button button {
        position: absolute;
        right: 30px;
    }

    .next-headtext {
        font-size: 11px !important;
    }

    .next-textdiv {
        font-size: 12px;
    }

    .content_wrap_bottom {
        padding-bottom: 30px;
    }
    .poemSpinner{
            top: 180px !important;
    }
    .shayari_link.toggleContent small{
        font-size:15px;
    }
    .toggleContent i{
        width: 36px;
        height: 14px;
    }
    .toggleContent i::after{
        width: 22px;
        height: 22px;
    }
    .shayari_link.toggleContent{
        width:93px;
        padding: 4px 0;
        z-index:9;
        margin-top:0;
    }
    .shayari_first h1{
        margin-top:0px;
        max-width: calc(100% - 150px);
    }
    .top-header{
        display:none;
    }
    .gazal-in{
        padding-bottom:60px;
    }
    .btnfav {
        top: 12px;
    }

    


    /* changes by tanveer on 10/14/16 */
    .footer-wrapper{
        padding-bottom:34px;
    }
    .shayari_second{
        /*position: fixed;
        bottom: 0;
        padding: 4px;
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        text-align: center;
        z-index: 9;
        box-shadow: 0px 0px 5px #ccc;*/
    }
    
    .internal_social_wrapper, .internal_social_wrapper ul{
        float:none !important;
        top:0;
    }
    .internal_social_wrapper{
         position: fixed;
        bottom: 0;
        width: 100%;
        background: rgba(255, 255, 255, 0.9);
        text-align: center;
        z-index: 99999;
        box-shadow: 0px 0px 5px #ccc;
        height:36px;
        top:auto;
        left:0;
        width:100% !important;
        padding:0px;
        box-sizing:border-box;
    }
    .internal_social_wrapper ul li a{
        border-radius:0;
    }
    .shayari_second ul li {
        margin-top: 0px !important;
    width: 20%;
    border-bottom: 0px;
    margin: 0;
    }
    .shayari_second ul li a{
        display:block;
        width:100%;
        height:36px;
        padding:5px 0px;
    }
    .shayari_second ul li a img{
        height:16px;
    }
    .internal_social_wrapper ul li:nth-child(4){
        display:block;
    }
    .internal_social_wrapper ul li:nth-child(1) a{
        background: #3b5998;
    }
    .internal_social_wrapper ul li:nth-child(2) a{
        background: #55acee;
    }
    .internal_social_wrapper ul li:nth-child(3) a{
        background: #dc4e41;
    }
    .internal_social_wrapper ul li:nth-child(4) a{
        background: #25d366;
    }
    .internal_social_wrapper ul li:last-child{
        top:10px;
    }
    .video_play,.audio_play,.trans,.comm{
        text-indent:-99999px;
        margin-bottom:10px;
    }
    #shareCount img{
        position: relative;
        left: 0;
    }
    .int_share p{
        width:48px;
        margin:0;
    }
    .shayari_second ul li:hover {
        border-bottom: 0px;
    }
    .AudioPlayer{
        bottom: -52px;
    }
    .shayari_second > ul{
        text-align:center;
    }
    .shayari_second > ul li{
        width: 46px;
    display: inline-block;
    margin: 0 5px;
    float: none;
    }
}


/*=====================================================rekhta inner page=========================================================*/
.newInnerWrap {
    width: 100%;
    float: left;
}

.paddingControl {
    padding-left: 97px;
    padding-right: 97px;
}

.topInnerHeader {
    width: 100%;
    float: left;
    background: #cc0a31;
    color: #ffffff;
    min-height: 50px;
    position: fixed;
    top: 0;
    z-index: 999;
}

.LogoSection {
    float: left;
}

.waffle {
    width: 31px;
    height: 50px;
    float: left;
    display: inline-block;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Waffle.png') no-repeat left center;
    margin-left: 45px;
}

.InnerLogo {
    margin-top: 11px;
    float: left;
}

.MenuSection {
    width: auto;
    float: left;
}

.usersArea {
    float: right;
    position: fixed;
    top: 0;
    right: 41px;
}

    .usersArea > a {
        display: inline-block;
        height: 50px;
        float: left;
    }

        .usersArea > a.R-search {
            width: 50px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Search.png') no-repeat center center;
        }

        .usersArea > a.R-lang {
            width: 50px;
            line-height: 50px;
            color: #ffffff;
            margin-left: 20px;
        }

        .usersArea > a.R-profile {
            width: 54px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-User.png') no-repeat center center;
        }

        .usersArea > a.R-notification {
            width: 40px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Notifications.png') no-repeat left center;
            margin-left: 10px;
        }

            .usersArea > a.R-notification span {
                padding-left: 18px;
                width: 50px;
                line-height: 50px;
                color: #ffffff;
                font-family: 'Lato-Regular';
                font-size: 10px;
            }

        .usersArea > a.R-sepretor {
            width: 20px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Separator.png') no-repeat left 9px center;
        }

        .usersArea > a.R-facebook {
            width: 30px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-FbBig.png') no-repeat center center;
        }

        .usersArea > a.R-twitter {
            width: 30px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-TwBig.png') no-repeat center center;
        }

        .usersArea > a.R-googlePlus {
            width: 30px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-GpBig.png') no-repeat center center;
        }

        .usersArea > a.R-youTube {
            width: 30px;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-YtBig.png') no-repeat center center;
        }

.topMenuList {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-left: -15px;
}

    .topMenuList > li {
        float: left;
    }

        .topMenuList > li > a {
            padding: 0 14px;
            color: #fff;
            font-size: 14px;
            min-height: 50px;
            line-height: 51px;
            font-family: 'Lato-Regular';
            letter-spacing: -0.20px;
        }

.topInnerBanner {
    width: 100%;
    float: left;
    min-height: 230px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/BGImage.png') no-repeat center top;
}

.InnerBannerSection {
    width: 100%;
    float: left;
    padding-top: 50px;
}

.InnerBreadCrumb {
    width: 100%;
    float: left;
    margin-top: 15px;
    margin-bottom: 15px;
}

    .InnerBreadCrumb > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .InnerBreadCrumb > ul > li {
            float: left;
            margin: 0 2px;
        }

            .InnerBreadCrumb > ul > li > a {
                font-size: 11px;
                font-family: 'Lato-Regular';
                color: rgba(255,255,255,0.5);
            }

                .InnerBreadCrumb > ul > li > a span {
                    margin-left: 5px;
                }

                .InnerBreadCrumb > ul > li > a.latest {
                    color: rgba(255,255,255,1);
                }

.InnerArtistSection {
    width: 100%;
    float: left;
    padding-left: 90px;
    position: relative;
}

.ImgSection {
    position: absolute;
    top: 0;
    left: 0;
}

    .ImgSection > img {
        border: 1px solid rgba(255,255,255,0.50);
        border-radius: 100%;
    }

.DescrptSection {
    width: 100%;
    float: left;
    padding-top: 10px;
}

.descrptTopArea {
    width: 100%;
    float: left;
    color: #fff;
}

    .descrptTopArea > p {
        font-size: 18px;
        font-family: 'Lato-Regular';
        letter-spacing: -0.25px;
        float: left;
        margin-right: 40px;
        margin-bottom: 0;
        text-transform: uppercase;
    }

ul.ArtistAboutlist {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-top: 5px;
}

    ul.ArtistAboutlist > li {
        float: left;
        font-family: 'Lato-Regular';
        padding-left: 15px;
        margin-right: 40px;
    }

        ul.ArtistAboutlist > li.nameItem {
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Pen.png') no-repeat left center;
        }

        ul.ArtistAboutlist > li.dateItem {
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Clock.png') no-repeat left center;
        }

        ul.ArtistAboutlist > li.placeItem {
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Location.png') no-repeat left center;
        }

.descrptParaArea {
    width: 100%;
    float: left;
    margin-top: 10px;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.15);
}

    .descrptParaArea p {
        font-family: 'Lato-Regular';
        font-size: 14px;
        color: #fff;
        max-width: 83%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: -0.25px;
    }

.ShowMore {
    position: absolute;
    top: 8px;
    right: 10px;
    color: rgba(255,255,255,0.5);
    font-size: 9px;
    font-family: 'Lato-Regular';
}

.artistMenuWrap {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.poeticList {
    list-style: none;
    margin: 0;
    padding: 0;
}

    .poeticList > li {
        float: left;
        margin-right: 10px;
    }

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

        .poeticList > li > a {
            height: 28px;
            line-height: 28px;
            text-transform: uppercase;
            letter-spacing: -0.50px;
            color: #ffffff;
            border: 1px solid rgba(255,255,255,0.30);
            padding: 0 10px;
            display: inline-block;
            border-radius: 2px;
            -webkit-border-radius: 2px;
            -moz-border-radius: 2px;
            font-size: 11px;
            font-family: 'Lato-Regular';
        }

            .poeticList > li > a:hover {
                background: #ff2652;
                border: 1px solid #ff2652;
            }

            .poeticList > li > a.activeLink {
                background: #ff2652;
                border: 1px solid #ff2652;
            }

            .poeticList > li > a span {
                float: right;
                margin-left: 15px;
            }

                .poeticList > li > a span img {
                    position: relative;
                    top: 11px;
                }
/*main content starts after header banner*/
.ContentMainWrap {
    width: 100%;
    float: left;
    padding: 0;
}

.PanContainer {
    width: 100%;
    float: left;
    margin-top: 15px;
}

.LeftPanSection {
    width: 72.2%;
    float: left; /*min-height:900px;*/
    background: #ffffff;
    border-right: 1px solid #f7f7f7;
}

.RightPanSection {
    width: 27.8%;
    float: right;
    min-height: 900px;
    background: #ffffff;
}

.GhazalPageContent {
    width: 100%;
    float: left;
    padding: 0 30px;
}

.GhazalTopArea {
    width: 100%;
    float: left;
}

.GhazalFirstPart {
    width: 100%;
    float: left;
}

.GhazalChoice {
    width: 100%;
    float: left;
}

    .GhazalChoice > ul {
        float: left;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .GhazalChoice > ul > li {
            float: left;
            margin-right: 2px;
        }

            .GhazalChoice > ul > li > a {
                font-size: 9px;
                font-family: 'Lato-Regular';
                letter-spacing: -0.25px;
                color: #ffffff;
                display: inline-block;
                padding: 0 5px;
                height: 15px;
                line-height: 15px;
            }

.reddishBg {
    background-color: #ff335c;
}

.skyBlueBg {
    background-color: #99ddff;
}

.orangeBg {
    background-color: #ffbf7f;
}

.GhazalSherDiv {
    width: 100%;
    float: left;
    margin-top: 20px;
}

    .GhazalSherDiv > h2 {
        font-size: 32px;
        font-family: 'Merriweather-LightItalic';
        letter-spacing: -0.50px;
        color: #333333;
        margin-top: 0;
        position: relative;
        width: 100%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

.transParentBg {
    width: 210px;
    height: 100%;
    float: right;
    position: absolute;
    z-index: 2;
    display: block;
    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,0.78) 62%, rgba(255,255,255,1) 79%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(62%, rgba(255,255,255,0.78)), color-stop(79%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 62%, rgba(255,255,255,1) 79%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 62%, rgba(255,255,255,1) 79%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.78) 62%, rgba(255,255,255,1) 79%);
}

.GhazalComShareDiv {
    width: 100%;
    float: left;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
    font-family: 'Lato-Regular';
}

.GhazalCommentDiv {
    float: left;
}

.CommentList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .CommentList > li {
        float: left;
        margin-right: 15px;
    }

.starSpan {
    padding-left: 20px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Favorite.png')no-repeat left center;
}

.comSpan {
    padding-left: 18px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Comments.png')no-repeat left center;
}

.tagSpan {
    padding-left: 18px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Tagged.png')no-repeat left center;
}

.critiqSpan {
    padding-left: 18px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Critique.png')no-repeat left center;
}

.shareSpan {
    padding-left: 18px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-ShareSmall.png')no-repeat left center;
}

.GhazalShareDiv {
    float: right;
}

.ShareList {
    margin: 0;
    padding: 0;
    list-style: none;
}

    .ShareList > li {
        list-style: none;
        float: left;
        margin-left: 5px;
    }

        .ShareList > li > a {
            height: 26px;
            border-radius: 2px;
            display: inline-block;
        }

.ShareTXT {
    font-size: 8px;
    font-family: 'Lato-Regular';
    color: #262626;
}

    .ShareTXT span {
        display: block;
        font-size: 14px;
        line-height: 17px;
        font-family: 'Lato-Bold';
    }

.shareFb {
    width: 26px;
    background: #3b5998 url('https://www.rekhta.org/Content/Images/InnerPage/Icon-FbBig.png')no-repeat center center;
}

.shareTw {
    width: 26px;
    background: #55acee url('https://www.rekhta.org/Content/Images/InnerPage/Icon-TwBig.png')no-repeat center center;
}

.shareGp {
    width: 26px;
    background: #dc4e41 url('https://www.rekhta.org/Content/Images/InnerPage/Icon-GpBig.png')no-repeat center center;
}

.S-separator {
    width: 1px;
    height: 20px !important;
    background: #dbdbdb;
    margin: 3px 0;
    cursor: none;
}

.GhazalQuickFact {
    width: 100%;
    float: left;
    padding: 8px 0;
    border-bottom: 1px solid #f2f2f2;
}

    .GhazalQuickFact > p {
        font-size: 12px;
        font-family: 'Lato-Regular';
        color: #4c4c4c;
        float: left;
        margin-bottom: 0;
    }

        .GhazalQuickFact > p > span {
            font-family: 'Lato-Bold';
        }

.quickmore {
    float: right;
    font-size: 12px !important;
}

.ShowTransComm {
    width: 100%;
    float: left;
    padding: 10px 0;
    border-bottom: 1px solid #f2f2f2;
}

.ShowList {
    margin: 0;
    padding: 0;
    list-style: none;
    font-family: 'Lato-Regular';
}

    .ShowList > li {
        float: left;
        margin-right: 30px;
    }

.ShowTrans {
    padding-left: 20px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Translate.png')no-repeat left center;
}

.ShowComm {
    padding-left: 20px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Commentary.png')no-repeat left center;
}

.GhazalReadingPart {
    width: 100%;
    float: left;
    padding-top: 15px;
}

.MeaningIndicatorDiv {
    width: 100%;
    max-width: 496px;
    height: 26px;
    color: #808080;
    position: relative;
    font-family: 'Lato-Regular';
    margin: 0 auto;
    font-size: 12px;
    text-align: center;
    background: #f7f7f7;
    line-height: 26px;
}

.closeMeaning {
    right: 10px !important;
    top: 8px !important;
}

.ReadingSherList {
    margin: 0;
    padding: 0;
    list-style: none;
}

.ReadSherDiv {
    width: 100%;
    float: left;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 15px 0;
    position: relative;
}

    .ReadSherDiv:hover {
        border-top: 1px solid #f2f2f2;
        border-bottom: 1px solid #f2f2f2;
    }

        .ReadSherDiv:hover .shareGhazal {
            display: inline-block;
        }

    .ReadSherDiv > p {
    }

.EndImageDiv {
    width: 100%;
    float: left;
    height: 86px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/EndMotif.png') no-repeat center center;
    margin-bottom: 20px;
}

.DivLine { /*max-width:496px;width:100%;*/
    margin: 0 auto;
    color: #262626;
    font-size: 18px;
    font-family: 'merriweatheritalic';
    font-weight: 300;
    letter-spacing: -0.25px;
    line-height: 32px;
    text-align: center;
    white-space: nowrap;
    display: inline-block;
}

.shareGhazal {
    width: 20px;
    height: 20px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Share.png') no-repeat left top;
    display: none;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.AboutArtistWrap {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 10px;
}

.InnerArtistSection2 {
    color: #4c4c4c;
    font-family: 'Lato-Regular';
    padding-left: 110px;
    padding-top: 20px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f2f2f2;
    margin-bottom: 10px;
}

    .InnerArtistSection2 .DescrptSection {
        padding-top: 0;
    }

.descrptTopArea2 {
    color: #4c4c4c;
    text-transform: none;
}

    .descrptTopArea2 > p {
        text-transform: none;
        color: #4c4c4c;
        font-size: 14px;
        line-height: 24px;
        margin-right: 0;
        text-align: justify;
    }

        .descrptTopArea2 > p.ArtistName {
            font-size: 18px;
            letter-spacing: -0.25px;
            color: #33bbff;
            text-transform: uppercase;
        }

.InnerArtistSection2 .ImgSection {
    top: 20px;
}

.MoreGhazalWrap {
    width: 100%;
    float: left;
    font-family: 'Lato-Regular';
}

    .MoreGhazalWrap > h5 {
        font-size: 14px;
        font-family: 'Lato-Regular';
        color: #4c4c4c;
    }

    .MoreGhazalWrap > a {
        font-size: 11px;
        text-transform: uppercase;
        font-family: 'Lato-Regular';
        margin-top: 15px;
        margin-bottom: 15px;
        display: block;
        width: 100%;
        float: left;
    }

.GhazalParticularDiv {
    width: 100%;
    float: left;
    position: relative;
    padding: 15px 0;
    border-bottom: 1px solid #f2f2f2;
}

.commenList2 {
    font-size: 10px;
    margin-left: 20px;
}

.part_top > p {
    font-size: 14px;
    color: #4c4c4c;
    font-family: 'Lato-Regular';
    letter-spacing: -0.25px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Bullet.png') no-repeat left center;
    padding-left: 20px;
}

.commenList2 a {
    color: #808080;
}

.L-playLIST {
    position: absolute !important;
    right: 0;
    top: 0 !important;
    bottom: 0 !important;
    margin: auto !important;
    width: auto;
    height: 12px;
}




.RightBoxWrap {
    width: 100%;
    float: left;
    font-family: 'Lato-Regular';
}

.BoxContainer {
    width: 100%;
    float: left;
    padding: 0 15px;
    border-top: 1px solid #f2f2f2;
}

    .BoxContainer:first-child {
        border: none;
    }

    .BoxContainer:last-child {
        border-bottom: 1px solid #f2f2f2;
    }

    .BoxContainer a.reddishBg {
        font-size: 9px;
        font-family: 'Lato-Regular';
        letter-spacing: -0.25px;
        color: #ffffff;
        display: inline-block;
        padding: 0 5px;
        height: 15px;
        line-height: 15px;
    }

.RightHeadingBox {
    padding: 15px 0;
    margin-top: 5px;
}

    .RightHeadingBox > h4 {
        font-size: 16px;
        letter-spacing: -0.25px;
        text-transform: uppercase;
        color: #4c4c4c;
        margin-top: 0;
        font-family: 'Lato-Regular';
        float: left;
    }

.VideoCount {
    float: right;
    font-size: 11px;
    font-family: 'Lato-Bold';
}

.RightHeadingBox > p {
    margin-bottom: 0;
}

.listContainingDiv {
    width: 100%;
    float: left;
    font-family: 'Lato-Regular';
    clear: both;
    margin-top: 10px;
}

.GhazalSuggestList {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    width: 100%;
}

    .GhazalSuggestList > li {
        margin-bottom: 15px;
    }

.artistCARD {
    width: 100%;
    float: left;
    position: relative;
    margin-bottom: 15px;
}

.ArtistIMG {
    position: absolute;
    top: 0;
    left: 0px;
}

.PoetDSCRPT {
    padding-left: 35px;
    width: 100%;
    float: left;
}

    .PoetDSCRPT > h6 {
        margin: 0;
        font-size: 13px;
        letter-spacing: -0.25px;
        color: #4c4c4c;
    }

    .PoetDSCRPT > p {
        font-size: 9px;
        letter-spacing: -0.25px;
        color: #808080;
        margin: 0;
        text-transform: uppercase;
        line-height: 23px;
    }

.PlaylistContainingDiv {
    position: relative;
    width: 100%;
    float: left;
}

    .PlaylistContainingDiv .PoetDSCRPT > h6 {
        line-height: 28px;
        width: 100%;
    }

ul.playLIST {
    float: right;
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    margin: auto;
    list-style: none;
}

    ul.playLIST > li {
        float: left;
        margin-left: 10px;
    }

.listPara {
    font-size: 14px;
    color: #4c4c4c;
    letter-spacing: -0.25px;
}

.PlayState {
    display: inline-block;
    width: 15px;
    height: 25px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Play.png') no-repeat left top;
}

.addState {
    display: inline-block;
    width: 15px;
    height: 25px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-AddPlaylist.png') no-repeat left top;
}

.YtState {
    display: inline-block;
    width: 15px;
    height: 25px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-PlayVideo.png') no-repeat left top;
}

.moreClick {
    width: 100%;
    text-align: center;
    color: #b2b2b2;
    display: block;
    font-size: 12px;
    letter-spacing: -0.25px;
    font-family: 'Lato-Regular';
}

.moreLikebleWrap {
    width: 100%;
    float: left;
}

.leftImgDiv {
    padding-left: 40px;
    position: relative;
}

    .leftImgDiv > img {
        position: absolute;
        left: 0;
        top: 15px;
    }

    .leftImgDiv .part_top > p {
        background: none;
    }


/*shareBox css*/
.shareBoxMain {
    width: 100%;
    float: left;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0px 5px 10px rgba(0,0,0,0.5);
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px 20px;
    display: none;
}

.topSherArea {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #ccc;
    padding: 10px 0;
}

.skyblue { /*color:#33bbff!important;*/
    color: #00aaff !important;
}

.topSherArea > h3 {
    margin-top: 0;
    font-size: 18px;
    font-family: 'Lato-Regular';
    letter-spacing: -0.50px;
    margin-bottom: 20px;
}

.checkedSher {
    width: 100%;
    float: left;
    padding-left: 35px;
    position: relative;
}

.inputCheck {
    position: absolute;
    left: 0;
    top: 15px;
}

.Sher {
    width: 100%;
    float: left;
    color: #262626;
    font-size: 14px;
    line-height: 24px;
}

.LangSwichWrap {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .LangSwichWrap > p {
        float: left;
        color: #808080;
        margin-bottom: 5px;
    }

    .LangSwichWrap > ul {
        list-style: none;
        margin: 0;
        padding: 0;
        padding-left: 5px;
        float: left;
    }

        .LangSwichWrap > ul > li {
            float: left;
            margin-right: 10px;
        }

.closeBoxBTn {
    position: absolute;
    top: 0px;
    right: 0px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Close.png') no-repeat left top;
    width: 9px;
    height: 9px;
    display: inline-block;
}

.inputCheck input[type="checkbox"] {
    display: none;
}

    .inputCheck input[type="checkbox"] + label span {
        display: inline-block;
        width: 20px;
        height: 20px;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-CheckBoxUnselected.png') no-repeat left top;
        cursor: pointer;
    }

    .inputCheck input[type="checkbox"]:checked + label span {
        background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-CheckMark.png') no-repeat left top;
    }

.imageShareArea {
    width: 100%;
    float: left;
    font-family: 'Lato-Regular';
}

    .imageShareArea > h6 {
        float: left;
        margin: 15px 0;
    }

        .imageShareArea > h6 span {
            color: #808080;
            font-size: 10px;
            font-family: 'Lato-Regular';
            margin-left: 10px;
        }

.imageWrap {
    position: relative;
    width: 100%;
    float: left;
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
}

    .imageWrap img {
        max-width: 100%;
    }


.langSelectDiv {
    width: 100%;
    float: left;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.70);
    max-width: 180px;
}

    .langSelectDiv input[type="checkbox"] {
        display: none;
    }

        .langSelectDiv input[type="checkbox"] + label span {
            font-family: 'Lato-Regular';
            display: inline-block;
            width: 40px;
            text-align: right;
            height: 21px;
            line-height: 25px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            background: url('https://www.rekhta.org/Content/Images/InnerPage/IconWhiteUnchecked.png') no-repeat left 5px top 5px;
            cursor: pointer;
        }

        .langSelectDiv input[type="checkbox"]:checked + label span {
            background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-CheckMarkWhite.png') no-repeat left 5px top 5px;
        }

    .langSelectDiv span {
        float: right;
        color: rgba(255,255,255,0.70);
        font-size: 10px;
        font-family: 'Lato-Regular';
        letter-spacing: -0.25px;
        margin-top: 5px;
        margin-right: 5px;
    }

.inputCheck2 {
    float: left;
}

.leftPosDiv {
    width: 33.333%;
    float: left;
    position: relative;
}

.centerPosDiv {
    width: 33.333%;
    text-align: center;
    float: left;
    position: relative;
}

.rightPosDiv {
    width: 33.333%;
    float: left;
    text-align: right;
    position: relative;
}

.centerPosDiv .langSelectDiv {
    left: 0;
    right: 0;
    margin: 0 auto;
}

.rightPosDiv .langSelectDiv {
    right: 0;
    left: auto;
}

.bottomSocialArea {
    width: 100%;
    float: left;
    padding-bottom: 10px;
}

    .bottomSocialArea > p {
        margin-top: 15px;
        margin-bottom: 13px;
    }

    .bottomSocialArea a {
        border-radius: 2px;
        margin-right: 8px;
    }

.shareBTN {
    width: 150px;
    height: 48px;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 48px;
    font-size: 16px;
    float: right !important;
    font-family: 'Lato-Regular';
    background: #33bbff;
    overflow: hidden;
    margin-right: 0 !important;
    transition: all ease 500ms;
}

    .shareBTN:hover, .shareBTN:focus {
        color: #fff;
        background: #1ea8ed;
    }

.fb-share {
    width: 88px;
    height: 48px;
    display: inline-block;
    background: #3b5998 url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Facebook.png') no-repeat left 25px center;
}

.fb-selection {
    margin: 0;
    background: #5077cc;
    height: 100%;
    width: 32px;
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.tw-share {
    width: 88px;
    height: 48px;
    display: inline-block;
    background: #55acee url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Twitter.png') no-repeat left 15px center;
}

.tw-selection {
    margin: 0;
    background: #66bdff;
    height: 100%;
    width: 32px;
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.gp-share {
    width: 88px;
    height: 48px;
    display: inline-block;
    background: #dc4e41 url('https://www.rekhta.org/Content/Images/InnerPage/Icon-GooglePlus.png') no-repeat left 15px center;
}

.gp-selection {
    margin: 0;
    background: #ff5b4c;
    height: 100%;
    width: 32px;
    float: right;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.inputCheck3 input[type="checkbox"] {
    display: none;
}

    .inputCheck3 input[type="checkbox"] + label span {
        display: inline-block;
        width: 32px;
        height: 100%;
        margin: -1px 4px 0 0;
        vertical-align: middle;
        background: url('https://www.rekhta.org/Content/Images/InnerPage/IconWhiteUnchecked.png') no-repeat center center;
        cursor: pointer;
    }

    .inputCheck3 input[type="checkbox"]:checked + label span {
        background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-CheckMarkWhite.png') no-repeat center center;
    }

/* Css Added for new meaning box of poems*/
/*nw_ghazalWrap*/
.nw_ghazalWrap {
    width: 100%;
    float: left;
    padding: 10px;
}

.nw_ghazalCard {
    width: 100%;
    float: left;
}

.nw_CardTop {
    width: 100%;
    float: left;
    position: relative;
    margin-top: 20px;
}

.nw_CardBottom {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 15px;
    /*margin-top:0;*/
    border-bottom: 1px solid #f2f2f2;
}

ul.tagContainingList {
    display: block;
    list-style: none;
}

    ul.tagContainingList > li {
        display: inline-block;
        margin: 0 1px;
    }

ul.OptContainingList {
    display: block;
    list-style: none;
    margin-top: 15px;
    margin-bottom: 25px;
}

    ul.OptContainingList > li {
        display: inline-block;
        margin: 0 22px;
        padding-left: 15px;
    }

li.Translation {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Translate.png') no-repeat left center;
}

li.ReadFull {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Link.png') no-repeat left center;
}

li.MoreLinkLi {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-More.png') no-repeat left center;
}

.rightFixedDiv {
    position: absolute;
    top: 20px;
    bottom: 0;
    margin: auto;
    right: 0;
}

.nw_Share {
    height: 40px;
    display: inline-block;
    width: 40px;
    background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Share.png') no-repeat center;
}

.nw_Fav {
    height: 40px;
    display: inline-block !important;
    width: 40px;
}
/*.nw_Fav{height:40px;display:inline-block;width:40px;  background: url('https://www.rekhta.org/Content/Images/InnerPage/State_Inactive.png') no-repeat left center;margin-left:2px;}
.nw_Fav:hover{background: url('https://www.rekhta.org/Content/Images/InnerPage/State_hover.png') no-repeat left center;}
.nw_Fav.active{background: url('https://www.rekhta.org/Content/Images/InnerPage/State_Active.png') no-repeat left center;}*/

.fav.nw_Fav .active {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/State_Active.png') no-repeat center;
    display: block;
    margin-top: 11px;
}

.fav.nw_Fav .inactive {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/State_Inactive.png') no-repeat center;
    display: block;
    margin-top: 11px;
}

.fav.nw_Fav .active:hover {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/State_Inactive.png') no-repeat center;
}

.fav.nw_Fav .inactive:hover {
    background: url('https://www.rekhta.org/Content/Images/InnerPage/State_Active.png') no-repeat center;
}

.EN_transDiv {
    width: 100%;
    float: left;
    margin-top: 15px;
    text-align: center;
}

.DivLineSmall {
    text-align: center;
    font-size: 13px;
    letter-spacing: -0.25px;
    line-height: 24px;
    color: #666666;
    font-family: 'merriweatherregular';
    font-style: normal;
    word-spacing: 3px;
}

.nw_shareBox {
    width: 140px;
    float: left;
    left: 65px;
    top: 40px;
    z-index: 1;
    position: relative;
    background: #ffffff;
    box-shadow: 0px 1px 5px #ccc;
    padding: 15px; /*display:none;*/
}

    .nw_shareBox > ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .nw_shareBox > ul > li {
            margin: 10px 0;
        }

            .nw_shareBox > ul > li > a {
                height: 26px;
                line-height: 26px;
                display: inline-block;
                width: 100%;
                font-size: 12px;
                transition: font ease 400ms;
            }

                .nw_shareBox > ul > li > a:hover span {
                    transform: translate3d(0px, -3px, 0px);
                    box-shadow: 0px 3px 5px #333333;
                }

                .nw_shareBox > ul > li > a:hover {
                    font-weight: bold;
                }

                .nw_shareBox > ul > li > a span {
                    width: 26px;
                    height: 26px;
                    display: inline-block;
                    border-radius: 100%;
                    float: left;
                    margin-right: 8px;
                    transition: all ease 400ms;
                }

.shareCrtq {
    width: 26px;
    background: #33bbff url('https://www.rekhta.org/Content/Images/InnerPage/Exclamation_mark.png') no-repeat repeat center center;
}

/* improve meaning popup design change  */
.popup_table input, .popup_table textarea {
    background: none;
    border: none;
    border-bottom: 1px solid #ECECEC;
    border-radius: 0;
    box-shadow: none;
}

.popup_table textarea {
    padding-top: 10px;
}

.k-window-titlebar {
    background-color: #fff !important;
    border: 0;
}

.MyCritiqeClass {
    margin-top: -10px;
}

.mob-word-pop-width span {
    font-size: 17px !important;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.k-i-close {
    background: url(https://www.rekhta.org/Content/Images/InnerPage/Icon-Close.png)no-repeat center !important;
}

.nw_translate {
    display: none;
    height: 40px;
    display: inline-block !important;
    width: 40px;
    background: url(https://www.rekhta.org/Content/Images/translate.png)no-repeat;
    top: 12px;
    position: relative;
}

.rightFixeMobile {
    display: none;
}

.zoom-tag {
    position: absolute;
    right: 0;
    top: auto;
    bottom: 14px;
    display: none;
}

    .zoom-tag a {
        display: inline-block;
        width: 40px;
        height: 40px;
        background: url(https://www.rekhta.org/Content/Images/zoom.png)no-repeat;
    }

        .zoom-tag a.tag {
            background: url(https://www.rekhta.org/Content/Images/tag.png)no-repeat;
            background-position: 0 28px;
        }

.DivLine span {
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    
}

    .DivLine span:hover {
        background: #f2f2f2;
        padding: 5px;
    }

.nw_CardTop {
    position: static;
}

.nw_ghazalCard {
    position: relative;
}

.rightFixedDiv {
    top: 40px;
}

.EN_transDiv {
    /*margin-top: 0;*/
}

.shareWap {
    background: #33bbff url(https://www.rekhta.org/Content/Images/whatsapp-icon.png) no-repeat repeat center center;
    background-size: 100%;
}

.popSignIn textarea, .k-window {
    border-bottom: 0;
    -moz-box-shadow: 1px 0px 5px rgba(0,0,0,.15);
    -webkit-box-shadow: 1px 0px 5px rgba(0,0,0,.15);
    box-shadow: 1px 0px 5px rgba(0,0,0,.15);
}

.header-wrapper {
    z-index: 99999;
}
/*.left_pan{
    text-align:center;
}*/

.search-tag-box {
    float: none;
}

.right-tag-menu {
    margin-top: 0 !important;
}

.searchTag {
    position: relative;
    width: 100%;
    top: 0;
}

    .searchTag .search_btn1 {
        top: -5px;
        background: url(https://www.rekhta.org/Content/Images/search-icon-grey.png) no-repeat 6px 8px;
        left: 0;
        right: auto;
        margin-left: 0;
    }

    .searchTag p input {
        padding-left: 40px;
        border: 0;
        border-bottom: 1px solid #f3f3f3 !important;
        height: 35px;
    }

    .searchTag p:first-child {
        /*padding-left: 100px;*/
        width: 100%;
    }

    .searchTag .bar {
        position: relative;
        display: block;
        width: 100%;
    }

        .searchTag .bar:before, .searchTag .bar:after {
            content: '';
            height: 1px;
            width: 0;
            bottom: 1px;
            position: absolute;
            background: #e54555;
            transition: 0.3s ease all;
            -moz-transition: 0.3s ease all;
            -webkit-transition: 0.3s ease all;
        }
    /* active state */
    .searchTag input:focus {
        border-bottom: 0px !important;
    }

        .searchTag input:focus ~ .bar:before, .searchTag input:focus ~ .bar:after {
            width: 100%;
        }




.parSpinner {
    float: left;
    width: 100%;
    position: relative;
    height: 50px;
    top: -5px;
    text-align: center;
}

.npspinner {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: hidden;
    border-radius: 50%;
    background: url(https://www.rekhta.org/Content/Images/dropBtn.png)no-repeat 17px -14px;
    /*border: 1px solid #00aaff;*/
    color: #65CBFF;
    display: inline-block;
    text-align: center;
    /*margin-bottom: -125px;*/
    margin-bottom: 5px;
    margin-left: auto;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    cursor: pointer;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    /*-webkit-animation: floatBubble 700ms infinite;
    -webkit-animation-direction: alternate-reverse;
    -moz-animation: floatBubble 700ms infinite;
    -moz-animation-direction: alternate-reverse;*/
}

/*.npspinner:hover {
        background: #00aaff url(https://www.rekhta.org/Content/Images/dropBtn.png)no-repeat 17px 33px;
        color: #fff;
        line-height: 35px;
        background-size: 13px;
        font-weight: normal;
        font-size: 17px;
    }*/

@keyframes floatBubble {
    from {
        bottom: 92px;
        animation-timing-function: ease-in;
    }

    to {
        bottom: 80px;
        animation-timing-function: ease-out;
        border: 2px solid rgba(0,0,0,.15);
    }
}

@-webkit-keyframes floatBubble {
    from {
        bottom: 92px;
        -webkit-animation-timing-function: ease-in;
    }

    to {
        bottom: 80px;
        -webkit-animation-timing-function: ease-out;
        border: 2px solid rgba(0,0,0,.15);
    }
}

.nextPrevImg {
	width: 100%;
	max-width: 1170px;
	position: absolute;
	top: 0;
	margin: auto;
	left: 0;
	bottom: 0;
	right: 0;
	height: 56px;
	z-index: 1;
}

	.nextPrevImg .dicArrow {
		position: absolute;
		width: 56px;
		height: 56px;
		font-size: 28px;
		color: #fff;
		border-radius: 2px;
		cursor: pointer;
		background-color: rgba(0,0,0,0.3);
		background-repeat: no-repeat;
		background-position: center;
	}

		.nextPrevImg .dicArrow.imgPrev {
			left: 0;
			background-image: url(https://www.rekhta.org/Content/Images/imgPrev.png);
		}

		.nextPrevImg .dicArrow.imgNext {
			right: 0;
			background-image: url(https://www.rekhta.org/Content/Images/imgNext.png);
		}


/* paper spinner */
/*$offset: 200;
$duration: 2.5s;*/
.spinner1 {
    animation: rotator 2.5s linear infinite;
    position: absolute;
    left: 0;
}

@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;
}

@keyframes colors {
    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);
    }
}

#mobMenu {
    top: 60px;
    padding-bottom: 60px;
}

.career-content .current-opening {
    font-size: 35px;
    color: #05BFA7;
    margin-bottom: 45px;
    border-bottom: 1px solid #EAE7E7;
    padding-bottom: 30px;
}
.openingFormFieldsContainer {
    width: 96%;
    max-width: 564px;
    padding: 48px 64px;
    background-color: #fff;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
    border-radius: 5px;
    position: absolute;
    z-index: 9;
}
.formField {
    position: relative;
}
    .formField p {
        font-size: 16px;
        font-family: 'Titillium Web', sans-serif;
        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;
        letter-spacing:0.1em;
    }
        .formField.opnInputAnim p{
            font-size:10px;
            top:0px;
        }
    .formField .clearField {
        width: 8px;
        height: 8px;
        border: 0;
        background: url(/Content/Images/icon-closeBlackSmall.png) no-repeat center;
        position: absolute;
        right: 0;
        top: 26px;
        opacity: .4;
        cursor: pointer;
        display: none;
    }
    .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.bdrChange:after {
        width: 100%;
    }
.openingFormFieldsContainer .formField input {
    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;
}
.openingFormFieldsContainer .formField.opnUpload input[type="file"] {
    width: 100%;
    outline: none !important;
    cursor: pointer;
    opacity: 0;
}
.openingFormFieldsContainer .formField.opnUpload  h2{
    font-size:22px;
}
.openingFormFieldsContainer .formField.opnUpload h2 span {
    font-size: 16px;
}
.openingFormFieldsContainer .formField .opnUploadInput{
    position:relative;
}
.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(/Content/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;
    }
.career-inner {
    max-width: 1008px;
}

.career-content {
    padding: 32px;
    max-width: 1440px;
    margin: 32px auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 2px rgba(0,0,0,.15);
}
.opngMenu ul {
    border-bottom: 1px solid #2daae1;
}
.opngMenu ul li {
    list-style: none;
    float: left;
}
    .opngMenu ul li a {
        display: block;
        padding: 8px 16px;
        font-size: 18px;
        color: #000;
        letter-spacing: 0.1em;
        /* background-color: #2daae1; */
        /* border: 1px solid #2daae1; */
    }
    .opngMenu ul li a.activeOpnng {
        background-color: #2daae1;
        color: #fff;
    }
        .opening {
            /*background:#fff;
    border-radius:5px;
    box-shadow:0px 0px 2px rgba(0,0,0,.15);
    padding:16px;*/
        }

.openingContent p {
    font-size: 15px;
    line-height: 24px;
}

.openingContent ul li {
    font-size: 15px;
    list-style: none;
    line-height: 20px;
    margin-bottom: 8px;
    padding-left: 25px;
    background: url(https://www.rekhta.org/Content/Images/icon-correct.png)no-repeat 0 8px;
}

.openingContent h1 {
    font-size: 30px;
}

.openingContent h2 {
    color: #2DAAE1;
}

.send-resume {
    margin-top: 55px;
    font-size: 17px;
}

    .send-resume .resumeMail {
        color: #079AEA;
        text-decoration: underline !important;
    }
.applyForOpening, .aplButton button {
    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;
}
.aplButton button {
    border: none;
    padding: 14px 32px;
    margin: 0px;
    width: 100%;
    font-size: 20px;
    margin-top: 32px;
}
.applyForOpening:hover, .aplButton button:hover {
    background-color: #5fc5f2;
    color: #fff;
}
.oldPoetParaDesk {
    display: block;
}

.oldParaMbl {
    display: none;
}
.oldParaMbl p {
    text-transform:none;
}
.about_artist {
    margin-bottom:8px;
}
    /* sher design in mobile */
    @media (max-width:768px) {
        .rightFixedDiv {
        left: 0;
        right: auto;
        top: auto;
    }
    .pInfo{
        bottom:-14px;
        left:0;
        right:auto;
    }
    .pSpan {
        top: 45px;
        left: 1px;
    }
    .paraConInfo{
        left:0;
        right:auto;
    }
    .paraConInfo:after{
        left:10px;
        right:auto;
    }

    ul.OptContainingList {
        margin-top: 8px;
        margin-bottom: 0;
    }

        ul.OptContainingList li:first-child {
            /*position: absolute;
        bottom: 25px;
        line-height:1;
        padding-left:0;*/
        }

        ul.OptContainingList li a.skyblue {
            position: absolute;
            top: 0;
            width: 100%;
            text-align: center;
            left: 5px;
        }

        ul.OptContainingList li.ReadFull a.skyblue {
            position: static;
            top: 0;
        }

    .nw_Fav {
        float: left;
    }

    .nw_ghazalWrap {
        padding: 10px 20px;
    }

    .nw_shareBox {
        left: 0;
        position: absolute;
    }

    .rightFixeMobile, .zoom-tag {
        display: block;
    }

    .ReadFull, .tagContainingList {
        /*display:none !important;*/
        margin-bottom: 0px;
    }

    ul.OptContainingList > li {
        margin-bottom: 3px;
        margin: 0;
    }
    /*.nw_CardBottom{
        max-width:60%;
        margin-left:20%;
    }*/
    .critiqueWrapper {
        max-width: 100%;
    }

    .nw_CardBottom {
        border-bottom: 0;
        margin-top: 5px;
        position: relative;
        /*padding-top: 20px;*/
        min-height: 35px;
    }

    .nw_ghazalCard {
        border-bottom: 1px solid #f2f2f2;
        padding-bottom: 30px;
    }

    .ImageTranslationHost {
        padding: 10px 0px;
    }

    .moreMobItems {
        position: fixed;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.95);
        top: 0;
        z-index: 1;
        left: 0;
    }

        .moreMobItems ul {
            bottom: 3% !important;
            height: 45px !important;
            width: auto;
            max-width: 200px;
        }

        .moreMobItems ul {
            background-position: 36px 20px !important;
        }

        .moreMobItems ul, .moreMobItems .readFullMob {
            position: absolute;
            top: 0;
            bottom: 0;
            margin: auto;
            left: 0;
            right: 0;
            height: 20px;
            text-align: center;
        }

        .moreMobItems .readFullMob {
            top: 15%;
        }

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

        .moreMobItems .readFullMob a, .moreMobItems ul {
            background: #fff url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Link.png') no-repeat left center;
            padding: 15px 15px 15px 40px;
            box-shadow: 0px 0px 5px #ccc;
            background-position: 20px 20px;
        }

            .moreMobItems ul li a {
                font-size: 13px;
                text-transform: uppercase;
                color: #00aaff;
                letter-spacing: -.25px;
            }

    .mobSocialArea ul li {
        margin: 0px 10px;
    }

    .mobSocialArea a.ic_cr-grid {
        background: url(https://www.rekhta.org/Content/Images/icon-crtq.png)no-repeat center;
        background-size: 87% !important;
    }

    .ReadFull {
        position: absolute;
        bottom: -18px;
        right: 0;
    }

    ul.tagContainingList > li:first-child {
        position: relative;
        top: -1px;
    }

    .light {
        padding: 0;
    }

    .mob-bottom-div {
        padding-top: 20px;
    }


    /* shayar profile change on mobile according to dharmendra sir*/
    /*.about_artist {
        position: absolute;
        top: -100px;
        left: 120px;
    }*/

        .about_artist h2 {
            width: 100%;
            margin-top:0px;
        }
        .about_artist ul li {
            margin-bottom:8px;
        }
        .about_artist .profileLinks {
            position: relative;
            left: -13px;
        }
        .oldPoetParaDesk{
            display:none;
        }
        .oldParaMbl{
            display:block;
        }
        /*.about_artist ul {
            position: absolute;
            top: 30px;
        }*/
        .entity-social-details {
            top: 30px;
            right: 0;
            position: relative;
            min-width: 116px;
        }

    .artist_img_descrpt {
        margin-top: 15px;
    }

    .artist_work {
        max-height: 40px;
        min-height: 40px;
    }
    .manageContentFormate:hover {
    border-top: 1px solid transparent !important;
    border-bottom: 1px solid transparent !important;
}
        .manageContentFormate:hover:after {
        display:none;
        }
    .poemTextActive {
    background: none !important;
}


}

@media (max-width:480px) {

    .mobSocialArea a {
        width: 45px !important;
        height: 45px !important;
    }

    .ic_cr-grid {
        top: -1px;
        width: 40px !important;
        height: 40px !important;
    }

    .mobSocialArea ul li {
        margin: 0px 3px;
    }

    .contentContainerEn, .EN_transDiv {
        /*//max-height:50px;*/
    }

    .nw_CardTop {
        margin-top: 0px;
    }
}




/*nw_ghazalWrap*/
/*.MeaningBoxWrap{text-align: left;width:100%;box-sizing:border-box;position:relative; float:left;max-width:480px;padding:20px 20px 13px 20px;background:#ffffff;color:#262626;direction:ltr;border-radius:4px;-webkit-border-radius:4px;right:-20px;box-shadow:0px 5px 5px rgba(0,0,0,0.30);border:1px solid #f7f7f7;margin-bottom:50px;}
.MeaningBoxWrap .crossLink{right:5px; top:15px; background:url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Close.png') no-repeat left top;}
.MeaningTopArea{width:100%; float:left;margin-bottom: 13px;}
.MeaningTopArea>h3{font-family: 'Merriweather-LightItalic';font-size:24px;letter-spacing:-0.25px;color:#262626;margin-top:0;}
.MeaningTopArea>h6{font-size:16px;letter-spacing:-0.25px;font-family:Arial, Helvetica, sans-serif;color:#b2b2b2;margin-bottom:20px;}
.blueAudio{width:20px;height:15px;display:inline-block; background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Pronunciation.png') no-repeat left top;cursor:pointer;position:relative;top:5px;margin-left:5px;}
ul.langAreaList{margin:0; padding:0;list-style:none;margin-bottom:10px;float:left;}
ul.langAreaList>li{float:left;font-family: 'NotoSansDevanagari-Regular';font-size:16px;}
ul.langAreaList>li span{font-size:25px;line-height:12px;width:5px; height:5px;margin:0 10px;display:inline-block;color:#b3b3b3; background: url('https://www.rekhta.org/Content/Images/InnerPage/DotSeparator.png') no-repeat center center;}
ul.DescrptAreaList{margin:0 0 0 0; padding:0;list-style:decimal;list-style-position:inside;font-family:Lato;}
ul.DescrptAreaList>li{font-family:Lato;font-size:14px;}
ul.langAreaList>li:last-child{font-family: 'Jameel Noori Nastaleeq';font-size:16px;line-height:normal;position:relative; top:-15px;}
.favStarLink{margin-right:15px;padding-left:20px;background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-Favorite.png') no-repeat left center;}
.favShareLink{padding-left:17px;background: url('https://www.rekhta.org/Content/Images/InnerPage/Icon-ShareSmall.png') no-repeat left center;}
.TextType{font-size:14px;font-style:italic;color:#808080;}
.MeaningBottomArea{width:100%; float:left;border-top:1px solid #f3f3f3;padding-top:13px;margin-top:15px;}
.BlueColorLink{font-family:Lato;color:#33bbff;font-size:11px;text-decoration:none;cursor:pointer;}
.BlueColorLink:hover{text-decoration:underline;color:#33bbff;}
.crossLink{position:absolute;top:15px; right:15px;z-index:9;display:block;width:20px; height:20px;cursor:pointer;}
.crossLink span{position:absolute;left:0; right:0;text-align:center;line-height:20px;color:#b5b5b5;}
.leftAngle{transform:rotate(45deg);}
.rightAngle{transform:rotate(-45deg);margin-left:2px!important;margin-left: 2px;margin-top: 0px;}
.meaningPara{margin-bottom:0;margin-top:15px;display:block;color:#808080;font-size:11px;font-family:'Lato-Regular';}
.meaningPara a{margin-left:5px;font-family:'Lato-Regular';}*/


/*Social media in mob*/
.mobSocialArea {
    width: 100%;
    float: left;
    text-align: center;
    height: 70px;
    top: 0;
    bottom: 0;
    position: absolute;
    margin: auto;
}

    .mobSocialArea ul li {
        display: inline-block;
    }

    .mobSocialArea ul {
        display: inline-block;
        margin: 0 auto;
    }

    .mobSocialArea a {
        width: 72px;
        height: 72px;
        display: inline-block;
        background-size: 100% !important;
    }

        .mobSocialArea a.ic_fb-grid {
            transition: top ease 100ms !important;
            background: url('https://www.rekhta.org/Content/Images/ic_facebook_large.png') center center;
        }

        .mobSocialArea a.ic_tw-grid {
            transition: top ease 200ms !important;
            background: url('https://www.rekhta.org/Content/Images/ic_twitter_large.png') center center;
        }

        .mobSocialArea a.ic_g-grid {
            transition: top ease 300ms !important;
            background: url('https://www.rekhta.org/Content/Images/ic_googleplus_large.png')center center;
        }

        .mobSocialArea a.ic_wtsp-grid {
            transition: top ease 300ms !important;
            background: url('https://www.rekhta.org/Content/Images/watsapp_large.png')no-repeat center center;
            background-size: 89% !important;
        }

.mobOverlay {
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.85);
    position: fixed;
    top: 0;
    left: 0; /*display:none;*/
    z-index: 1;
}

.showSocialDiv {
    display: none !important;
}

.showSocialDivTag {
    display: block !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
}

.hideTag {
    display: none !important;
}

.tgSearch-error {
    padding-left: 15px;
    color: #e54555;
    /*display:none;*/
}

#taboola-below-article-thumbnails .showTaboola {
    display: block !important;
}

.taboolaHeading {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0px;
    margin-bottom: 10px;
}

.taboolaText {
    font-family: 'Titillium Web', sans-serif !important;
    font-weight: 400 !important;
    letter-spacing: 0px;
}

#comments, .poemContainerDiv h3 {
    padding: 0px 15px;
}


/*#taboola-below-article-thumbnails .trc_spotlight_item:nth-child(even) .item-thumbnail-href{
    float:right;
    margin-right:0;
    margin-left:10px;
}
#taboola-below-article-thumbnails .trc_spotlight_item:nth-child(even) .item-label-href{
    float:right;
}
#taboola-below-article-thumbnails .trc_spotlight_item:nth-child(even) .item-label-href .video-label-box{
    text-align: right;
}*/



/* changes 07/10/16 by tanveer */

.manageContentFormate:hover{
    border-top:1px solid #f2f2f2;
    /*border-bottom:1px solid #f2f2f2;*/
}
.manageContentFormate:hover:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -16px;
    width: 100%;
    height: 1px;
    background: #f2f2f2;
}
.k-state-border-down,.dictionaryActiveWord{
    background:#ff335c !important;
    padding:5px;
    color:#fff;
    position:relative;
}
.dictionaryActiveWord:before {
    content: '';
    left: 50%;
    bottom: -10px;
    position: absolute;
    border-bottom: 10px solid #cccccc;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    margin-left: -10px;
}
.dictionaryActiveWordIconPos:before{
    bottom: auto;
    top:-10px;
}
.poemSpinner{
    right: 0;
    top: 450px;
    margin: auto;
    bottom: auto;
    z-index: 1;
    left: 0;
}
.PoemDisplay{
    opacity:0;
}
.poemTextActive{
    background:#fafafa;
}
.r_dictionaryBox{
    width:94%;
    padding:24px;
    position:absolute !important;
    top:0;
    max-width:500px;
    background:#fff;
    -moz-box-shadow: 8px 5px 8px 0px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 8px 5px 8px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 8px 5px 8px 0px rgba(0, 0, 0, 0.1);
    position: relative;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    z-index: 99;
    display:none;
    text-align:left;
    border:1px solid #e8e8e8;
    /*left:0;
    right:0;*/
    margin:auto;
}
.gazal-down-text{
    /*position:relative;*/
}
.r_dictionaryBox_closeBtn{
    width:20px;
    height:20px;
    position:absolute;
    right: 15px;
    top: 15px;
    background: url(https://www.rekhta.org/Content/Images/InnerPage/Icon-Close.png)no-repeat center;
    cursor:pointer;
}
.r_dictionaryBox  h2 {
    font-family: 'Merriweather', serif;
    font-weight: 300;
    font-style: italic;
    font-size: 24px;
    letter-spacing: -0.25px;
    color: #262626;
    margin-top: 0;
    display:inline-block;
    min-height:10px;
}
.r_dictionaryBox  h2.meaningUrdu{
    font-family: 'Noto Nastaliq Urdu Draft', serif;
    font-size: 16px;
    line-height: normal;
    position: relative;
    top: -15px;
}
.meaningDevanagri{
    float: left !important;
    font-family: 'Noto Sans Devanagari', sans-serif !important;
    font-size: 16px !important;
    position: relative;
    top: 4px;
}
.r_otherlanguageMeaning h2{
    font-style:normal;
}
.meaningUrdu span{
    font-size: 25px;
    line-height: 12px;
    margin: 0 10px;
    color: #b3b3b3;
}
.meaningDetail{
    border:none !important;
    list-style: decimal inside;
}
.meaningDetail li {
    font-family: Lato;
    font-size: 14px;
    color:#333;
    border:none !important;
}
.improveMeaning{
    padding:15px 0px 0px;
    border-top:1px solid #f3f3f3;
}
.improveMeaning a{
    color:#33bbff;
    margin:0;
    font-family: Lato;
    font-size:11px;
}
.gazal-in{
    overflow:visible !important;
}


@media all and (max-width:767px){

    .r_dictionaryBox{
        position:fixed !important;
        bottom:-500px;
        transition:all 0.4s;
        top:auto;
        display:block;
    }

    .dictionaryActiveWord:before{
        display:none;
    }

    .internal_social_wrapper {
    float: left !important;
    clear: both;
    width: 75%;
}

    .critiquePopupBox {
    width: 96%;
    max-height: 90%;
    height: 437px;
    right: 0px;
    left: 0;
    margin: auto auto;
    top: auto;
    bottom: -90%;
    overflow: auto;
}
.critiquePopupBoxOpen{
    bottom: 0;    
    }
    .critiquePopupBox iframe{
    height:430px;

    }
    .sayAboutGhazal h3{
        font-size:17px;
    }
    .footer-left h2{
        font-size: 30px;
    }
    .p-perfect {
    padding-left: 15px;
    padding-right: 15px;
}
    #searchBoxSlide.tap-btn{
        right: 15px;
    }

}
@media all and (max-width:767px) and (orientation:landscape){
.critiquePopupBox iframe{
    height:500px;
    }

.critiquePopupBox{
    max-height:80%;
}

}

.seeAllContainer{
    display:none;
}
.next-pre-box{
    padding: 35px 0;
    border-bottom: 1px solid #ddd;
}
/*.manageContentFormate br{
    display:none;
}*/


/*----- Rekhta Blog CSS Starts Here -----*/
.rBlog_wrapper{
    background-color:#fff;
    height:100%;
}
.rBlog_container{
    max-width:1180px;
    margin:0 auto;
    width:100%;
}
/*----------- Clearfix Rule Starts ------------*/
.clearfix {
	*zoom: 1;
}

.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 ------------*/

.rBlog_mainSection img{
    height:auto;
    max-width:100%;
}

#rBlog_header{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    background:rgba(255,255,255,0.95);
    height:60px;
    z-index:99;
}
.rBlog_siteBrand{
    background: #ff335c;
    height: 40px;
    left: 14px;
    position: absolute;
    top: 10px;
    width: 12px;
}
.rBlog_logo{
    left: 50px;
    position: absolute;
    top: 6px;
    display:block;
}
.rBlog_loginDetails{
    position:absolute;
    right:72px;
    top:0;
}
.rBlog_userPic{
    border-radius: 50%;
    max-height: 40px;
    max-width: 40px;
    margin-left:40px;
}
.rBlog_userName{
    color: #4c4c4c;
    font-size: 16px;
    font-weight: 300;
    line-height: 60px;
    text-transform:capitalize;
    font-family:Lato;
    font-weight:400;
}
.rBlog_blogContainer{
    padding-top:182px;
}
.rBlog_blogListingItem h2{
    font-family:'Open Sans';
    font-weight:300;
    font-size:32px;
    color:#343131;
    line-height:1.25;
    margin-bottom:20px;
    padding:0;
    text-transform:uppercase;
}
.rBlog_blogListingItem h2 a {
        color:#343131;
}
.rBlog_postDetails{
    margin-bottom:24px;
}
.rBlog_postDetails .rBlog_author,.rBlog_postDate{
    color:#6a6a6a;
    font-family:'Open Sans';
    font-weight:400;
    line-height:1.2;
    font-size:16px;

}
.rBlog_postDetails .rBlog_author a{
    color:#3687ec;
    border-bottom:1px solid;
}
    .rBlog_postDetails .rBlog_author a:hover {
    border-bottom:none;
    }
.rBlog_blogContent{
    padding:0 60px;
    width:71.1%;
    float :left;
    box-sizing:border-box;
}
.rBlog_blogSideBar{
    width:28.9%;
    float:right;
}
.rBlog_blogFeatureImg{
    margin-bottom:40px;
}
.rBlog_blogListingItem p {
    font-size:16px;
    font-weight:400;
    font-family:'Open Sans';
    color:#4a4343;
    line-height:2;
    margin-bottom:34px;
}
.rBlog_readMore{
    font-size:16px;
    font-weight:300;
    font-family:'Open Sans';
    color:#fff;
    width:180px;
    display:block;
    height:50px;
    line-height:50px;
    text-align:center;
    background-color:#a71231;
}
.rBlog_readMore:hover {
    color:#fff;
}
.rBlog_blogListingItem{
    padding-bottom:72px;
    margin-bottom:72px;
    border-bottom:2px solid #f0f0f0;
}
.rBlog_shareIt{
    margin-bottom:24px;
    background:#f0f0f0;
}
.rBlog_shareItCount{
    list-style:none;
}
.rBlog_shareItCount > li{
    float:left;
    width:94px;
    height:56px;
    text-align:center;
    font-size:16px;
    line-height:56px;
    font-family:'Open Sans';
    font-weight:400;
    color:#a6a6a6;
    position:relative;
    margin-right:1px;
}
    .rBlog_shareItCount > li:before {
    position:absolute;
    content:'';
    left:-1px;
    top:7px;
    width :1px;
    height:42px;
    background:#e7e7e7;
    }
    .rBlog_shareItCount > li:first-child:before {
    display:none;
    }
.rBlog_faceBookCount i{
    display:inline-block;
    background:url(https://www.rekhta.org/Content/Images/RekhtaBlog/rBlog_fbIcon.png) no-repeat left top;
    vertical-align:middle;
    width:8px;
    height:16px;
    margin-right:16px;
    position: relative;
    top: -3px;
}
.rBlog_shareItCount li.rBlog_twitterCount{
    background:#76a9ea;
    color:#fff;
}
.rBlog_twitterCount i{
    display:inline-block;
    background:url(https://www.rekhta.org/Content/Images/RekhtaBlog/rBlog_twitterIcon.png) no-repeat left top;
    vertical-align:middle;
    width:19px;
    height:16px;
    margin-right:16px;
    position: relative;
    top: -2px;
}
.rBlog_commentCount i{
    display:inline-block;
    background:url(https://www.rekhta.org/Content/Images/RekhtaBlog/rBlog_commentIcon.png) no-repeat left top;
    vertical-align:middle;
    width:15px;
    height:15px;
    margin-right:16px;
    position: relative;
    top: -2px;
}

.rBlog_shareONSocailMedia > i{
    display:inline-block;
    background:url(https://www.rekhta.org/Content/Images/RekhtaBlog/rBlog_shareIcon.png) no-repeat left top;
    vertical-align:middle;
    width:19px;
    height:19px;
    margin-right:16px;
    position: relative;
    top: -1px;
}
.rBlog_shareONSocailMedia{
    cursor:pointer;
}
.rBlog_shareONSocailMedia ul{
    display:none;
    list-style:none;
    width: 140px;
    left: 0px;
    top: 56px;
    z-index: 1;
    position: absolute;
    background: #ffffff;
    box-shadow: 0px 1px 5px #ccc;
    padding: 15px 15px 5px 15px;
}
.rBlog_shareONSocailMedia ul li{
    margin-bottom:10px;
}
    .rBlog_shareONSocailMedia ul li a{
    display:block;
    font-size:12px;
    color:#333333;
    font-family:Lato;
    text-align:left;
    line-height:1;
    font-weight:400;
    transition:all ease 0.4s;
    -webkit-transition:all ease 0.4s;
    -moz-transition:all ease 0.4s;
    -o-transition:all ease 0.4s;
    }
    .rBlog_shareONSocailMedia ul li i{
        position: relative;
    top: -2px;
    width:26px;
    height:26px;
    border-radius:50%;
    transition:all ease 0.4s;
    -webkit-transition:all ease 0.4s;
    -moz-transition:all ease 0.4s;
    -o-transition:all ease 0.4s;
    }
    .rBlog_shareONSocailMedia ul li a:hover {
    font-weight:700;
    }
    .rBlog_shareONSocailMedia ul li a:hover i{
    transform: translate3d(0px, -3px, 0px);
    -moz-transform: translate3d(0px, -3px, 0px);
    -webkit-transform: translate3d(0px, -3px, 0px);
    -o-transform: translate3d(0px, -3px, 0px);
    box-shadow: 0px 3px 5px #333333;
    }

    .rBlog_faceBookShare i{
     display:inline-block;
    background:#3b5998 url(https://www.rekhta.org/Content/Images/RekhtaBlog/fbShareIcon.png) no-repeat center center;
    vertical-align:middle;
    margin-right:16px;
    }
    .rBlog_twitterShare i{
     display:inline-block;
    background:#55acee url(https://www.rekhta.org/Content/Images/RekhtaBlog/twitterShareIcon.png) no-repeat center center;
    vertical-align:middle;
    margin-right:16px;
    }
    .rBlog_gPlusShare i{
     display:inline-block;
    background:#dc4e41 url(https://www.rekhta.org/Content/Images/RekhtaBlog/gPlusShareIcon.png) no-repeat center center;
    vertical-align:middle;
    margin-right:16px;
    }

.rBlog_blogSideBar{
    padding-top:300px;
}
.rBlog_rekhtaOnSocialMedia{
background:#f0f0f0 url(https://www.rekhta.org/Content/Images/RekhtaBlog/dottedBG.png) left bottom repeat-x;
padding:22px 6px;
text-align:center;
margin-bottom:48px;
}
.rBlog_rekhtaOnSocialMedia span{
font-family:'Open Sans';
font-weight:400;
font-size:16px;
color:#4a4343;
line-height:1.2;
margin-bottom:24px;
text-align:center;
display:block;
}
.rBlog_rekhtaOnSocialMedia ul{
    list-style:none;
    margin-bottom:0;
}
.rBlog_rekhtaOnSocialMedia li{
   display:inline-block;
    margin:0 1px;
    width:77px;
    height:50px;
    text-align:center;
    background:#f8fbfd;
    font-size:10px;
    font-family:'Open Sans';
    font-weight:400;
    line-height:52px;
    text-transform:uppercase;
}
.rBlog_rekhtaOnSocialMedia li a{
    display:block;
}
.rBlog_rekhtaOnSocialMedia li.rBlog_faceBook a{
    color:#3b5998;
}
.rBlog_rekhtaOnSocialMedia li.rBlog_google a,.rBlog_rekhtaOnSocialMedia li.rBlog_youTube a{
    color:#dc4a38;
}
.rBlog_rekhtaOnSocialMedia li.rBlog_twitter{
    background:#76a9ea url(https://www.rekhta.org/Content/Images/RekhtaBlog/twitterIcon.png) no-repeat center center;
}
.rBlog_newsLetter{
    padding:32px 23px;
    background:#f0f0f0;
    margin-bottom:50px;
}
.rBlog_newsLetter h3{
    color:#a71231;
    font-size:28px;
    font-family:'Open Sans';
    font-weight:400;
    text-transform:uppercase;
    line-height:1.2;
    margin:0 0 25px 0;
    padding:0;
}
.rBlog_newsLetter p{
    color:#4a4343;
    font-size:16px;
    font-family:'Open Sans';
    font-weight:400;
    line-height:1.2;
    margin-bottom:18px;
}
.rBlog_newsLetterEmail{
    display:block;
    width:100%;
    font-size:12px;
    color:#acacac;
    padding:0 18px;
    height:40px;
    border:1px solid #e2e2e2;
    margin-bottom:20px;
}
.rBlog_newsLetterbtn{
    font-size: 16px;
    font-weight: 300;
    font-family: 'Open Sans';
    color: #fff;
    width: 136px;
    display: block;
    height: 40px;
    text-align: center;
    background-color: #a71231;
    border:none;
}
.rBlog_featuredPosts h2{
    font-size:18px;
    color:#4a4343;
    line-height:1.2;
    text-transform:uppercase;
    padding:0 0 25px 0;
    margin-bottom:25px;
    border-bottom:1px solid #d7d7d7;
}
.rBlog_featuredPosts h2 i{
    background:url(https://www.rekhta.org/Content/Images/RekhtaBlog/blogHeaderIcon.png) no-repeat center center;
    display:inline-block;
    vertical-align:middle;
    width:18px;
    height:15px;
    margin-right:12px;
}
.rBlog_featuredPostsItems{
    margin-bottom:30px;
}
.rBlog_featuredPostsItemsImg{
    float:left;
    width:153px;
    height:auto;
    margin-right:18px;
    display:block;
}
.rBlog_featuredPostsItemsBody{
    overflow:hidden;
    position:relative;
}
.rBlog_featuredPostsItemsBody:before{
    position:absolute;
    left:0;
    top:0;
    width:36px;
    height:1px;
    background:#b7b7b7;
    content:'';
}
.rBlog_featuredPostsItemsBody p{
    font-family:'Open Sans';
    font-weight:400;
    line-height:1.66;
    color:#4a4343;
    margin:0;
    font-size:12px;
}
.rBlog_featuredPosts{
    margin-bottom:60px;
}
.rBlog_popularPosts .rBlog_featuredPostsItemsBody{
    padding-top:25px;
}
.rBlog_rekhtaWebPosts .rBlog_featuredPostsItemsBody{
    padding-top:20px;
}
.rBlog_featuredPostsItemsBody h4 {
    font-family:'Open Sans';
    font-weight:400;
    line-height:1.42;
    color:#4a4343;
    margin:0 0 25px 0;
    font-size:14px;
    text-transform:uppercase;
}
.rBlog_rekhtaWebPosts .rBlog_featuredPostsItemsBody p{
    font-family:'Open Sans';
    font-weight:400;
    line-height:1.42;
    color:#4a4343;
    margin:0 0 0 0;
    font-size:14px;
}
.rBlog_blogPaging{
    margin-bottom:72px;
}
.rBlogPagingDetails{
    float:left;
}
.rBlogPagingDetails span{
    font-family:'Open Sans';
    font-weight:300;
    font-size:18px;
    line-height:34px;
    color:#4a4343;
    display:block;
}
.rBlogPagingDetails span a{
    font-family:'Open Sans';
    font-weight:300;
    font-size:18px;
    line-height:34px;
    color:#a71231;
    display:inline-block;
    border:1px solid rgba(167,18,49,0.42);
    background:#f8fbfd;
    padding:0 10px;
    vertical-align:middle;
    margin:0 5px;
}
.rBlog_nextPrevPaging{
    float:right;
}
.rBlog_nextPrevPaging a{
    width:113px;
    height:36px;
    display:inline-block;
    vertical-align:middle;
    font-family:'Open Sans';
    font-weight:300;
    font-size:18px;
    line-height:34px;
    background:#f0f0f0;
    color:#605b5b;
    text-align:center;
}
.rBlog_nextPrevPaging a.rBlog_prev{
    margin-right:16px;
}
.rBlog_nextPrevPaging a.rBlog_next{
    background:#a71231;
    color:#ffffff;
}
    .rBlog_nextPrevPaging a.rBlog_next i{
    background:url(https://www.rekhta.org/Content/Images/RekhtaBlog/nextArrow.png) no-repeat center center;
    display:inline-block;
    vertical-align:middle;
    width:31px;
    height:13px;
    margin-left:10px;
    position:relative;
    top:-1px;
    }
.rBlog_authorProfilePic{
    float:left;
    margin-right:20px;
    width:113px;
    height:114px;
    border-radius:50%;
    display:block;
}
.rBlog_authorDetailsBody{
    overflow:hidden;
    padding-top: 10px;
}
.rBlog_authorDetailsBody h4{
    color:#3687ec;
    font-size:24px;
    line-height:1.2;
    font-family:'Open Sans';
    font-weight:300;
    padding:0;
    margin:0 0 12px 0;
    text-transform:uppercase;
}
.rBlog_authorDetailsBody h4 a{
    color:#3687ec;
}
.rBlog_authorDetailsBody p{
    color:#4a4343;
    font-size:14px;
    line-height:1.4;
    font-family:'Open Sans';
    font-weight:400;
    padding:0;
    margin:0;
}
.rBlog_blogAuthorDetails{
    padding-bottom:46px;
    border-bottom: 2px solid #f0f0f0;
    margin-bottom:46px;
}
.rBlog_blogDetailsPage .rBlog_blogListingItem{
   padding-bottom:46px;
   margin-bottom:46px;
}

/*------ Comment Section CSS Starts Here ------*/



/*------ Comment Section CSS Ends Here ------*/


@media all and (min-width:320px) and (max-width:991px){
.rBlog_blogContent {
   width:100%;
   float:none;
   padding:0 20px;
}
.rBlog_blogSideBar {
   width:100%;
   float:none;
   padding:0 20px;
   box-sizing:border-box;
}
.rBlog_blogListingItem h2{
    font-size:22px;
}
.rBlogPagingDetails {
    float: none;
}
.rBlog_nextPrevPaging {
    float: none;
    padding-top: 20px;
}
.rBlog_rekhtaOnSocialMedia li{
    width: 73px;
}
.rBlog_shareItCount > li{
    width: 79px;
}
.rBlog_shareONSocailMedia ul{
    left:auto;
    right:-1px;
}
.rBlog_blogContainer {
    padding-top: 90px;
}

}

@media all and (min-width:992px) and (max-width:1279px){
.rBlog_blogContainer {
    padding-top: 90px;
}
.rBlog_blogContent {
    padding: 0 30px;
    width: 60%;
}
.rBlog_blogSideBar {
    width: 40%;
    padding-right: 30px;
    box-sizing: border-box;
    padding-top: 150px;
}
.rBlog_blogListingItem h2{
    font-size:28px;
}




}


/*----- Rekhta Blog CSS Ends Here -----*/

#mobMenuButton {
    background: url(https://www.rekhta.org/Content/Images/menu.png)no-repeat center;
    width: 32px;
    height: 32px;
}
#mobMenuButtonLi span, #mobMenuButton span{
    display:none;
}



/* dictionary css*/

.search_heading h2{
    font-size:18px;
}
.meaningUrduText {
    font-family: 'Jameel Noori Nastaleeq';
}
.meaningImagePopupLayout {
    background-color: rgba(0,0,0,0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 99999;
    opacity:0;
    /*display: none;*/
}

    .meaningImagePopupLayout .meaningImgBox {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        overflow-y:auto;
        padding:32px;
        width:100%;
    }

        .meaningImagePopupLayout .meaningImgBox .meaningImageList {
            width: 320px;
            float: left;
            padding-right: 32px;
            position: fixed;
            bottom: 32px;
            z-index: 9;
        }

        .meaningImagePopupLayout .meaningImgBox .meaningPopupImage {
            float: left;
            width: 100%;
            height: 100%;
            text-align: center;
            position: relative;
        }
.listContent {
    width: 100%;
}
.meaningPopupImage img, #meaningImgContainer img {
    height: 100%;
    display: inline-block;
}
.imgMeaning li {
    list-style: none;
    width:50%;
    float:left;
    margin-bottom:8px;
    padding:4px 8px;
}
    .imgMeaning li a {
        padding: 16px;
        display: inline-block;
        width: 100%;
        font-size: 16px;
        border-bottom: 1px solid #f3f3f3;
        position: relative;
    }

.pageName {
    font-weight: bold;
    width: 160px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    display: inline-block;
}
.listContent .pageName{
    font-weight:normal;
    font-size:16px;
}
.pageNumber{
    float:right;
}
.pageLang{
    position:absolute;
    left:65%;
}
.meaningImageList ul {
    display: inline-block;
    vertical-align: middle;
    width: 100%;
    margin: 0;
}

    .meaningImageList ul li {
        list-style: none;
    }
        .meaningImageList ul li a {
            padding: 16px;
            background: rgba(0,0,0,0.3);
            color: #fff;
            cursor: pointer;
            display: block;
            font-family: "Titillium Web", sans-serif;
            font-size: 14px;
            position: relative;
        }
            .meaningImageList ul li.imgListActive a {
                background: rgb(168, 20, 50);
            }
.imageListButton {
    display: block;
    width: 56px;
    height: 56px;
    background: #bd0f0f;
    position: absolute;
    left: calc(50% - 28px);
    top: -70px;
    text-align: center;
    line-height: 49px;
    cursor: pointer;
    display: none;
    z-index: 1;
    border-radius: 50%;
    font-size: 32px;
    color: #fff;
    transition: ease 0.2s;
}
    .imageListClose {
        display:block;
        background:transparent;
        position:fixed;
        right:32px;
        left:auto;
        top:16px;
        width:56px;
        height:56px;
        z-index:1;
        cursor:pointer;
    }
        .imageListClose img {
            width: 100%;
            vertical-align: middle;
        }
        .openImageList .meaningImageList {
            bottom: 0 !important;
        }
.openImageList .imageListButton {
    line-height: 27px;
    top: -28px;
    border-radius: 50px 50px 0 0;
    background: rgba(0,0,0,0.6);
    height: 28px;
}
    .openImageList .imageListButton img {
        transform: rotate(180deg);
    }
    .imgNotFound {
        height: auto !important;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        max-width: 248px;
        opacity: .6;
    }
.nextPrevImg {
    width: 100%;
    max-width: 1170px;
    position: absolute;
    top: 0;
    margin: auto;
    left: 0;
    bottom: 0;
    right: 0;
    height: 56px;
    z-index: 1;
}
    .nextPrevImg .dicArrow {
        position: absolute;
        width: 56px;
        height: 56px;
        font-size: 28px;
        color: #fff;
        border-radius:2px;
        cursor:pointer;
        background-color: rgba(0,0,0,0.3);
        background-repeat: no-repeat;
        background-position: center;
    }
        .nextPrevImg .dicArrow.imgPrev {
            left: 0;
            background-image:url(https://www.rekhta.org/Content/Images/imgPrev.png);
        }
        .nextPrevImg .dicArrow.imgNext {
            right: 0;
            background-image: url(https://www.rekhta.org/Content/Images/imgNext.png);
        }
        /*spinner start*/
        .spinnerBox {
            position: absolute;
            left: 0;
            z-index: 99;
            right: 0;
            top: 0;
            bottom: 0;
            margin: auto;
            width: 56px;
            height: 56px;
            background: rgba(0,0,0,0.5);
        }
.spinner1 {
    animation: rotator 2.5s linear infinite;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    bottom: 0;
}

@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;
}

@keyframes colors {
    0% {
        stroke: #ffffff;
    }

    25% {
        stroke: #ffffff;
    }

    50% {
        stroke: #ffffff;
    }

    75% {
        stroke: #ffffff;
    }

    100% {
        stroke: #ffffff;
    }
}

@keyframes dash {
    0% {
        stroke-dashoffset: 200;
    }

    50% {
        stroke-dashoffset: 50;
        transform: rotate(180deg);
    }

    100% {
        stroke-dashoffset: 200;
        transform: rotate(720deg);
    }
}
/*@media start*/
@media (max-width:1024px) {
    .meaningImagePopupLayout .meaningImgBox .meaningImageList {
        position: fixed;
        width: 100%;
        height: auto;
        background-color: rgba(0,0,0,0.6);
        margin-right: 0;
        padding: 16px;
        /*bottom: -250px;*/
        left: 0;
        -moz-transition: ease 0.3s;
        -webkit-transition: ease 0.3s;
        transition: ease 0.3s;
    }

    .listContent {
        display: inline-block;
        overflow-y: auto;
        max-height: 540px;
    }

    .imageListButton {
        display: block;
    }
}
    @media (max-width:992px) {


        .meaningPopupImage:before {
            content: '';
            display: inline-block;
            height: 100%;
            vertical-align: middle;
        }
        .meaningImagePopupLayout .meaningImgBox .meaningPopupImage {
            padding: 32px 0px;
        }
        .meaningPopupImage img {
            height: auto !important;
            width: 92%;
            vertical-align: middle;
            position: absolute;
            left: 0;
            margin: auto;
            right: 0;
            bottom: 0;
            top: 0;
        }

        .meaningImageList ul li {
            margin-bottom: 0px;
        }

            .meaningImageList ul li a {
                background: transparent;
                padding: 8px 8px;
            }
        .imgMeaning li{
            margin-bottom:0;
            padding:0;
        }
        /*.pageName{
            font-weight:normal;
        }*/
        .imgMeaning li a {
            font-size: 14px;
            border: none;
        }

        .imageListClose {
            right: 8px;
            top: 8px;
            width: 32px;
            height:32px;
        }
        .imgMeaning li{
            width:100%;
        }
        .nextPrevImg .dicArrow{
            width:16px;
            background-size:8px;
            background-color: rgba(0,0,0,0.5);
        }
    }
@media (max-width:480px) {

    .meaningPopupImage img{
        width:100%;
    }

}