body {
    margin: 0;
    font-family: arial;
    background: #f5f5f5;
    color: #333;
    font-size: 15px;
    line-height: 25px;
    overflow-x: hidden;
}

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

a {
    text-decoration: none
}

    a:active, a:focus {
        border: 0;
        outline: 0
    }

p {
    margin: 0
}

a, img {
    outline: 0px;
    border: 0px
}

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

.logo_sec {
    width: 100%;
    float: left;
    background: #e1283e url(/images/logo_back.png) no-repeat center top;
    height: 205px
}

.logo_mid {
    width: 1200px;
    margin: 0 auto
}

.katherine_div {
    width: 180px;
    float: right;
    text-align: center;
    margin-top: 15px
}

.logo_div {
    width: 786px;
    float: right
}

a.peShiner {
    display: block;
    text-align: center;
    margin: 15px auto 0
}

.katherine_div a {
    display: block
}

.image a, .box_clone a {
    cursor: default
}

.katherine_div a p {
    background: #f83030;
    padding: 2px 0;
    font-size: 14px;
    color: #fff
}

.slider_sec {
    width: 100%;
    float: left;
    position: relative
}

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

.menu_sec {
    width: 100%;
    position: absolute;
    top: 215px;
    z-index: 168
}

.drop_down {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.toggle_icon {
    width: 50px;
    height: 50px;
    background: #d6152c;
    float: left;
    text-align: center;
    cursor: pointer;
    border-radius: 50%;
    transition: .6s ease-in-out
}

.drop_down_link {
    height: 50px;
    background: url(/images/menu_back.png) no-repeat;
    position: absolute;
    width: 1160px;
    left: 38px
}

.notice_sec {
    width: 100%;
    height: 103px;
    background: url(/images/notice_back.jpg) repeat-x;
    float: left;
    margin-top: 55px
}

.link_style {
    width: 1160px !important;
    transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.close_toggle {
    transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out
}

.drop_down_link > ul {
    text-align: center;
    line-height: 50px
}

    .drop_down_link > ul > li {
        display: inline-block;
        padding: 0 13px;
        position: relative;
        margin: 0 7px
    }

        .drop_down_link > ul > li > a {
            font-size: 15px;
            color: #fff;
            text-transform: capitalize;
            white-space: nowrap
        }

        .drop_down_link > ul > li:before {
            content: "|";
            position: absolute;
            color: #fff;
            left: -10px
        }

li.con_first:before {
    content: "" !important
}

p.Karen_p br {
    display: none
}

.katherine_div img {
    vertical-align: bottom;
}
/*------------------- Code by Ankit Mishra (start) -------------------*/
@media screen and (min-width: 1025px) {

    ul.new {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        min-width: 400px;
        padding: 9px 0px;
        min-height: 255px;
        transition: .2s ease-in-out;
        text-align: left;
        z-index: -1;
        line-height: 40px;
        background: #fff url(/images/ul_back.png) no-repeat right bottom
    }

    .drop_down_link > ul > li:nth-child(2) > ul.new {
        background: url(/images/menu-img/about-us.png) no-repeat bottom right;
        background-color: #fff;
    }

    .drop_down_link > ul > li:nth-child(3) > ul.new {
        background: url(/images/menu-img/Academic-Profile_A.png) no-repeat bottom right;
        background-color: #fff;
    }

    .drop_down_link > ul > li:nth-child(4) > ul.new {
        background: url(/images/menu-img/Rules-And-Regulations.png) no-repeat bottom right;
        background-color: #fff;
    }

    .drop_down_link > ul > li:nth-child(5) > ul.new {
        background: url(/images/menu-img/Messages1.png) no-repeat bottom right;
        background-color: #fff;
    }

    .drop_down_link > ul > li:nth-child(6) > ul.new {
        background: url(/images/menu-img/photogallery_2.png) no-repeat bottom right;
        background-color: #fff;
    }

    .drop_down_link > ul > li:hover ul.new {
        visibility: visible;
        top: 100%;
        opacity: 1;
        transition: .6s ease-in-out
    }

    .drop_down_link > ul > li:hover .drop_down_link {
        overflow: auto !important;
        background: #ffc0cb
    }

    .drop_down_link > ul > li:nth-child(7) > ul.new {
        background: url(/images/menu-img/achievement_2.png) no-repeat bottom right;
        background-color: #fff;
    }

    .drop_down_link > ul > li:nth-child(8) > ul.new {
        background: url(/images/menu-img/Office-Bearers_2.png) no-repeat bottom left;
        background-color: #fff;
    }

    .drop_down_link > ul > li:nth-child(9) > ul.new {
        background: url(/images/menu-img/contact-us_2.png) no-repeat bottom left;
        background-color: #fff;
    }
}


/*------------------- Code by Ankit Mishra (End) -------------------*/


/*ul.new{visibility:hidden;opacity:0;position:absolute;top:0;left:0;min-width:350px;    padding: 9px 0px;    min-height: 255px;transition:.2s ease-in-out;text-align:left;z-index:-1;line-height:40px;background:#fff url(/images/ul_back.png) no-repeat right bottom}*/
ul.new li {
    padding-left: 13px;
    line-height: 30px;
    width: 100%;
    float: left;
    box-sizing: border-box
}

    ul.new li a {
        font-size: 15px;
        color: #e83449;
        transition: .5s ease-in-out;
        background: url(/images/left_im.png) no-repeat -21px 3px;
        white-space: nowrap
    }

        ul.new li a:hover {
            padding-left: 30px;
            background: url(/images/left_im.png) no-repeat 0 3px
        }

ul.new_I {
    text-align: right;
    right: -13px;
    left: auto;
}

    ul.new_I li a:hover {
        padding-right: 30px;
        background: url(/images/left_im.png) no-repeat 100% 3px;
    }
    /*ul.new_I li a {background: url(/images/left_im.png) no-repeat 100px 3px;}*/
    ul.new_I li a {
        background: url(/images/left_im.png) no-repeat 180% 3px;
    }

    ul.new_i li {
        padding-right: 27px;
    }

.read_more_n {
    width: 100%;
    margin-top: 30px;
    float: left
}

    .read_more_n a {
        display: block;
        width: 120px;
        margin: 0 auto;
        font-size: 15px;
        color: #828282;
        text-decoration: none;
        position: relative;
        text-align: center;
        box-sizing: border-box;
        overflow: hidden;
        line-height: 40px;
        border: 1px solid #b9b9b9;
        border-radius: 10px;
        transition: .2s ease-in-out
    }

.notice_main {
    width: 1130px;
    margin: 0 auto
}

.heading_notice {
    width: 305px;
    float: left;
    margin-top: 33px;
    text-align: center
}

.detail_notice {
    width: 791px;
    float: right;
    position: relative
}

.notice_center {
    width: 710px;
    margin: 0 auto
}

img.notice_left {
    position: absolute;
    top: 40%;
    cursor: pointer;
    left: 0px;
}

img.notice_right {
    position: absolute;
    top: 40%;
    cursor: pointer;
    right: 0
}

a.read_more {
    color: #bcbcbc;
    font-size: 14px
}

h1.heading_all {
    color: #bcbcbc;
    font-size: 30px;
    font-weight: 500;
    margin: 0 0 7px;
    text-align: center
}

    h1.heading_all span {
        color: #de243b;
        font-size: 36px;
        font-weight: 700;
        text-transform: capitalize;
    }

.about_center p {
    margin-top: 30px;
    text-align: center
}

.about_us_sec {
    width: 100%;
    float: left;
    background: url(/images/about_im.png) no-repeat bottom left;
    height: 325px
}

.fixed {
    position: fixed;
    top: 0 !important;
}

.clear {
    clear: both;
    display: block
}

.section_div {
    width: 340px;
    float: left
}

.date_sec {
    width: 50px;
    float: left
}

    .date_sec p {
        color: #d1d1d1;
        font-size: 44px;
        line-height: 103px
    }

.con_sec {
    width: 280px;
    float: right;
    margin-top: 21px
}

span.notice_span {
    color: #8d8d8d;
    font-size: 14px;
    background: url(/images/notice_watch.png) no-repeat left 2px;
    padding-left: 20px
}

p.notice_con_para {
    font-size: 14px;
    color: #252525
}

.about_center {
    width: 885px;
    margin: 60px auto 0
}

span.left_im, span.right_im {
    vertical-align: 7px
}

.hamburger-bar:nth-child(1) {
    transform: translate(0,6px) rotate(45deg)
}

.hamburger-bar:nth-child(2) {
    opacity: 0
}

.hamburger-bar:nth-child(3) {
    transform: translate(0,-8px) rotate(-45deg)
}

.hamburger-bar {
    display: block;
    height: 2px;
    background: #fff;
    margin-bottom: 5px;
    transition: all .5s ease;
    width: 26px
}

.toggle_icon_n {
    margin: 18px 0 0 12px
}

.close_toggle .toggle_icon_n .hamburger-bar:nth-child(1), .close_toggle .toggle_icon_n .hamburger-bar:nth-child(3) {
    transform: initial
}

.close_toggle .toggle_icon_n .hamburger-bar:nth-child(2) {
    opacity: 1
}

.messages_sec {
    width: 100%;
    height: 456px;
    float: left;
    background: url(/images/msg_back.png) no-repeat bottom right
}

.msg_center {
    width: 1200px;
    margin: 0 auto;
    padding: 50px 0;
    box-sizing: border-box;
    height: 456px;
    background: url(/images/msg_n_back.jpg)
}

.mid_se {
    width: 1115px;
    margin: 0 auto;
    position: relative
}

.tab-nav.j-tab-nav {
    width: 600px;
    float: right
}

.tab_button {
    margin-top: 40px
}

.tab-con-item {
    width: 100%;
    float: left
}

    .tab-con-item img {
        position: absolute;
        top: 0;
        left: 0
    }

a#next {
    position: absolute;
    right: 0;
    padding: 7px 10px;
    border-radius: 7px;
    border: 1px solid #b9b9b9;
    z-index: 1;
}

a#prev {
    position: absolute;
    right: 40px;
    border: 1px solid #b9b9b9;
    padding: 7px 10px;
    border-radius: 7px;
    z-index: 1;
}

