@font-face {
    font-family: 'OpenSans-Regular';
    src: url(../font/OpenSans-Regular.TTF);
}

@font-face {
    font-family: 'OpenSans-Semibold';
    src: url(../font/OpenSans-Semibold.TTF);
}

@font-face {
    font-family: FontAwesome;
    src: url(../font/FontAwesome.OTF);
}

@font-face {
    font-family: IndieFlower;
    src: url(../font/IndieFlower.TTF);
}

body {
    font-family: 'OpenSans-Regular';
    font-size: 15px !important;
    
}
/**Start common css**/
.m-0 {
    margin: 0px;
}

.p-t-b-40 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.p-t-40 {
    padding-top: 40px;
}

.p-b-40 {
    padding-bottom: 40px;
}

.p-t-b-0 {
    padding-top: 0px;
    padding-bottom: 0px;
}

.p-r-l-0 {
    padding-left: 0px;
    padding-right: 0px;
}

h1, h2, h3, a, p, span {
    margin: 0px;
    padding: 0px;
}

.main-heading {
    font-family: 'OpenSans-Regular';
    font-size: 40px;
    color: #fff;
    text-transform: uppercase;
}

.sub-heading {
    font-family: 'OpenSans-Regular';
    font-size: 28px;
    color:#000066;
    text-transform: uppercase;
    margin: 0px;
    padding: 0px;
}

a, p, span {
    color: #fff;
}

.blue-bg {
    background-color: #3e4095;
}

.green-bg {
    background-color: #61ba51;
}

.director-staff .blue-hover:hover {
    background-color: #3e4095;
}

a {
    text-decoration: none;
}

.float-none {
    float: none !important;
}

.margin-auto {
    margin: 0px auto;
}

p {
    line-height: 30px;
}
/**End common CSS**/
.logo {
    position: relative;
    z-index: 9999;
}

    .logo img {
        position: absolute;
        top: 0px;
        left: 50%;
        margin-left: -75px;
        z-index: 9999;
    }

.mobile-menu {
    display: none;
}

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

.bgcolor-header {
    display: inline-block;
    width: 100%;
    background-color:#ea530e;
    margin-top: 5px;
}

.navigation ul {
    margin: 0px;
    padding: 0px;
}

    .navigation ul li {
        display: inline;
        text-decoration: none;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        position: relative;
    }

        .navigation ul li a {
            display: inline-block;
            line-height: 70px;
            padding: 0px 10px;
            color: #fff;
            border: 0px;
            font-size: 14px;
            text-transform: uppercase;
            font-weight: bold;
            text-decoration: none;
            -webkit-transition: all 1s;
            -moz-transition: all 1s;
            -ms-transition: all 1s;
            -o-transition: all 1s;
        }

            .navigation ul li a:hover, active, visited, focus {
                text-decoration: none;
                background-color: #5052a9;
                opacity: 0.5;
                color: #fff;
            }

        .navigation ul li ul {
            z-index: 9999;
            visibility: visible; /* hides sub-menu */
            opacity: 0;
            position: absolute;
            top: 58px;
            left: 0;
            width: 100%;
            transform: translateY(-2em);
            z-index: -1;
            transition: all 1s ease-in-out 0s, visibility 0s linear 1s, z-index 0s linear 1s;
            opacity: 1;
        }

        .navigation ul li:hover > ul {
            z-index: 9999;
            visibility: visible; /* shows sub-menu */
            opacity: 1;
            z-index: 1;
            transform: translateY(0%);
            transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
            background-color: #3e4095;
            width: 250px;
        }

.navigation li ul li a {
    padding: 0px 20px;
    line-height: 40px;
    width: 100%;
    color: #fff;
    font-weight: normal;
    text-transform: lowercase;
    border-bottom: 1px solid;
    border-color: #ccc;
    font-size: 14px;
}

    .navigation li ul li a:hover {
        background-color: #61ba51;
        opacity: 1;
    }

.logo {
    position: relative;
}

