@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:300,300i,400,400i,500,500i,600,600i,700,700i'); /*font-family: 'Barlow Semi Condensed', sans-serif;*/
@import url('https://fonts.googleapis.com/css?family=Arimo:400,400i'); /*font-family: 'Arimo', sans-serif;*/

body {
    font-family: 'Arimo', sans-serif;
    color: #171717;
    /*font-size: 15px;*/
}
.btn-info {
    background-color: #03356e!important;
    border-color: #062a53!important;
}

.r_padLR0{
    padding-left:0px!important;
    padding-right:0px!important;
}



/*.inner h3 span {
    color: #03356E;
    font-size: 28px;
    position: relative;
    border-bottom: 1px solid #03356E;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}*/
h1, h2, h3, h4, h5 {
    font-family: 'Barlow Semi Condensed', sans-serif;
}
/*SECTION TOP NAV*/
.top-nav {
    background-color: rgba(0, 0, 0, 0.69);
    padding: 3px 0px;
    z-index: 10;
    position: relative;
    border-bottom: 0px;
    font-size: 13px;
    height: auto;
    font-weight: normal;
    font-family: 'Barlow Semi Condensed', sans-serif;
    transition-duration: .3s;
}

    .top-nav:before {
        content: '';
        position: absolute;
        left: -25px;
        width: 0;
        height: 0;
        border-bottom: 37px solid rgba(0, 0, 0, 0.69);
        border-left: 25px solid transparent;
        z-index: 102;
        top: 0;
    }

    .top-nav .time {
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: right;
        padding: 5px 15px;
    }

        .top-nav .time i {
            font-size: 14px;
        }

    .top-nav ul {
        margin: 0px;
        padding: 0px;
        float: right;
    }

    .top-nav li {
        list-style-type: none;
        text-align: right;
        padding: 0px 10px;
        display: inline-block !important;
    }

        .top-nav li:nth-child(1) {
            border-right: solid 1px RGBA(179, 174, 174, 0.65);
        }

        .top-nav li:nth-child(2) {
            border-right: solid 1px RGBA(179, 174, 174, 0.65);
        }

        .top-nav li:nth-child(3) {
            border-right: solid 0px RGBA(179, 174, 174, 0.65);
            padding-left: 5px;
            padding-right: 2px;
        }

        .top-nav li:nth-child(4) {
            border-right: solid 0px RGBA(179, 174, 174, 0.65);
            padding-left: 2px;
            padding-right: 2px;
        }

        .top-nav li:nth-child(5) {
            border-right: solid 0px RGBA(179, 174, 174, 0.65);
            padding-left: 2px;
            padding-right: 2px;
        }

        .top-nav li:nth-child(6) {
            padding-left: 2px;
            padding-right: 2px;
        }

        .top-nav li:nth-child(7) {
            padding-left: 2px;
            padding-right: 2px;
        }

        .top-nav li:nth-child(8) {
            padding-left: 2px;
            padding-right: 10px;
            border-right: solid 1px RGBA(179, 174, 174, 0.65);
        }

        .top-nav li:nth-child(9) {
            border-right: solid 1px RGBA(179, 174, 174, 0.65);
            padding-left: 5px;
            padding-right: 10px;
            font-family: "arial unicode MS";
            font-size: 14px;
        }

        .top-nav li:nth-child(10) {
            padding-left: 2px;
            padding-right: 10px;
        }

.toggle {
    display: none;
}

.top-nav li a {
    color: #fff;
}

    .top-nav li a:hover {
        text-decoration: none;
    }

.top-nav .btn-xs {
    padding: 3px 4px;
    line-height: 1.5;
    border-radius: 0px;
    border: solid 1px rgba(255,255,255,.5);
    background-color: #fff;
    color: #333;
    font-weight: bold;
}

.top-nav .btn-black {
    padding: 3px 6px;
    font-size: 10px;
    line-height: 1.5;
    border-radius: 0px;
    border: solid 1px #fff;
    background-color: rgba(255,255,255,.1);
    color: #fff;
}