.msg_content {
    width: 600px;
    float: right;
    margin-top: 40px
}

    .msg_content p {
        text-align: justify
    }

.tab-nav.j-tab-nav a {
    color: #cecece;
    padding-right: 14px;
    font-size: 22px !important
}

a.current {
    color: #333 !important;
    font-size: 22px !important
}

a.active1 {
    background: url(/images/line.jpg) no-repeat 100%
}

a.active2 {
    padding-left: 10px
}

.photo_gallery {
    width: 100%;
    height: 575px;
    background: url(/images/gallery_back.png) no-repeat right top;
    float: left;
}

.gallery_con {
    width: 100%;
    height: 455px;
    float: left;
    background: url(/images/gallery_im.jpg) no-repeat bottom;
    margin-top: 28px;
}

.gallery_center {
    width: 1160px;
    margin: 50px auto;
    position: relative;
}

h1.galler_heading {
    font-size: 15px;
    text-align: center;
    margin: 0px;
    text-transform: uppercase;
}

p.photo_con {
    width: 715px;
    text-align: center;
    margin: 0 auto;
}

div#galley_slider {
    margin: 30px auto 0px;
}

    div#galley_slider ul li {
        margin: 0px 6px;
        position: relative;
        overflow: hidden;
        width: 211px !important;
        height: 146px !important;
    }