.event-list {
    width: 100%;
    height: 770px;
    background-image: url(../images/event-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.event-part {
    border-bottom: 1px solid #ccc;
    margin: 10px 0px 10px;
    padding: 0px 0px 0px 0px;
    color: #000066;
    font-size: 14px;
    display: inline-block;
}

    .event-part a:hover {
        background-color: #61ba51;
    }

    .event-part small {
        margin: 5px 0px;
        display: block;
    }

    .event-part p {
        line-height: 24px;
        padding: 0px;
        color: #000066;
    }

.read-more-text {
    position: absolute;
    bottom: 0px;
}

    .read-more-text a {
        padding: 12px 25px;
        border: 2px solid #ccc;
        color: #fff !important;
        border-radius: 25px;
        display: inline-block;
        margin-top: 30px;
    }

        .read-more-text a:hover {
            color: #fff;
            background-color: #61ba51;
            text-decoration: none !important;
        }

.date {
    width: 95px;
    background-color: #61ba51;
    border-radius: 50px;
    height: 95px;
    text-align: center;
    padding: 18px;
    margin-top: 10px;
}

    .date p {
        line-height: normal;
        font-size: 24px;
    }

    .date small {
        color: #fff;
        font-size: 17px;
        text-transform: uppercase;
    }

    .date:hover {
        background-color: #000;
    }


.banner {
    width: 100%;
    overflow: hidden;
}

.carousel-inner img {
    width: 100%;
}

.banner-arrow i {
    top: 50%;
    position: absolute;
    margin-top: -60px;
    font-size: 80px;
}

.welcome-bg {
    width: 100%;
    height: 430px;
    background-image: url(../images/welcome-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
}

    .welcome-bg p {
        margin: 0px 0px 30px 0px;
    }

    .welcome-bg a {
        padding: 12px 25px;
        border: 2px solid #ccc;
        color: #fff !important;
        border-radius: 25px;
        display: inline-block;
        ;
    }

        .welcome-bg a:hover {
            color: #fff;
            background-color: #61ba51;
            text-decoration: none !important;
        }

.staff-space {
    margin-top: 0px;
}

    .staff-space .director-staff {
        height: auto;
        padding: 0px 0px 20px;
        margin-bottom: 0px;
        float: left;
    }

.director-staff img {
    margin-top: -80px;
    border: 3px solid #ccc;
    width: 135px;
}

.director-staff p {
    padding: 15px 50px;
}

.director-staff a {
    padding: 12px 25px;
    border: 2px solid #ccc;
    color: #fff !important;
    border-radius: 25px;
    display: inline-block;
    ;
}

    .director-staff a:hover {
        color: #fff;
        background-color: #61ba51;
        text-decoration: none !important;
    }

.event-gallery-bg {
    width: 100%;
    height: 510px;
    background-image: url(../images/event-gallery-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.gallery-img img {
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    -webkit-transform: scale(1);
    -moz-transform: all 1s;
    -ms-transform: all 1s;
    -o-transform: all 1s;
}

    .gallery-img img:hover {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -ms-transition: all 1s;
        -o-transition: all 1s;
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        cursor: pointer;
    }

.celebration-bg {
    width: 100%;
    height: 400px;
   background-image:url(...\Content\images\animated-bg.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-color:aqua;*/
}

.celebration-heading {
    font-size: 45px;
    color: #000;
    font-family: IndieFlower;
    font-weight: bold;
    text-shadow: 10px 10px 10px #fff;
}

.celebration-smallheading {
    font-size: 20px;
    color: #000;
    font-family: IndieFlower;
    font-weight: bold;
}

.toper-heading {
    font-size: 25px;
    color: #000;
    font-family: IndieFlower;
    font-weight: bold;
    z-index: 9999;
    position: absolute;
    bottom: -95px;
    left: -43px;
    white-space: nowrap;
}

.student-img {
    position: relative;
    height: 350px;
}

.topper-img {
    position: relative;
}
.topper-img1 {
    position: relative;
}


    .topper-img div {
        display: none;
    }
     .topper-img1 div {
        display: none;
    }

    .topper-img .box1 {
        border-radius: 100%;
        border: 10px solid #3e4095;
        position: absolute;
        top: 5%;
        right: 3%;
        width: 150px;
        height: 150px;
    }

    .topper-img1 .box1 {
        border-radius: 100%;
        border: 10px solid #3e4095;
        position: absolute;
        top: 5%;
        right: 3%;
        width: 150px;
        height: 150px;
    }


    .topper-img img {
        border-radius: 100%;
        position: absolute;
        top: 0%;
        right: 0%;
        width: 150px;
        height:140px;
    }

     .topper-img1 img {
        border-radius: 100%;
        position: absolute;
        top: 0%;
        right: 0%;
        width: 150px;
        height:140px;
    }

.footer {
    width: 100%;
    min-height: 100px;
    height: auto;
}

.footer-form .form-control {
    background-color: transparent;
    border-radius: 0px;
    height: 20px;
    color: #fff;
    opacity: 0.5;
}

.footer-form .login {
    background-color: #61ba51;
    border: 0px;
    border-radius: 0px;
    color: #fff;
    padding: 14px 20px;
    width: 100%;
    font-size: 16px;
    text-transform: uppercase;
}

.footer-des h4 {
    font-size: 26px;
    color: #fff;
    padding: 15px 0px;
    text-transform: uppercase;
}

.footer-des p {
    padding: 0px 30px 0px 0px;
}

.quick-link h4 {
    padding: 15px 0px;
}

.quick-link ul {
    padding: 0px;
    margin: 0px;
}

.quick-link li {
    list-style-type: none;
}

    .quick-link li a {
        line-height: 34px;
        text-decoration: none;
        color: #fff;
        display: inline-block;
    }

.contact-link h4 {
    padding: 15px 0px;
}

.contact-link ul {
    padding: 0px;
    margin: 0px;
}

.contact-link li {
    line-height: 36px;
    text-decoration: none;
    color: #fff;
    display: inline-block;
}

    .contact-link li span {
        margin-left: 40px;
    }

    .contact-link li i {
        font-size: 20px;
        width: 40px;
    }

.social-icon {
    margin: 0px;
    padding: 0px;
}

    .social-icon li {
        margin: 0px;
        padding: 0px;
        display: inline;
    }

        .social-icon li a {
            margin: 0px 15px 0px 0px;
            padding: 10px 15px;
            text-decoration: none;
            background-color: #fff;
            border-radius: 50%;
            width: 40px;
            height: 40px;
            display: inline-block;
            color: #000;
        }

.copyright {
    text-align: center;
    font-size: 16px;
    color: #fff;
    opacity: 0.3;
    padding: 30px 0px 15px 0px;
}
/***** Side bar ***/
.menu-btn {
    display: none;
}

.sidenav {
    display: none;
}

/****** Close Side bar *****/
#back-top {
    position: fixed;
    bottom: 95px;
    right: 10px;
}

    #back-top a {
        display: block;
        text-align: center;
        color: #fff;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

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

    #back-top span {
        display: block;
        font-size: 40px;
        padding: 13px 20px;
        background-color: #61ba51;
        border-radius: 4px;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        transition: 1s;
    }

    #back-top a:hover span {
        opacity: 0.7;
    }

.pencil img {
    position: fixed;
    z-index: 999;
    bottom: 0px;
}

.mask {
    position: relative;
}

    .mask ul.images {
        position: relative;
        top: 0px;
        left: 0px;
        padding: 0px;
    }

        .mask ul.images li {
            list-style-type: none;
            padding: 0px;
        }

    .mask ul li img {
        width: 150px;
        height: 150px;
        border-radius: 100%;
        text-align: center;
        border: 10px solid #61ba51;
    }


.control {
    position: absolute;
    color: #fff;
    cursor: pointer;
}

.prev1 {
    left: 20px;
    top: 115px;
    font-size: 16px;
    background-color: #61ba51;
    padding: 5px 10px;
    text-align: center;
}

.next1 {
    right: -13px;
    top: 115px;
    font-size: 16px;
    background-color: #61ba51;
    padding: 5px 10px;
    text-align: center;
}

    .next1:hover {
        opacity: 0.7;
        box-shadow: 0px 0px 5px #ccc;
    }

.congratulation img {
    margin-top: 199px;
    margin-left: 30px;
}
/* start Gallery */

.inner-heading {
    font-family: 'OpenSans-Regular';
    font-size: 40px;
    color: #000;
    text-transform: uppercase;
}

.inner-body-bg {
    width: 100%;
    height: auto;
    background-image: url(../images/inner-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
}

.gallery-box {
    position: relative;
    overflow: hidden;
}

    .gallery-box a {
        overflow: hidden;
    }

.hover-div {
    background-color: #000;
    position: absolute;
    top: 0px;
    left: 0px;
    text-align: center;
    width: 100%;
    height: 100%;
    padding: 25px;
    transform: scale(0) rotate(0deg);
    transition: all 0.8s;
}

.gallery-box a:hover .hover-div {
    opacity: 0.8;
    transform: scale(1) rotate(360deg);
    transition: all 1s;
}

.hover-div p {
    padding: 0px;
    margin: 0px;
    line-height: auto;
}

.m-b-15 {
    margin-bottom: 15px;
}

.imageview .title,
.imageview .prev,
.imageview .next,
.imageview .hide {
    -background-color: rgba(0, 255, 0, 0.2);
}

.imageview {
    display: none;
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    background: rgba(0,0,0,0.9);
}

    .imageview .prev,
    .imageview .next,
    .imageview .hide {
        position: absolute;
        opacity: 0.5;
        background-repeat: no-repeat;
        -moz-transition: opacity 0.5s;
        -webkit-transition: opacity 0.5s;
        transition: opacity 0.5s;
        cursor: pointer;
    }

        .imageview .prev:hover,
        .imageview .next:hover,
        .imageview .hide:hover {
            opacity: 1;
        }

    .imageview .prev,
    .imageview .next {
        z-index: 10001;
        width: 80px;
        height: 100%;
        background-position: 30px 50%;
        background-size: 28px 100%;
    }

    .imageview .prev {
        left: 0px;
        background-position: 30px 50%;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0NTEuODQ3IDQ1MS44NDciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik05Ny4xNDEsMjI1LjkyYzAtOC4wOTUsMy4wOTEtMTYuMTkyLDkuMjU5LTIyLjM2NkwzMDAuNjg5LDkuMjdjMTIuMzU5LTEyLjM1OSwzMi4zOTctMTIuMzU5LDQ0Ljc1MSwwYzEyLjM1NCwxMi4zNTQsMTIuMzU0LDMyLjM4OCwwLDQ0Ljc0OEwxNzMuNTI1LDIyNS45MmwxNzEuOTAzLDE3MS45MDljMTIuMzU0LDEyLjM1NCwxMi4zNTQsMzIuMzkxLDAsNDQuNzQ0Yy0xMi4zNTQsMTIuMzY1LTMyLjM4NiwxMi4zNjUtNDQuNzQ1LDBsLTE5NC4yOS0xOTQuMjgxQzEwMC4yMjYsMjQyLjExNSw5Ny4xNDEsMjM0LjAxOCw5Ny4xNDEsMjI1LjkyeiIvPjwvc3ZnPg==');
    }

    .imageview .next {
        right: 0px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCA0NTEuODQ2IDQ1MS44NDciPjxwYXRoIGZpbGw9IiNmZmZmZmYiIGQ9Ik0zNDUuNDQxLDI0OC4yOTJMMTUxLjE1NCw0NDIuNTczYy0xMi4zNTksMTIuMzY1LTMyLjM5NywxMi4zNjUtNDQuNzUsMGMtMTIuMzU0LTEyLjM1NC0xMi4zNTQtMzIuMzkxLDAtNDQuNzQ0TDI3OC4zMTgsMjI1LjkyTDEwNi40MDksNTQuMDE3Yy0xMi4zNTQtMTIuMzU5LTEyLjM1NC0zMi4zOTQsMC00NC43NDhjMTIuMzU0LTEyLjM1OSwzMi4zOTEtMTIuMzU5LDQ0Ljc1LDBsMTk0LjI4NywxOTQuMjg0YzYuMTc3LDYuMTgsOS4yNjIsMTQuMjcxLDkuMjYyLDIyLjM2NkMzNTQuNzA4LDIzNC4wMTgsMzUxLjYxNywyNDIuMTE1LDM0NS40NDEsMjQ4LjI5MnoiLz48L3N2Zz4=');
    }

    .imageview .hide {
        z-index: 10002;
        top: 0%;
        right: 0%;
        width: 80px;
        height: 80px;
        background-position: 30px 50%;
        background-size: 20px 20px;
        background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAyMTIuOTgyIDIxMi45ODIiPjxwYXRoIGZpbGw9IiNmZmZmZmYiIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDsiIGQ9Ik0xMzEuODA0LDEwNi40OTFsNzUuOTM2LTc1LjkzNmM2Ljk5LTYuOTksNi45OS0xOC4zMjMsMC0yNS4zMTJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGwtNzUuOTM3LDc1LjkzN0wzMC41NTQsNS4yNDJjLTYuOTktNi45OS0xOC4zMjItNi45OS0yNS4zMTIsMGMtNi45ODksNi45OS02Ljk4OSwxOC4zMjMsMCwyNS4zMTJsNzUuOTM3LDc1LjkzNkw1LjI0MiwxODIuNDI3Yy02Ljk4OSw2Ljk5LTYuOTg5LDE4LjMyMywwLDI1LjMxMmM2Ljk5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBsNzUuOTM3LTc1LjkzN2w3NS45MzcsNzUuOTM3YzYuOTg5LDYuOTksMTguMzIyLDYuOTksMjUuMzEyLDBjNi45OS02Ljk5LDYuOTktMTguMzIyLDAtMjUuMzEyTDEzMS44MDQsMTA2LjQ5MXoiLz48L3N2Zz4=');
    }

    .imageview .title {
        position: absolute;
        opacity: 0.5;
        z-index: 10000;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 80px;
        line-height: 80px;
        vertical-align: bottom;
        text-indent: 30px;
        font-family: Arial;
        font-size: 18px;
        color: #fff;
    }

    .imageview .image {
        display: flex;
        position: absolute;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }

        .imageview .image img {
            display: none;
            max-width: 100%;
            max-height: 100%;
        }

#lightbox, .col-lg-3, .col-md-3, .col-sm-3, .col-xs-12 {
    margin-bottom: 15px;
}
/* End Gallery */

/*start contact-us */


.contact-bg {
    width: 100%;
    height: auto;
    background-image: url(../images/welcome-bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    color: #fff;
}

.form-group .input-filed {
    border-radius: 50px;
    height: 45px;
    line-height: 45px;
    margin-bottom: 15px;
}

.form-group .textarea {
    border-radius: 10px;
    resize: none;
}

.address-list i {
    margin-right: 15px;
    color: rgba(255,255,255,0.5);
}

.address-list dl {
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.5);
    padding: 0px 0px 10px 0px;
}

.address-list dt {
    font-size: 22px;
}

.address-list dd {
    margin-left: 50px;
}

@media only screen and (min-width:320px) and (max-width:860px) {
    .header {
        display: none;
    }

    .menu-btn {
        display: block;
        font-size: 30px;
        cursor: pointer;
        color: #fff;
        position: fixed;
        z-index: 999;
        margin-left: 10px;
        margin-top: 10px;
    }

    .mobile-logo {
        background-color: #fff;
        text-align: center;
        padding: 10px 0px;
    }

    .sidenav {
        display: block;
        height: 100%;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        background-color: #ea9a27;
        overflow-x: hidden;
        transition: 0.5s;
        z-index: 999;
    }

        .sidenav ul {
            margin: 0px;
            padding: 0px;
        }

        .sidenav li {
            list-style-type: none;
            position: relative;
        }

            .sidenav li a {
                padding: 15px 8px 15px 32px;
                text-decoration: none;
                font-size: 14px;
                color: #fff;
                opacity: 1;
                display: block;
                transition: 0.3s;
                border-bottom: 1px solid;
                border-color: rgba(255,255,255,0.2);
            }

        .sidenav ul li ul {
            z-index: 9999;
            opacity: 0;
            left: 0;
            width: 100%;
            transform: translateY(-2em);
            z-index: -1;
            transition: all 1s ease-in-out 0s, visibility 0s linear 1s, z-index 0s linear 1s;
            opacity: 1;
            display: none;
        }

        .sidenav ul li:hover > ul {
            display: block;
            z-index: 9999;
            opacity: 1;
            z-index: 1;
            transform: translateY(0%);
            transition-delay: 0s, 0s, 0.3s; /* this removes the transition delay so the menu will be visible while the other styles transition */
            background-color: #e7e7e7;
        }

            .sidenav ul li:hover > ul li a {
                color: #000;
                border-bottom: 1px solid;
                border-color: rgba(00,00,00,0.2);
            }

                .sidenav ul li:hover > ul li a:hover {
                    color: #000;
                }

        .sidenav a:hover, .offcanvas a:focus {
            color: #f1f1f1;
            opacity: 0.5;
            text-decoration: none;
        }

        .sidenav .closebtn {
            font-size: 36px;
            float: right;
            padding: 0px 10px 0px 0px;
            margin: 0px;
            color: #000;
            position: absolute;
            right: 0px;
            top: 0px;
        }

    .welcome-bg, .event-list, .event-gallery-bg {
        height: auto;
    }

    .read-more-text a {
        margin-top: 0px;
    }
}

@media only screen and (min-width:320px) and (max-width:767px) {
    .container .mobile-p-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .mobile-p-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mobile-p-b-0 {
        padding-bottom: 0px;
    }

    .main-heading {
        font-size: 30px;
    }
}

.director-staff p {
    padding: 15px 15px;
}

.staff-space .mobile-m-t-100 {
    margin-top: 100px;
}

#back-top {
    bottom: 10px;
}

    #back-top span {
        font-size: 30px;
        padding: 8px 15px;
    }

.celebration-heading {
    font-size: 35px;
    margin-bottom: 15px;
}

.celebration-smallheading {
    font-size: 18px;
}

.congratulation img {
    margin-top: 10px;
    margin-left: 0px;
}

.topper-img .box1 {
    position: static;
    margin: 0px auto;
}
.topper-img1 .box1 {
    position: static;
    margin: 0px auto;
}

.topper-img img {
    position: static;
    margin: 0px auto;
}
.topper-img1 img {
    position: static;
    margin: 0px auto;
}


.toper-heading {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: static;
}

.contact-link li i {
    width: 30px;
}

.contact-link li span {
    margin-left: 30px;
}

.celebration-bg {
      width: 100%;
    height: 400px;
    background-image:url(...\Content\images\animated-bg.gif);
    /*background-image: url(.../Content/images/animated-bg.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-color:aqua;*/
}

.next1 {
    right: 17px;
}

.sub-heading {
    margin-top: 15px;
}

.address-list dd {
    margin-left: 30px;
}

.inner-heading {
    font-size: 30px;
}

}