.top-nav .btn-blue {
    padding: 4px 8px;
    font-size: 12px;
    line-height: 1.1;
    border-radius: 0px;
    border: solid 0px #000;
    background-color: #00B9BE;
    color: #fff;
}

.top-nav .btn-yellow {
    padding: 4px 6px;
    font-size: 12px;
    line-height: 1.1;
    border-radius: 0px;
    border: solid 0px rgb(216, 71, 14);
    background-color: #F57D57;
    color: #fff;
}

.top-nav .input-sm {
    height: 21px;
    margin: 0px;
    padding: 0px 10px;
    border-radius: 0px;
}

.top-nav .navbar-right {
    float: right !important;
    margin-bottom: 0;
    margin-right: -15px;
    margin-top: -1px;
}

.top-nav .blue-theme {
    background-color: #03356e;
    color: #fff;
    border-color: rgba(255,255,255,.5);
}

.top-nav .black-theme {
    background-color: #5c5c5c;
    border-color: rgba(255,255,255,.5);
    color: #fff;
}

.top-nav .red-theme {
    background-color: #CF1515;
    color: #fff;
}
/*SECTION TOP NAV*/
.top-main-menu .navbar {
    background: #fff;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 6px 0px rgba(0, 0, 0, 0.14);
    padding: 0px;
    z-index: 60;
    position: relative;
    border-bottom: 0px;
    border-top: 0px;
    height: auto;
}

    .top-main-menu .navbar a {
        color: #03356E;
    }

.other-menu .navbar {
    background-color: #ffd789;
    padding: 0px;
    z-index: 50;
    position: relative;
    border-bottom: 0px;
    border-top: 0px;
    height: auto;
}

.other-menu .nav > li a {
    color: #336 !important;
    text-shadow: 0px 2px 0px rgba(255,255,255,.5);
}

.light-learning {
    position: absolute;
    z-index: 150;
    top: 120%;
    padding-left: 4%;
    left: 0px;
}

    .light-learning img {
        height: 45px;
    }
/*.light-learning:before {
	content: '';
	position: absolute;
	right: -41px;
	width: 0;
	height: 0;
	border-top: 45px solid rgba(0,0,0,.7);
	border-right: 41px solid transparent;
	z-index: 102;
	top: 0;
}*/
ul.social-network {
    list-style: none;
    display: block;
    padding: 0;
    position: relative;
    margin-top: 15px;
}

    ul.social-network li {
        display: inline-block;
        margin: 0px 10px;
    }
/* footer social icons */
a.socialIcon:hover, .socialHoverClass {
    color: #44BCDD;
}

.social-circle li a {
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    text-align: center;
    width: 55px;
    height: 55px;
    font-size: 24px;
    border-radius: 50%;
    border: 3px solid rgba(0,0,0,.2);
}