.gallery_center:after {
    content: "";
    clear: both;
    display: block;
}

img.photo_left {
    position: absolute;
    right: 40px;
    border: 1px solid #b9b9b9;
    padding: 7px 10px;
    border-radius: 7px;
    cursor: pointer;
    top: 0
}

img.photo_right {
    position: absolute;
    right: 0;
    border: 1px solid #b9b9b9;
    padding: 7px 10px;
    border-radius: 7px;
    top: 0;
    cursor: pointer
}

.achievemnt_faci {
    width: 100%;
    height: 589px;
    float: left;
    background: url(/images/achi_back.png) no-repeat center
}

.achi_slider {
    width: 1200px;
    margin: 70px auto 0
}

.achivement_sec {
    width: 562px;
    float: left
}

.facilities_sec {
    width: 562px;
    float: right
}

.slider_im {
    width: 100%;
    float: left;
    margin-top: 30px;
    height: 455px;
    background: url(/images/msg_n_back.jpg)
}

.center_d {
    width: 460px;
    height: 358px;
    margin: 50px auto;
    position: relative
}

div#achi_slide, div#faci_slide {
    margin: 0 auto
}

img.achi_left, img.faci_left {
    left: 0
}

img.achi_right, img.faci_right {
    right: 0
}

img.achi_right, img.achi_left, img.faci_left, img.faci_right, img.th_left, img.th_right, img.stu_right, img.stu_left {
    z-index: 10;
    position: absolute;
    border: 1px solid #b9b9b9;
    padding: 7px 10px;
    border-radius: 7px;
    top: 25%;
    cursor: pointer
}