@media only screen and (min-width:768px) and (max-width:980px) {
    .welcome-bg, .event-list, .event-gallery-bg {
        height: auto;
    }

    .container .mobile-p-0 {
        padding-left: 0px;
        padding-right: 0px;
    }

    .p-t-b-40 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mobile-p-20 {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .mobile-p-b-0 {
        padding-bottom: 0px;
    }

    .main-heading {
        font-size: 30px;
    }
}

.director-staff p {
    padding: 15px 15px;
}

.staff-space .mobile-m-t-100 {
    margin-top: 0px;
}

#back-top {
    bottom: 10px;
}

    #back-top span {
        font-size: 30px;
        padding: 8px 15px;
    }

.celebration-heading {
    font-size: 35px;
    margin-bottom: 0px;
}

.celebration-smallheading {
    font-size: 18px;
}

.congratulation img {
    margin-top: 10px;
    margin-left: 0px;
    display: none;
}

.topper-img .box1 {
    position: static;
    margin: 0px auto;
}
.topper-img1 .box1 {
    position: static;
    margin: 0px auto;
}

.topper-img img {
    position: static;
    margin: 0px auto;
}
.topper-img1 img {
    position: static;
    margin: 0px auto;
}


.toper-heading {
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 15px;
    position: static;
}

.contact-link li i {
    width: 30px;
}