.social-circle li i {
    margin: 0;
    line-height: 55px;
    text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -ms--transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

.social-circle i {
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}

.icoFacebook {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}

.icoTwitter {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}

.icoRss {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}

.icoGoogle {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}

.icoLinkedin {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}

.icoYoutube {
    background-color: rgba(0,0,0,.1);
    color: rgba(0,0,0,.5);
}

.social-network a.icoRss:hover {
    background-color: #F56505;
    color: #fff;
}

.social-network a.icoFacebook:hover {
    background-color: #3B5998;
    color: #fff;
}

.social-network a.icoTwitter:hover {
    background-color: #33ccff;
    color: #fff;
}

.social-network a.icoGoogle:hover {
    background-color: #BD3518;
    color: #fff;
}

.social-network a.icoVimeo:hover {
    background-color: #0590B8;
    color: #fff;
}

.social-network a.icoLinkedin:hover {
    background-color: #007bb7;
    color: #fff;
}

.social-network a.icoYoutube:hover {
    background-color: #c52828;
    color: #fff;
}

.bgwhite {
    background-color: #fff;
}

.bggray {
    background-color: #EEEEEE;
}
/*LOGO SECTION*/
header {
    z-index: 100;
    position: absolute;
    right: 0;
    left: 0;
    top: 0px;
    margin: 0px auto;
}

.logo {
    margin-top: 25px;
    z-index: 70;
    padding-left: 0px;
    position: absolute;
    background-color: #fff;
    padding-right: 0px;
    min-height: 84px;
    transition-duration: .3s;
}

.afetrlogo {
    display: none;
}

.logo:after {
    content: '';
    position: absolute;
    right: -53px;
    width: 0;
    height: 0;
    border-top: 84px solid #fff;
    border-right: 53px solid transparent;
    z-index: 102;
}

.logo img {
    max-width: 98%;
    position: absolute;
    top: -0px;
    transition-duration: .2s;
}
/*MENU SECTION*/
.dropdown > a:after {
    content: "\f0d7";
    font-family: "FontAwesome";
    margin-left: 6px;
}

.home > a::after {
    content: "\f015";
    font-family: "FontAwesome";
    font-size: 15px;
}

.top-main-menu .navbar-nav, .other-menu .navbar-nav {
    margin-left: 27%;
}

.main-menu {
    position: relative;
    width: 100%;
    margin: 0px auto;
    z-index: 100;
}

.navbar {
    min-height: 39px;
}

.dropdown-menu .has-submenu:after {
    font-family: "FontAwesome";
    content: "\f0da";
    position: absolute;
    right: 8px;
}

.navbar {
    border-radius: 0px;
}

.navbar-inverse {
    font-family: 'Barlow Semi Condensed', sans-serif;
    font-weight: 600;
    background-color: #27abb7;
    border-color: #FFF;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 6px 0px rgba(0, 0, 0, 0.14) !important;
    margin-bottom: 0px;
    font-size: 1.2em;
}

    .navbar-inverse .navbar-nav > li > a {
        padding: 15px 10px;
        transition-duration: .2s;
        transition-duration: .8s;
    }

.top-main-menu .navbar-inverse .navbar-nav > .active > a, .top-main-menu .navbar-inverse .navbar-nav > .active > a:focus, .top-main-menu .navbar-inverse .navbar-nav > .active > a:hover {
    color: #000;
    background-color: #eee;
}

.top-main-menu .navbar-inverse .navbar-nav > li > a:focus, .top-main-menu .navbar-inverse .navbar-nav > li > a:hover {
    color: #000;
    background-color: #eee;
}

.top-main-menu .navbar-inverse .navbar-nav > .open > a, .top-main-menu .navbar-inverse .navbar-nav > .open > a:focus, .top-main-menu .navbar-inverse .navbar-nav > .open > a:hover {
    color: #000;
    background-color: #eee;
}

.navbar-nav > li > a {
    padding: 15px 17px;
}

.top-main-menu .navbar-nav > li:last-child .dropdown-menu {
    left: -110px !important
}

.top-main-menu .navbar .dropdown-menu {
    width: 200px !important;
    border-radius: 0px;
    background-color: rgba(255,255,255,1);
    padding: 0px;
    border-bottom: 3px solid #03356E;
    z-index: 500;
    transition-duration: .3s;
    opacity: .0;
    -webkit-transform: scale(0.2);
    transform: scale(0.2);
}

.top-main-menu .open .dropdown-menu {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.navbar .dropdown-menu li {
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.top-main-menu .navbar .dropdown-menu > li > a {
    color: #000;
    font-size: 0.85;
    padding: 7px 10px;
    transition-duration: .2s;
    -webkit-transform: scale(1);
    transform: scale(1);
    font-weight: 500;
}

    .top-main-menu .navbar .dropdown-menu > li > a:focus, .top-main-menu .dropdown-menu > li > a:hover {
        background-color: #eee;
        color: #03356E;
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
        text-decoration: none;
        box-shadow: 0px 0px 8px rgba(0,0,0,.2);
    }



/*inner page css*/
.graybg {
    background-color: #F5F5F5;
}

.innerbanner {
    min-height: 250px;
    background-image: url(bgtop.jpg);
    background-repeat: repeat;
    padding-top: 65px;
}

.inner-service {
    padding-bottom: 50px;
}

.breadcrumb {
    background-color: rgba(0,0,0,.0);
    list-style: outside none none;
    margin-bottom: 0px;
    padding: 8px 8px;
    text-align: right;
}

    .breadcrumb li {
        color: #fff;
        font-weight: bold;
    }

        .breadcrumb li a {
            color: #fff;
        }

    .breadcrumb > .active {
        color: #fff;
    }

    .breadcrumb > li + li::before {
        color: #fff;
    }

.inner {
    padding: 15px;
    box-shadow: 0px -25px 15px rgba(0,0,0,.2);
    background-color: #fff;
}

.bhoechie-tab-content h3 {
    color: #002B5B;
}

.bhoechie-tab-content h4 {
    border-bottom: 1px dashed #CCC;
    padding-bottom: 10px;
    text-transform: uppercase;
}

.bhoechie-tab-content h4 {
    color: #000;
}

.minusmrgin {
    margin-top: -119px;
}

.bhoechie-tab-content ul {
    margin: 0px 0px 15px 0px;
    padding: 0px;
    list-style: none;
}

    .bhoechie-tab-content ul li {
        padding-left: 31px;
        margin-bottom: 6px;
        position: relative;
    }

        .bhoechie-tab-content ul li a {
            color: #333;
        }

        .bhoechie-tab-content ul li:before {
            content: "\f101";
            font-family: 'FontAwesome';
            color: #03356E;
            font-size: 14px;
            margin-left: 0px;
            margin-right: 6px;
            border: 1px solid #03356E;
            padding: 0px 5px;
            width: 20px;
            height: 20px;
            box-sizing: border-box;
            left: 0;
            position: absolute;
            top: 4px;
        }

    .bhoechie-tab-content ul ul {
        margin: 5px 10px 5px 17px;
        padding: 0px;
        list-style: none;
    }

        .bhoechie-tab-content ul ul li:before {
            content: "\f101";
            font-family: 'FontAwesome';
            color: #03356E;
            font-size: 18px;
            margin-left: -15px;
            margin-right: 6px;
            border: 0px solid #03356E;
            border-radius: 50%;
            padding: 0px;
            width: 0px;
            height: 0px;
            box-sizing: border-box;
        }

.rightmenu {
    margin-top: -63px;
}

.inner h3 {
    color: #03356E;
    font-size: 28px;
    position: relative;
    border-bottom: 1px solid #03356E;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 10px 0px;
}

    .inner h3 span {
        /*color: #000;
        font-size: 23px;
        float: right;*/
        color: #03356E;
        font-size: 28px;
        position: relative;
        /*border-bottom: 1px solid #03356E;*/
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 10px 0px;
    }

    .inner h3:before {
        position: absolute;
        height: 5px;
        width: 15%;
        bottom: -3px;
        background-color: #03356E;
        content: '';
    }

.rightmenu .panel-danger {
    border: 0px;
    box-shadow: 0px 0px 6px rgba(0,0,0,.3);
    border-radius: 0px;
}

    .rightmenu .panel-danger > .panel-heading {
        border-radius: 0px;
        background-color: #FF7A5B;
        box-shadow: 0px 0px 6px rgba(0,0,0,.3);
        color: #fff;
        font-size: 20px;
        font-family: Georgia, "Times New Roman", Times, serif;
        font-style: italic;
    }

    .rightmenu .panel-danger > .panel-body {
        border-radius: 0px;
        min-height: 250px;
        padding: 0px;
    }

.rightmenu .item a img {
    height: 50px;
    margin: 0 auto;
}

.rightmenu .item {
    margin: 10px;
}

.rightmenu .other-acty {
    background-color: #fff;
}
/*--------------news-events css---------------------------------*/
.news-text .owl-pagination {
    display: none;
}

.news-text .thumbnail ul {
    margin: 0px;
    padding: 0px 10px;
    list-style: none;
}

.news-text .owl-next i.fa, .news-text .owl-prev i.fa {
    color: #111f2d;
    font-size: 28px;
    padding: 0;
    transition: all 0.25s ease 0s;
}

.news-text .owl-buttons {
    position: absolute;
    width: 100%;
    text-align: right;
    top: -51px;
}

.news-text .owl-controls .owl-buttons div {
    background: #fff none repeat scroll 0 0;
    border-radius: 0px;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    margin: 2px;
    opacity: 0.5;
    padding: 0px 4px;
}

.news-text .arw, .news-text .dtype {
    display: none;
}

.news-text .adtext {
    color: #000;
    display: inline-block;
}

.news-text .fa-file-pdf-o {
    display: none;
}

.news-text .dsize {
    display: block;
    font-size: 13px;
}

    .news-text .dsize:before {
        color: #c00;
        content: "\f1c1";
        font-family: "FontAwesome";
        padding-right: 2px;
    }

.news-text .ndate {
    color: #C9302C;
    font-size: 14px;
}

.smallsize {
    font-size: .8em;
}

footer {
    margin-top: 0px;
    background-image: url(../images/footerbg.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    margin-bottom: 0px;
    position: relative;
    z-index: 5;
}

.socialbg {
    background-color: #f6d36a;
}

footer {
    margin-top: 0px;
    background-image: url(../images/footbg.jpg);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin-bottom: 0px;
}

.footer-link {
    padding: 15px 0 8px 0;
    color: #fff;
}

    .footer-link h4 {
        color: #FFF;
        margin: 0px 0px 10px 0px;
        padding: 0px 0px 13px 0px;
        border-bottom: 1px solid rgba(255,255,255,.2);
        text-transform: uppercase;
    }

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

    .footer-link li a {
        display: block;
        padding: 5px 0px;
    }

        .footer-link li a:before {
            content: "\e606";
            font-family: 'simple-line-icons';
            margin-right: 6px;
            font-size: 12px;
        }

    .footer-link a {
        color: rgba(255,255,255,.8);
    }

        .footer-link a:hover {
            color: #fff;
            text-decoration: none;
        }

.fbox {
    padding: 0px 20px;
}

.footer-bottom {
    padding: 15px;
    font-size: 14px;
    color: #e9e9e9;
    background-color: black;
    border-top: 1px solid rgba(255,255,255,.2);
}

    .footer-bottom li a {
        color: #e9e9e9;
    }

    .footer-bottom li {
        display: inline-block;
        padding: 0px 6px;
        border-right: 1px solid #e9e9e9;
    }

        .footer-bottom li:first-child {
            padding-left: 0px;
        }

        .footer-bottom li:last-child {
            border-right: 0px solid #e9e9e9;
        }

.address img {
    margin: 0px auto 10px auto;
}

.address p {
    font-size: 0.9em;
}

.dateupdate {
    color: #ffd562;
    font-weight: normal;
}
/*inner menu*/

.innermenu {
    /*  box-shadow: 0 2px 11px #333333;*/
    min-height: 330px;
    outline: 0;
    position: relative;
}

    .innermenu * {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        outline: 0;
    }

    .innermenu .innermenu-header {
        font-weight: bold;
        font-size: 20px;
        color: #002B5B;
        height: 50px;
        line-height: 45px;
        width: 100%;
        border-bottom: 1px solid #002B5B;
        margin-bottom: 10px;
    }

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

        .innermenu ul li {
            position: relative;
            width: 100%;
            margin-bottom: 8px;
        }

            .innermenu ul li a {
                background: #fff;
                display: block;
                color: #000;
                font-size: 14px;
                padding: 14px;
                position: relative;
                text-decoration: none;
                white-space: nowrap;
                width: 100%;
                box-shadow: 0px 0px 3px rgba(0,0,0,.1);
                transition-duration: .3s;
                border-left: 4px solid #03356E;
            }

                .innermenu ul li a i {
                    float: left;
                    font-size: 16px;
                    line-height: 27px;
                    text-align: left;
                    width: 34px;
                }

            .innermenu ul li .innermenu-label {
                background: #f0f0f0;
                border-radius: 100%;
                color: #555555;
                font-size: 11px;
                font-weight: 800;
                line-height: 18px;
                min-width: 20px;
                padding: 1px 2px 1px 1px;
                position: absolute;
                right: 18px;
                text-align: center;
                top: 14px;
            }

        .innermenu ul .submenu {
            display: none;
            position: static;
            width: 100%;
        }

            .innermenu ul .submenu .submenu-indicator {
                line-height: 16px;
            }

            .innermenu ul .submenu li {
                clear: both;
                width: 100%;
                margin-bottom: 0px;
            }

                .innermenu ul .submenu li ul.submenu {
                    display: none;
                    position: static;
                    width: 100%;
                    overflow: hidden;
                }

                .innermenu ul .submenu li a {
                    background: #fff;
                    border-left: solid 4px transparent;
                    border-top: none;
                    font-size: 13px;
                    position: relative;
                    width: 100%;
                }

                .innermenu ul .submenu li:hover > a {
                    border-left-color: #002B5B;
                    background-color: #eee;
                }

                .innermenu ul .submenu li .innermenu-label {
                    background: #f0f0f0;
                    border-radius: 100%;
                    color: #555555;
                    font-size: 11px;
                    font-weight: 800;
                    line-height: 18px;
                    min-width: 20px;
                    padding: 1px 2px 1px 1px;
                    position: absolute;
                    right: 18px;
                    text-align: center;
                    top: 12px;
                    top: 14px;
                }

            .innermenu ul .submenu > li > a {
            }

            .innermenu ul .submenu > li > ul.submenu > li > a {
                padding-left: 45px;
            }

            .innermenu ul .submenu > li > ul.submenu > li > ul.submenu > li > a {
                padding-left: 60px;
            }

    .innermenu .submenu-indicator {
        -moz-transition: "transform .3s linear";
        -o-transition: "transform .3s linear";
        -webkit-transition: "transform .3s linear";
        transition: "transform .3s linear";
        float: right;
        font-size: 20px;
        line-height: 19px;
        position: absolute;
        right: 22px;
    }

    .innermenu .submenu-indicator-minus > .submenu-indicator {
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }

    .innermenu > ul > li.active > a {
        background: #F6D36A;
        color: #000;
    }

    .innermenu > ul > li:hover > a {
        background: #F6D36A;
        color: #000;
    }

    .innermenu > ul > li > a {
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

.ink {
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transform: scale(0);
    background: rgba(255, 255, 255, 0.3);
    border-radius: 100%;
    display: block;
    position: absolute;
    transform: scale(0);
}

.animate-ink {
    -moz-animation: ripple .3s linear;
    -ms-animation: ripple .3s linear;
    -o-animation: ripple .3s linear;
    -webkit-animation: ripple .3s linear;
    animation: ripple .3s linear;
}

@-moz-keyframes

'ripple' {
    100%

{
    opacity: 0;
    transform: scale(2.5);
}

}
@-webkit-keyframes

'ripple' {
    100%

{
    opacity: 0;
    transform: scale(2.5);
}

}
@keyframes

'ripple' {
    100%

{
    opacity: 0;
    transform: scale(2.5);
}

}

.white.innermenu .innermenu-header {
    background: #ffffff;
    color: #555555;
}

.white.innermenu ul li a {
    background: #ffffff;
    color: #555555;
}

.white.innermenu ul ul.submenu li:hover > a {
    border-left-color: #f0f0f0;
}

.white.innermenu ul ul.submenu li a {
    color: #f0f0f0;
}

.white.innermenu > ul > li.active > a {
    background: #f0f0f0;
}

.white.innermenu > ul > li:hover > a {
    background: #f0f0f0;
}

.white.innermenu > ul > li > a {
    border-bottom-color: #f0f0f0;
}

    .white.innermenu > ul > li > a > .ink {
        background: rgba(0, 0, 0, 0.1);
    }

.implink {
    background-color: #fff;
    padding: 0px 15px 15px 15px;
}

    .implink h3 {
        position: relative;
        margin-top: 0px;
        text-align: center;
    }

        .implink h3 span {
            color: #03356E;
            font-weight: 600;
            text-transform: uppercase;
            font-size: 26px;
            border-bottom: 1px solid rgba(0,0,0,.4);
            margin: 15px 0px 15px 0px;
            padding: 0px 0px 15px 0px;
            display: inline-block;
        }

            .implink h3 span:before {
                position: absolute;
                height: 5px;
                width: 5%;
                bottom: 14px;
                background-color: #03356E;
                content: '';
                right: 0;
                left: 0;
                margin: 0px auto;
            }

.brand-items .owl-buttons {
    display: none;
}

.brand-item {
    padding: 10px;
    border-right: 1px solid #eee;
}

.border0 {
    border: 0px !important;
}

.brand-item img {
    max-width: 100%;
}

.brand-items .owl-page span {
    background-color: #ccc !important;
}

.commentsmail {
    text-align: right;
}

    .commentsmail h4 {
        margin: 10px 0px 0px 0px;
        padding: 0px;
        color: #000;
        text-transform: uppercase;
    }

    .commentsmail h2 {
        margin: 5px 0px 15px 0px;
        padding: 0px;
        color: #000;
    }

    .commentsmail a {
        color: #03356E;
    }

.menuFxd {
    position: fixed;
    right: 0;
    left: 0;
}

    .menuFxd .logo {
        margin-top: 0px;
    }

    .menuFxd .navbar-nav > li > a {
        padding: 10px 10px;
    }

    .menuFxd .light-learning {
        display: none
    }

    .menuFxd .top-nav {
        width: 100%;
        margin-left: 0px;
    }

    .menuFxd .afetrlogo {
        display: block;
    }

    .menuFxd .beforelogo {
        display: none;
    }

    .menuFxd .logo img {
        max-width: 78%;
        top: 0px;
        margin-left: 15%;
    }

.table th {
    background-color: #ECD8A2;
    color: #000;
    font-weight: 600;
}

.serial {
    counter-reset: Serial;
}

    .serial tr td:first-child {
        text-align: center;
    }

        .serial tr td:first-child::before {
            content: "" counter(Serial, decimal);
            counter-increment: Serial;
        }

.search-result {
    list-style: outside none none;
    margin: 0px;
    padding: 0;
}

    .search-result li {
        border: 1px solid #eeeeee;
        padding: 5px 10px !important;
        transition: all 0.2s ease 0s;
        margin-bottom: 10px;
    }

        .search-result li:hover {
            box-shadow: 0px 0px 5px rgba(0,0,0,.2);
        }

    .search-result .local {
        color: #271def;
        display: block;
        font-size: 1.18em;
    }

        .search-result .local:hover {
            color: #271def;
        }

    .search-result span {
        color: #006621;
        display: block;
        font-size: 0.85em;
    }

    .search-result p {
        margin: 5px 0;
        color: #333;
        font-size: .9em;
    }

    .search-result li:before {
        content: unset !important;
    }


/*  bhoechie tab */
div.bhoechie-tab-container {
    z-index: 10;
    background-color: #ffffff;
    padding: 0 !important;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    -moz-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    background-clip: padding-box;
    opacity: 0.97;
    filter: alpha(opacity=97);
}

div.bhoechie-tab-menu {
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 0;
}

    div.bhoechie-tab-menu div.list-group {
        margin-bottom: 0;
        margin-top: 15px;
    }

        div.bhoechie-tab-menu div.list-group > a {
            margin-bottom: 0;
        }

            div.bhoechie-tab-menu div.list-group > a .glyphicon,
            div.bhoechie-tab-menu div.list-group > a .fa {
                color: #5A55A3;
            }

            div.bhoechie-tab-menu div.list-group > a:first-child {
                border-top-right-radius: 0;
                -moz-border-top-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a:last-child {
                border-bottom-right-radius: 0;
                -moz-border-bottom-right-radius: 0;
            }

            div.bhoechie-tab-menu div.list-group > a.active,
            div.bhoechie-tab-menu div.list-group > a.active .glyphicon,
            div.bhoechie-tab-menu div.list-group > a.active .fa {
                background-color: #F6D36A;
                color: #000;
                border-left: 4px solid #03356E;
                border-radius: 0px;
            }

a.list-group-item:focus, a.list-group-item:hover, button.list-group-item:focus, button.list-group-item:hover {
    color: #000;
    text-decoration: none;
    background-color: #F6D36A;
}

div.bhoechie-tab-menu div.list-group > a.active:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    margin-top: -13px;
    border-left: 0;
    border-bottom: 13px solid transparent;
    border-top: 13px solid transparent;
    border-left: 10px solid #F6D36A;
}

div.bhoechie-tab-content {
    background-color: #ffffff;
    /* border: 1px solid #eeeeee; */
    padding: 15px;
    box-shadow: 0px 25px 15px rgba(0,0,0,.2);
    min-height: 603px;
}

div.bhoechie-tab div.bhoechie-tab-content:not(.active) {
    display: none;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 13px 15px;
    background-color: #fff;
    border: 0px solid #ddd;
    margin-bottom: 8px !important;
    box-shadow: 0px 0px 0px;
    box-shadow: 0px 0px 3px rgba(0,0,0,.1);
    transition-duration: .3s;
    border-left: 4px solid #03356E;
}

.info-box {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    height: 150px;
    display: flex;
    cursor: default;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    margin-bottom: 30px;
}

    .info-box .icon {
        display: inline-block;
        text-align: center;
        background-color: rgba(0, 0, 0, 0.12);
        width: 120px;
    }

.faculty-photo {
    border: 6px solid #fff;
    position: relative;
}

.info-box .content {
    display: inline-block;
    padding: 7px 10px;
}

    .info-box .content .text {
        font-size: 13px;
        margin-top: 11px;
        color: #555;
    }

.s-profile {
    border-bottom: 2px solid #03356E;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.08);
    margin: 15px 0;
    padding: 15px 0;
    font-size: 0.9em;
}

.imageshadow {
    border: 4px solid #fff;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
}

.profiledetail table {
    border-collapse: collapse;
    width: 100%;
}

    .profiledetail table td {
        border-bottom: 1px solid #eee;
        padding: 5px 10px;
    }

.bhoechie-tab-content img {
    max-width: 100%
}

.bhoechie-tab-content table td a {
    color: #fff;
}

.bhoechie-tab-content p {
    text-align: justify;
}

.bhoechie-tab-content .horizontal-img {
    width: 100%;
    height: 177px;
    margin-bottom: 15px;
}

.bhoechie-tab-content .vertical-right-img {
    width: 291px;
    height: auto;
    margin-left: 15px;
    margin-bottom: 15px;
}

.bhoechie-tab-content .vertical-left-img {
    width: 291px;
    height: auto;
    margin-right: 15px;
    margin-bottom: 15px;
}

.pdf-size {
    font-size: 12px;
    color: #000;
    display: block;
}

    .pdf-size:before {
        font-family: 'FontAwesome';
        content: "\f1c1";
        color: #D32F2F;
        margin: 0px 5px;
    }

.word-size {
    font-size: 12px;
    color: #000;
    display: block;
}

    .word-size:before {
        font-family: 'FontAwesome';
        content: "\f1c2";
        color: #D32F2F;
        margin: 0px 5px;
    }

.rar-size {
    font-size: 12px;
    color: #000;
}

    .rar-size:before {
        font-family: 'FontAwesome';
        content: "\f1c6";
        color: #D32F2F;
        margin: 0px 5px;
    }
/*a[href$="pdf"]::after {
    content: url("../images/pdficon_small.png");
    padding:0 0.3em;
	top:3px;
	position:relative
}*/
a[href$="zip"]::after {
    content: url("../images/zipicon_small.png");
    padding: 0 0.3em;
    top: 3px;
    position: relative
}

a[href$="rar"]::after {
    content: url("../images/raricon_small.png");
    padding: 0 0.3em;
    top: 3px;
    position: relative
}

a[href$="ppt"]::after {
    content: url("../images/ppticon_small.png");
    padding: 0 0.3em;
    top: 3px;
    position: relative
}

a[href$="doc"]::after {
    content: url("../images/docicon_small.png");
    padding: 0 0.3em;
    top: 3px;
    position: relative
}

.syllabus tr td a {
    background-color: #03356e;
    box-sizing: border-box;
    border: 1px solid #062a53;
    display: inline-block;
    padding: 5px 8px;
    color: #fff;
}

    .syllabus tr td a:hover {
        background-color: #F6D36A;
        color: #03356e;
        text-decoration: none;
    }

.menuFxd {
    position: fixed;
    top: 0px;
    width: 302px;
    left: 7%;
    z-index: 1;
}

.bhoechie-tab-menu {
    overflow: hidden;
}