h1.achi_h {
    font-size: 15px;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
    text-align: left;
    width: 324px;
    margin: 13px auto 0
}

.birthday_sec {
    width: 100%;
    float: left;
    height: 655px;
    background: url(/images/birth_im.png) no-repeat right top
}

.birthday_center {
    width: 100%;
    float: left;
    margin-top: 70px
}

.birth_slide {
    width: 715px;
    height: 325px;
    position: relative; /*background-image:url(/images/ballon_left.png),url(/images/ballon_right.png);background-repeat:no-repeat;background-position:left,right;*/
    float: left
}

.icon_sec {
    width: 562px;
    float: right;
    margin-right: 70px;
    margin-top: 13px
}

.birthday_cen {
    max-width: 1348px;
    margin: 0 auto;
    width: 100%
}

.main_sl {
    width: 585px;
    margin: 0 auto
}

div#teacher_slide ul li p, div#stu_slide ul li p {
    text-align: center;
    margin-top: 10px
}


div#teacher_slide, div#stu_slide {
    margin: 15px auto 0
}

.teacher_stu {
    width: 100%;
    margin-top: 55px
}

.teacher_div {
    width: 270px;
    float: left;
    position: relative
}

.stu_div {
    width: 270px;
    float: right;
    position: relative
}

div#stu_slide {
    width: 100%;
    max-width: 190px;
    margin: 0 auto;
    margin-top: 15px;
}

    div#stu_slide ul {
        width: 100%;
        float: left;
    }

        div#stu_slide ul li {
            width: 100%;
            float: left;
        }

img.th_right, img.stu_right {
    top: 43%;
    right: 0
}

img.th_left, img.stu_left {
    top: 44%;
    left: 0
}

.thought_of_day {
    width: 100%;
    float: left;
    text-align: center;
    margin-top: 52px
}

blockquote p {
    font-size: 22px;
    font-style: italic;
    margin-top: 30px
}