.contact-link li span {
    margin-left: 30px;
}

.celebration-bg {
     width: 100%;
    height: 400px;
  
    background-image:url(...\Content\images\animated-bg.gif)
    /*background-image: url(.../Content/images/animated-bg.gif);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-color:aqua;*/
}

.next1 {
    right: 17px;
}

.sub-heading {
    margin-top: 15px;
}

}



/*******************TC*********************/

.view-first img {
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    background-color: rgba(219,127,8, 0.7);
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}

.view-first h2 {
    -webkit-transform: translateY(-100px);
    -moz-transform: translateY(-100px);
    -o-transform: translateY(-100px);
    -ms-transform: translateY(-100px);
    transform: translateY(-100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first p {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -o-transform: translateY(100px);
    -ms-transform: translateY(100px);
    transform: translateY(100px);
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.view-first:hover img {
    -webkit-transform: scale(1.1,1.1);
    -moz-transform: scale(1.1,1.1);
    -o-transform: scale(1.1,1.1);
    -ms-transform: scale(1.1,1.1);
    transform: scale(1.1,1.1);
}

.view-first a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.view-first:hover .mask {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

.view-first:hover h2,
.view-first:hover p,
.view-first:hover a.info {
    -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -o-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.view-first:hover p {
    -webkit-transition-delay: 0.1s;
    -moz-transition-delay: 0.1s;
    -o-transition-delay: 0.1s;
    -ms-transition-delay: 0.1s;
    transition-delay: 0.1s;
}

.view-first:hover a.info {
    -webkit-transition-delay: 0.2s;
    -moz-transition-delay: 0.2s;
    -o-transition-delay: 0.2s;
    -ms-transition-delay: 0.2s;
    transition-delay: 0.2s;
}


.view {
    width: 300px;
    height: 200px;
    margin: 10px;
    float: left;
    border: 10px solid #fff;
    overflow: hidden;
    position: relative;
    text-align: center;
    -webkit-box-shadow: 1px 1px 2px #e6e6e6;
    -moz-box-shadow: 1px 1px 2px #e6e6e6;
    box-shadow: 1px 1px 2px #e6e6e6;
    cursor: default;
    background: #fff url(../images/bgimg.jpg) no-repeat center center;
}

    .view .mask, .view .content {
        width: 300px;
        height: 200px;
        position: absolute;
        overflow: hidden;
        top: 0;
        left: 0;
    }

    .view img {
        display: block;
        position: relative;
    }

    .view h2 {
        text-transform: uppercase;
        color: #fff;
        text-align: center;
        position: relative;
        font-size: 17px;
        padding: 10px;
        background: rgba(0, 0, 0, 0.8);
        margin: 30px 0 0 0;
    }

    .view p {
        font-family: Georgia, serif;
        font-style: italic;
        font-size: 12px;
        position: relative;
        color: #fff;
        padding: 10px 20px 20px;
        text-align: center;
    }

    .view a.info {
        display: inline-block;
        text-decoration: none;
        padding: 7px 14px;
        background: #000;
        color: #fff;
        text-transform: uppercase;
        -webkit-box-shadow: 0 0 1px #000;
        -moz-box-shadow: 0 0 1px #000;
        box-shadow: 0 0 1px #000;
    }


/*************************TC End*********************************/