.icon_se {
    width: 233px;
    float: right;
    position: relative;
    top: 159px
}

    .icon_se ul li {
        display: inline-block;
        margin-right: 13px;
        position: relative
    }

    .icon_se ul span {
        margin: 0 3.5px
    }

    .icon_se ul li:after {
        content: "";
        position: absolute;
        background: url(/images/icon_l.jpg) no-repeat;
        width: 1px;
        height: 56px;
        z-index: 78;
        top: 0;
        right: -12px
    }

    .icon_se ul li:nth-child(1) a, .icon_se ul li:nth-child(2) a, .icon_se ul li:nth-child(3) a, .icon_se ul li:nth-child(4) a {
        width: 33px;
        height: 22px;
        display: block;
        transition: .6s ease-in-out
    }

    .icon_se ul li:nth-child(1) a {
        background: url(/images/icon_h_Updated.png)
    }

    .icon_se ul li:nth-child(1):hover a {
        background: url(/images/icon_h_Updated.png) 0 -22px
    }

    .icon_se ul li:nth-child(2) a {
        background: url(/images/icon_h_Updated.png) -55px 0
    }

        .icon_se ul li:nth-child(2) a:hover {
            background: url(/images/icon_h_Updated.png) -55px -22px
        }

    .icon_se ul li:nth-child(3) a {
        background: url(/images/icon_h_Updated.png) -107px 0
    }

        .icon_se ul li:nth-child(3) a:hover {
            background: url(/images/icon_h_Updated.png) -107px -22px
        }

    .icon_se ul li:nth-child(4) a {
        background: url(/images/icon_h_Updated.png) -188px 1px;
        width: 17px
    }

        .icon_se ul li:nth-child(4) a:hover {
            background: url(/images/icon_h_Updated.png) -188px -22px;
            width: 17px
        }

    .icon_se ul li:nth-child(5) a {
        background: url(/images/icon_h_Updated.png) -217px 1px;
        width: 33px;
        height: 22px;
        display: block;
        transition: .6s ease-in-out;
    }

        .icon_se ul li:nth-child(5) a:hover {
            background: url(/images/icon_h_Updated.png) -217px -22px;
            width: 33px;
        }

    .icon_se ul li:nth-child(4) {
    }

    .icon_se ul li:nth-child(5):after {
        background: none
    }

.icon_sec ul li a {
    display: block;
    position: relative;
}

.icon_sec ul {
    text-align: center;
}

    .icon_sec ul li a img {
        background: url(/images/back_icon.png);
        transition: 0.6s ease-in-out;
        -webkit-transition: 0.5s ease-in-out;
        -moz-transition: 0.5s ease-in-out;
    }

    .icon_sec ul li:hover img {
        background: url(/images/back_icon_1.png) 0px 100px;
    }

.para_p {
    color: #333333;
    margin-top: 10px;
    position: relative
}

.para_p1::before {
    left: 20px !important;
}

.para_p4::before {
    left: 0px !important;
}

.para_p2::before {
    left: 22px !important;
}

.icon_sec ul li {
    display: inline-block;
    margin: 26px 52px;
}

.app_sec {
    width: 100%;
    height: 340px;
    margin-top: 53px;
    background: url(/images/msg_n_back.jpg);
    float: left;
}

.app_center {
    width: 1200px;
    margin: 38px auto;
}

.karen_n {
    width: 322px;
    float: left;
}

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

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

.icon_f1 {
    width: 100%;
    float: left;
    margin-top: 10px;
}

    .icon_f1 ul li {
        display: inline-block;
        margin-right: 12px;
    }

.app_slide {
    width: 878px;
    float: left;
    text-align: center;
    position: relative;
}

.app_right_1 {
    width: 590px;
    float: left;
    text-align: center;
    position: absolute;
    bottom: 27px;
    z-index: 6;
}

.app_right {
    width: 292px;
    margin-top: -104px;
    height: 427px;
    float: right;
    text-align: center;
    background: url(/images/hand.png) bottom left no-repeat;
    background-size: 300px;
}

.download_all_app ul li {
    display: inline-block;
    margin: 0px 5px;
}

p.school_code {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 5px;
    color: #4e4949eb;
    text-align: center;
}

span.school_c {
    color: #040707;
    padding: 6px;
    font-size: 14px;
}

p.download {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 16px;
}

    p.download img {
        margin: 0px 9px -5px 0px;
    }

p.download {
    font-size: 14px;
    text-transform: uppercase;
    margin-top: 16px;
    font-weight: 600;
    color: #353434;
}

.download_all_app ul {
    text-align: center;
}

.download_all_app {
    width: 100%;
    float: left;
    margin-top: 10px;
}

.footer_sec {
    width: 100%;
    height: 60px;
    background: #de243b;
    line-height: 60px;
    float: left;
    position: relative;
    z-index: 7;
}

    .footer_sec p {
        font-size: 15px;
        color: #f5f5f5;
    }

.footer_c p img {
    margin: 0px 8px;
}

.footer_c {
    width: 1200px;
    margin: 0 auto;
}

p.Karen_p {
    width: 845px;
    float: left;
}

p.visitor {
    width: 300px;
    float: right;
    text-align: right;
}

.icon_sec ul li a:hover:before {
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
}

.para_p::before {
    position: absolute;
    top: 0;
    left: 6px;
    overflow: hidden;
    max-width: 0;
    color: #b9b9b9;
    content: attr(data-hover);
    -webkit-transition: max-width 2.1s;
    -moz-transition: max-width 2.1s;
    transition: max-width 2.1s;
    white-space: nowrap;
}

.icon_sec ul li a:hover .para_p::before {
    max-width: 100%;
}

.con_heading {
    width: 100%;
    float: left;
    position: relative;
    min-height: 609px;
    background: url(/images/master_back.png) no-repeat center fixed;
}

.master_b {
    width: 100%;
    margin-top: 115px;
    float: left;
    position: relative;
}

.master_center {
    width: 1100px;
    margin: 0 auto;
}

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

.conetnt_master {
    width: 100%;
    float: left;
    margin-top: 40px;
    min-height: 243px;
}

    .conetnt_master > p {
        margin-bottom: 10px;
        text-align: justify;
    }

img.left_in {
    float: left;
    margin: 0px 40px 0px 0px;
    max-width: 110px;
}

.carousel {
    list-style: none;
    margin: 0;
    padding: 0px;
    display: inline-block;
    height: 55px;
    background: Red;
    margin-left: -136px;
    margin-top: 0px;
    position: relative;
    z-index: 0;
}

    .carousel li {
        width: 53px;
        height: 53px;
        display: inline-block;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        overflow: hidden;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
    }

        .carousel li .appTxt {
            display: none;
        }

    .carousel .items .appImg {
        background: #b9b9b9;
    }

    .carousel .main-pos .appImg {
        background: #be1e2d;
    }

.items {
    position: absolute;
}

.main-pos {
    margin-left: 40px !important;
    z-index: 3000;
}

.left-pos {
    margin-left: 0px !important;
    z-index: 1000;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    transform: scale(.75);
}

.back-pos {
    margin-left: 40px !important;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    transform: scale(.5);
}

.right-pos {
    margin-left: 80px !important;
    z-index: 1000;
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    transform: scale(.75);
}

.appTextShow {
    width: 100%;
    float: left;
    font-size: 15px;
    min-height: 85px;
}

    .appTextShow > .appImg {
        display: none;
    }

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

    .fullBox #prev1, .fullBox #next1 {
        display: inline-block;
        margin: 0px 11px;
    }

div#galley_slider ul > li > a > img {
    width: 211px !important;
    height: 139px !important;
}

div#achi_slide ul li a {
    width: 321px !important;
    height: 218px !important;
    display: block;
}

.caption {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    height: 100%
}

    .caption:after {
        background: rgba(0, 0, 0, 0.55);
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        content: '';
        opacity: 0;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
    }

div#galley_slider ul li a:hover .caption:after {
    opacity: 1;
    transition: all 400ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

div#galley_slider ul li a:hover .caption img {
    opacity: 1;
    top: 66%;
}

.caption img {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 37%;
    margin-top: -43px;
    -webkit-transition: all 0.6s ease;
    transition: all 0.6s ease;
    z-index: 77
}

div#faci_slide ul li {
    width: 321px !important;
    height: 250px !important;
    display: block;
}

div#stu_slide ul li a {
    width: 100%;
    height: 159px !important;
    display: block;
}

ul.in_page_ul {
    list-style: url(/images/icon.png);
    list-style-position: outside;
}

    ul.in_page_ul li {
        margin-bottom: 10px;
        text-align: justify;
    }

.in_page {
    width: 845px;
    margin: 0 auto
}

.prayer p {
    vertical-align: middle;
    padding: 20px 0;
    display: table-cell;
    text-align: center
}

.prayer {
    background-image: url(/images/prayer_new.png),url(/images/prayer_new1.png);
    min-height: 258px;
    background-repeat: no-repeat;
    background-position: left 22px center,right 22px center;
    width: 100%;
    display: table
}

table.content_table {
    text-align: center;
    border-collapse: collapse;
    background: rgba(255,255,255,0.55)
}

    table.content_table tr td {
        border: 1px solid #e2e0e0
    }

ul.none_i {
    list-style: disc;
    padding-left: 16px
}

.voice_div {
    width: 31%;
    float: left;
    min-height: 172px;
    background: #eee;
    box-sizing: border-box;
    line-height: 27px;
    font-size: 14.5px;
    margin-bottom: 38px;
    margin-right: 38px;
    -webkit-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 3px 0 rgba(0,0,0,0.1);
    box-shadow: 0 4px 3px 0 rgba(0,0,0,0.05)
}

audio {
    width: 100%;
}

.voice_div b {
    font-weight: 500;
    color: rgba(53,48,48,0.62)
}

audio::-webkit-media-controls-panel {
    background: #eaeaea;
}

.voice_div1 {
    color: #333;
    padding-bottom: 16px;
    padding-top: 6px
}

    .voice_div1 b {
        padding: 0 0 0 10px
    }

span.post_1 {
    color: #333;
    font-size: 15px
}

.con_m {
    width: 692px;
    float: left;
    text-align: justify;
    margin-bottom: 21px
}

img.left_m {
    position: absolute;
    bottom: 0;
    right: 0
}

.name_t {
    float: left;
    text-align: left;
    font-size: 18px;
    color: #e8364b
}

ul.magazines li {
    width: 335px;
    height: 415px;
    background: #eee;
    display: inline-block;
    margin-right: 43px;
    position: relative;
    margin-bottom: 43px
}

    ul.magazines li h1 {
        color: #828181;
        font-size: 18px;
        text-transform: uppercase;
        font-weight: 100;
        text-align: center;
        background: #dbdbdb;
        margin: 0;
        padding: 15px
    }

.shadow_im {
    width: 100%;
    height: 178px;
    background: url(/images/image_mag.png) center center;
    position: absolute;
    bottom: 0
}

img.book_m {
    display: block;
    margin: 0 auto;
    display: block;
    margin: 0 auto;
    transition: .7s ease-in-out;
    -moz-transition: .7s ease-in-out;
    -webkit-transition: .7s ease-in-out;
    margin-top: 61px
}

ul.magazines li:hover .book_m {
    margin-top: 10px
}

.shadow_im p {
    color: #606060;
    text-align: center;
    margin-top: 58px
}

.mgn_view span, .mgn_down span {
    display: block;
    color: #282828;
    margin-top: 4px;
    font-size: 16px
}

.mgn_view, .mgn_down {
    display: block;
    float: left;
    text-align: center;
    margin-top: 20px
}

.mgn_down {
    float: right
}

.center_m {
    width: 260px;
    margin: 0 auto
}

div#achi_slide ul li a img {
    max-height: 229px
}

ul.new_I li {
    padding-right: 26px
}

.home {
    width: 340px;
    height: 45px;
    line-height: 45px;
    margin: 0 auto;
    background: #e63247;
    text-align: center;
    color: #f5f5f5;
    font-size: 18px;
    text-transform: uppercase;
    margin-bottom: 77px
}

    .home a {
        color: #f5f5f5;
        display: block
    }

sitemaph {
    position: relative;
    width: 100%;
    float: left
}

.sitemaph:after {
    content: "";
    background: url(/images/shape_sitemap.png) center no-repeat;
    position: absolute;
    top: 119px;
    left: 0;
    width: 100%;
    height: 80px
}

.sitemaph_s h1 {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    text-align: center;
    background: #dedede;
    padding: 8px 0;
    margin: 0 0 19px
}

.site_right {
    margin-right: 0 !important
}

.sitemaph_s {
    width: 300px;
    margin-right: 40px;
    margin-bottom: 47px
}

ul.sitemap li a {
    font-size: 15px;
    text-transform: capitalize;
    color: #8a8989;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out
}

ul.sitemap li:hover {
    background: url(/images/line_o.png) no-repeat 16px 12px
}

ul.sitemap li {
    padding: 0 0 10px;
    background: url(/images/line_l.png) no-repeat 0 12px;
    padding-left: 50px;
    position: relative;
    transition: .6s ease-in-out;
    -webkit-transition: .6s ease-in-out;
    -moz-transition: .6s ease-in-out
}

.logo_main {
    display: none
}

ul.sitemap li:before {
    position: absolute;
    content: "";
    top: -20px;
    background: url(/images/line_r.png) no-repeat;
    width: 1px;
    height: 34px;
    left: 0
}

ul.sitemap li:hover a {
    color: #000;
    padding-left: 20px
}

.res {
    display: none
}

img.img_in_im {
    float: left;
    margin-right: 25px
}

div#achi_slide UL LI {
    text-align: CENTER
}

.close-flyer {
    display: none
}

img.l_f {
    display: none;
}

.modalBackground {
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: .7;
    z-index: 100000 !important
}


div#teacher_slide ul li, div#stu_slide ul li {
    text-align: center;
}

img.faci_im {
    float: right;
    margin: 0px 0px 15px 15px;
}

h1.head_n {
    font-size: 20px;
    text-transform: uppercase;
    border-style: solid;
    border-width: 0px 0px 1px 3px;
    float: left;
    padding: 5px 11px 6px 14px;
    color: #989898;
    border-color: #d6d4d4 #de2339;
    font-weight: 500;
}

.menu_img {
    position: absolute;
    bottom: 0px;
    right: 0px;
    z-index: -1;
}

.back-to-top {
    position: fixed;
    bottom: 19px;
    right: 5px;
    display: none;
    transition: all .5s ease 0;
    z-index: 9999;
}

a.get_b {
    position: absolute;
    top: 50px;
    right: 50%;
    z-index: 76;
    margin-right: -352px;
}


@media screen and (min-width:0\0) {
    .searchform1 .searchfield {
        width: 234px !important;
    }

    .gallery-searchA ul li input[type='radio'] {
        border: 1px solid transparent !important;
        background: transparent !important;
    }

    .gallery-searchA li:first-child {
        padding-left: 3px !important;
    }

    ul.new li a:hover {
        padding-left: 0px !important;
        background: none !important;
    }

    ul.new_I li a:hover {
        padding-right: 0px !important;
        background: none !important;
    }

    ul.new_I li a, .hamburger-bar {
        background: none !important;
    }

    img.l_f {
        display: block !Important;
    }

    .out-moto {
        display: none !important
    }

    .download_all_app ul li {
        margin-bottom: 10px;
    }

    .close_toggle {
        background: #d6152c url("/images/menu_icon.png") no-repeat center;
    }

    .toggle_icon {
        background: #d6152c url("/images/menu_icon.png") no-repeat center;
    }
}



.phone_cl {
    width: 218px;
    float: right;
}

div#app_scroll ol.flex-control-nav.flex-control-paging {
    bottom: 49%;
    left: -147px;
}

.app_left CENTER IMG {
    background: #de243b;
    border-radius: 50%;
}



#onlinerege {
    position: absolute;
    z-index: 9;
    bottom: 58px;
    left: 50%;
    margin-left: -598px;
}

div#onlineregen_1 {
    position: absolute;
    z-index: 9;
    bottom: 58px;
    right: 50%;
    margin-right: -598px;
}

div#onlineregen_2 {
    position: absolute;
    z-index: 9;
    bottom: 15px;
    right: 50%;
    margin-right: -598px;
}

#onlineregen {
    position: absolute;
    z-index: 9;
    bottom: 15px;
    left: 50%;
    margin-left: -598px;
}

.app_right img {
    margin: 68px 0px 0px -93px;
}