/*===================================================================================*/
/*===================================START SDCS CSS==================================*/
/*===================================================================================*/

/*================START COMMON CSS====================*/
a {
    color: #4676af;
    transition: 0.5s;
}
.breadcrumb {
    padding: .60rem 1rem;
    border-radius: 0;
}
a:hover {
    color: #da251d;
    transition: 0.5s;
}
.white{
    color: white !important;
}
.margin_top_10{
    margin-top: 10px;
}
.padding_left_zero{
    padding-left: 0;
}
.margin_bottom_20{
    margin-bottom: 20px;
}
.margin_bottom_30{
    margin-bottom: 30px;
}
.margin_bottom_40{
    margin-bottom: 40px;
}
.margin_top_20{
    margin-top: 20px;
}
.margin_top_30{
    margin-top: 30px;
}
.margin_bottom_80{
    margin-bottom: 80px;
}
.margin_top_70{
    margin-top: 70px;
}
.side_navigation h4{
    font-family: "Open Sans";
    font-size: 20px;
    color: #da251d;
}
#side_nav_menu{
    padding: 0 0 0 20px !important;
    margin: 16px 0;
    padding: 0 0 0 40px;
    list-style-type: square;
}
#side_nav_menu li{
    font-size: 14px
    padding-bottom: 10px;
    margin-bottom: 14px;
    border-bottom: 1px dashed #bcbcbc;
}
.nav-menu li:hover > a, .nav-menu > .menu-active > a {
    color: #da251d;
}
.sdcs_logo img{
    position: absolute;
    z-index: 1;
    margin-left: 1%;
}
#logo{
    padding-left: 21px !important;
    margin-left: -8%;
}
.side_nav_menu .active{
    color: black
}

.padding_zero{
    padding: 0 !important;
}
.padding-left-0{
    padding-left: 0;
}
.padding-right-0{
    padding-right: 0;
}
.padding-top-25{
    padding-top: 25px;
}
.margin_top_50{
    margin-top: 50px;
}
.margin-top_30{
    margin-top: 30px;
}
.margin_bottom_35{
    margin-bottom: 35px !important;
}
.sectionline{
    border-bottom: 1px dotted #ddd;
    display: block;
    margin: 44px auto 15px;
    width: 97%;
}
.back-to-top {
    background: rgb(255, 152, 0) !important;
}
.back-to-top:hover {
    background: #333333 !important;
}

@media only screen and (max-width: 1199px) and (min-width: 960px) {
    .nicdark_container {
        width: 960px !important;
    }
    .grid_12 {
        width: 940px !important;
    }

}
@media only screen and (max-width: 959px) and (min-width: 768px){
    .nicdark_container {
        width: 744px !important;
    }
    .grid_12 {
        width: 724px !important;
    }
}
@media only screen and (max-width: 767px) and (min-width: 480px) {
    .nicdark_container {
        width: 460px !important;
    }

    .grid_12 {
        width: 440px !important;
    }
}
@media only screen and (max-width: 479px) and (min-width: 320px){
    .grid_12 {
        width: 280px !important;
    }
    .nicdark_container {
        width: 300px !important;
    }
}
.fb_like_btn{
    position: fixed;
    left: 0;
    top: 236px;
    z-index: 100;
}
.sy_link{
    position: fixed;
    background: #da251d;
    right: 141px;
    border-radius: 0px;
    top: 522px;
    border-top-left-radius: 20px;
    z-index: 100;
    border-top-right-radius: 20px;
    -webkit-animation: SYL_LINK 1s infinite;
    -moz-animation: SYL_LINK 1s infinite;
    -o-animation: SYL_LINK 1s infinite;
    animation: SYL_LINK 1s infinite;
}
@-webkit-keyframes SYL_LINK {
    0%, 49% {
        background-color: #da251d;
    }
    50%, 100% {
        background-color: #000000;
    }
}

.sy_link a{
    color: #fff;
    font-size: 17px;
    padding: 4px 25px;
    border-radius: 6px;
    display: inline-block;
    transition: all .3s ease-out 0s;
}


.syll_link{
    position: fixed;
    background: #dac60a;
    right: 267px;
    border-radius: 0px;
    bottom: 0;
    border-top-left-radius: 20px;
    z-index: 100;
    border-top-right-radius: 20px;
    -webkit-animation: SYLL_LINK 2s infinite;   /*Safari 4+*/
    -moz-animation: SYLL_LINK 2s infinite;   /*Fx 5+*/
    -o-animation: SYLL_LINK 2s infinite;   /*Opera 12+*/
    animation: SYLL_LINK 2s infinite;   /*IE 10+, Fx 29+*/
}
@-webkit-keyframes SYLL_LINK {
    0%, 49% {
        background-color: #dac60a;
    }
    50%, 100% {
        background-color: #000000;
    }
}

.syll_link a{
    color: #fff;
    font-size: 17px;
    padding: 4px 25px;
    border-radius: 6px;
    display: inline-block;
    transition: all .3s ease-out 0s;
}

.datesheet_link{
    position: fixed;
    background: #51da50;
    right: 434px;
    border-radius: 0px;
    bottom: 0;
    border-top-left-radius: 20px;
    z-index: 100;
    border-top-right-radius: 20px;
    -webkit-animation: SYLL_LINK 3s infinite;   /*Safari 4+*/
    -moz-animation: SYLL_LINK 3s infinite;   /*Fx 5+*/
    -o-animation: SYLL_LINK 3s infinite;   /*Opera 12+*/
    animation: SYLL_LINK 3s infinite;   /*IE 10+, Fx 29+*/
}
@-webkit-keyframes datesheet_link {
    0%, 49% {
        background-color: #51da50;
    }
    50%, 100% {
        background-color: #000000;
    }
}

.datesheet_link a{
    color: #fff;
    font-size: 17px;
    padding: 4px 25px;
    border-radius: 6px;
    display: inline-block;
    transition: all .3s ease-out 0s;
}

/*=======================START PRELOADER CSS=========================*/
.js div#preloader
{
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: #ffffff url('/img/website_preloader.gif') no-repeat center center;
}

/*========================END PRELOADER CSS===========================*/
/*================START PAGINATION CSS======================*/
.page-item.active .page-link {
    background-color: #4676af;
    border-color: #4676af;
}
.page-link {
    color: #4676af;
}
/*=================END PAGINATION CSS=======================*/
/*================START TOP MOST BAR CSS====================*/
/*#topbar {*/
    /*background: #002858;*/
    /*border-bottom: 0;*/
/*}*/
#topbar .social-links a {
    color: #000;
}
.notice_board_heading{
    color: #fff;
    padding-left: 35px;
}
#topbar .social-links a:hover {
    color: #da251d;
}
.notice_board_heading:hover{
    color: #da251d;
}
.notice_board_icon{
    padding-top: 2px;
}
.notice_board_icon span{
    font-size: 14px;
    color: white;
    border: 1px solid #ffffff;
    padding: 5px 7px 5px 9px;
    background-color: #4676af;
    -webkit-animation: NOTICE_ICON 1s infinite;   /*Safari 4+*/
    -moz-animation: NOTICE_ICON 1s infinite;   /*Fx 5+*/
    -o-animation: NOTICE_ICON 1s infinite;   /*Opera 12+*/
    animation: NOTICE_ICON 1s infinite;   /*IE 10+, Fx 29+*/

}
@-webkit-keyframes NOTICE_ICON {
    0%, 49% {
        background-color: #4676af;
    }
    50%, 100% {
        background-color: #f4ae22;
    }
}

/*================END TOP MOST BAR CSS====================*/

/*================START NAVIGATION MENU CSS===============*/
.app_link{
    text-align: left;
}
.app_link .fa-android{
    color: #a3c828;
    font-size: 2.6em;
    BORDER: 1PX SOLID;
    PADDING: 4PX;
    margin-top: 9px;
}
.app_link .fa-android:hover{
    color: #da251d;
}
.app_link .fa-apple{
    color: #000;
    margin-top: 9px;
    font-size: 2.6em;
    BORDER: 1PX SOLID;
    PADDING: 4PX;
}
.app_link .fa-apple:hover{
    color: #da251d;
}

.logo-section{
    padding-bottom: 10px;
    padding-top: 10px;
}
.responsive_logo h2{
    color: #333 !important;
    font-size: 1.5em !important;
    font-weight: 600 !important;
    font-family: 'Ubuntu', sans-serif !important;
}
.responsive_logo img{
    padding: 10px;
}
@media screen and (max-width: 900px){
    .school_logo {
        position: relative !important;
    }
    .header_links{
        text-align: center !important;
        padding-top: 0;
    }
}
#nav-menu-container {
    padding-top: 0;
}
.nav-menu ul li:hover > a {
    color: #da251d;
}
#mobile-nav-toggle i {
    color: #ffffff;
}
@media (max-width: 768px){
    #header #logo img {
        max-height: 58px;
    }
}
#header {
    background: #fff;
    padding: 16px 0 0 0;
    height: 95px;
}
@media (max-width: 990px) {
    .nav-menu a {
        font-size: 0.5em  !important;
    }
}
.nav-menu a {
    color: #000;
    padding: 10px 8px;
    font-size: 0.90em;
    font-weight: 600;
}
.header-icon-txt{
    color: black !important;
    font-weight: bold !important;
    font-size: 1.1em;
}
@media (max-width: 900px){
    #mobile-nav-toggle {
        display: inline;
    }
    #nav-menu-container {
        display: none;
    }
    .header_links{
        text-align: center !important;
    }
    .app_link{
        text-align: center !important;
    }
    .notice-title-heading{
        text-align: center !important;
    }
    .notice-title-heading a {
        background: transparent !important;
        color: #fff !important;
    }
}
.navbar-container{
    padding-right: 0;
    /*padding-top: 15px;*/
    text-transform: uppercase;
}
/*================END NAVIGATION MENU CSS===============*/
/*================END COMMON CSS====================*/

/*================START HOME PAGE CSS===================*/

/*================START TOP MOST QUICK LINK==============*/
/*.top_quick_link_box{*/
    /*position: absolute;*/
    /*z-index: 100;*/
    /*margin-left: 85px;*/
    /*margin-top: 273px;*/
/*}*/
/*.top_quick_link{ text-align: center; }*/
/*.top_quick_link .top_quick_link-icon{*/
    /*display: inline-block;*/
    /*width: 125px;*/
    /*height: 125px;*/
    /*line-height: 125px;*/
    /*border-radius: 50%;*/
    /*background: #f03089;*/
    /*font-size: 40px;*/
    /*color: #fff;*/
    /*margin-bottom: 50px;*/
    /*position: relative;*/
/*}*/
/*.top_quick_link .top_quick_link-icon:before{*/
    /*content: "";*/
    /*position: absolute;*/
    /*top: 20px;*/
    /*left: 20px;*/
    /*bottom: 20px;*/
    /*right: 20px;*/
    /*border: 5px solid #fff;*/
    /*border-right-color: transparent;*/
    /*border-radius: 50%;*/
    /*transition: all 0.3s ease 0s;*/
/*}*/
/*.top_quick_link:hover .top_quick_link-icon:before{ transform: rotate(180deg); }*/
/*.top_quick_link .top_quick_link-icon:after{*/
    /*content: "";*/
    /*width: 2px;*/
    /*height: 30px;*/
    /*background: #f03089;*/
    /*margin: 0 auto;*/
    /*position: absolute;*/
    /*bottom: -30px;*/
    /*left: 0;*/
    /*right: 0;*/
/*}*/
/*.top_quick_link .title{*/
    /*font-size: 20px;*/
    /*font-weight: 600;*/
    /*color: #333333;*/
    /*letter-spacing: 1px;*/
    /*text-transform: uppercase;*/
    /*margin: 0;*/
/*}*/
/*.top_quick_link .description{*/
    /*font-size: 15px;*/
    /*color: #6f6f6f;*/
    /*line-height: 27px;*/
    /*letter-spacing: 1px;*/
    /*margin: 10px 0 0 0;*/
/*}*/
/*.top_quick_link.green .top_quick_link-icon,*/
/*.top_quick_link.green .top_quick_link-icon:after{ background: #63bb54; }*/
/*.top_quick_link.blue .top_quick_link-icon,*/
/*.top_quick_link.blue .top_quick_link-icon:after{ background: #1a9fab; }*/
/*@media only screen and (max-width:990px){*/
    /*.top_quick_link{ margin-bottom: 30px; }*/
/*}*/
.home_notices{
    background: #f7f7f7;
    /*border: 1px dotted #da251d;*/
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.notice_vall:hover{
    color: red;
}
.notice_vall a:hover{
    color: red;
}
.home_notices p a{
    font-size: 0.9em !important;
    color: black !important;
}
.home_notices p a:hover{
    color: #da251d;
}
.datesheet_ql, .syll_ql, .parents_login, .trafic_rules{
    border-style: solid;
    border-width: 0px;
    color: #FFFFFF;
    border-style: solid;
    border-width: 0px;
    margin: 0;
    padding: 6px 13px 8px 13px;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    border-style: solid;
    z-index: 10;
    cursor: pointer;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
/*trafic rule images css*/
#trafic_rules{
    z-index: 100;
    bottom: 0;
    right: 62px;
    position: absolute;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 12px;

}
#trafic_rules a{
    text-decoration: none;
    color: white;
    transition: all .3s ease-out 0s;
    font-weight: 500;
    text-transform: uppercase;
    padding-top: 12px;

}

.trafic_rules{
    background-color: #309c0e;
    display: block;
    -webkit-animation: TRAFICRULE 1s infinite;   /*Safari 4+*/
    -moz-animation: TRAFICRULE 1s infinite;   /*Fx 5+*/
    -o-animation: TRAFICRULE 1s infinite;   /*Opera 12+*/
    animation: TRAFICRULE 1s infinite;   /*IE 10+, Fx 29+*/

}
@-webkit-keyframes TRAFICRULE {
    0%, 49% {
        background-color: #FF9800;
    }
    50%, 100% {
        background-color: #da251d;
    }
}

/*trafic rule image css*/
#datesheet_ql{
    z-index: 100;
    bottom: 0;
    left: 270px;
    position: absolute;
}
#datesheet_ql a{
    text-decoration: none;
    color: white;
    transition: all .3s ease-out 0s;
}

.datesheet_ql{
    background-color: #FF9800;
    display: block;
    -webkit-animation: DATESHEET 1s infinite;   /*Safari 4+*/
    -moz-animation: DATESHEET 1s infinite;   /*Fx 5+*/
    -o-animation: DATESHEET 1s infinite;   /*Opera 12+*/
    animation: DATESHEET 1s infinite;   /*IE 10+, Fx 29+*/

}
@-webkit-keyframes DATESHEET {
    0%, 49% {
        background-color: #FF9800;
    }
    50%, 100% {
        background-color: #0f308e;
    }
}

#syll_ql{
    z-index: 100;
    bottom: 0;
    left: 62px;
    position: absolute;
}
#syll_ql a{
    text-decoration: none;
    color: white;
    transition: all .3s ease-out 0s;
}
.syll_ql{
    top: 519px;
    background-color: #0f308e;
    display: block;
    -webkit-animation: SYLLABUS 1s infinite;   /*Safari 4+*/
    -moz-animation: SYLLABUS 1s infinite;   /*Fx 5+*/
    -o-animation: SYLLABUS 1s infinite;   /*Opera 12+*/
    animation: SYLLABUS 1s infinite;   /*IE 10+, Fx 29+*/

}
@-webkit-keyframes SYLLABUS {
    0%, 49% {
        background-color: #0f308e;
    }
    50%, 100% {
        background-color: #FF9800;
    }
}

#parents_login a{
    text-decoration: none;
}
#parents_login a:hover{
    /*background-color: #da251d !important;*/
    color: #fff;
}
.parents_login{
    top: 350px;
    /*background-color: #088c43;*/
    position: absolute;
    display: block;
    right: -13px;
    cursor: pointer;
    /*-webkit-transform-origin: 100% 100%;*/
    /*-moz-transform-origin: 100% 100%;*/
    /*-o-transform-origin: 100% 100%;*/
    /*-ms-transform-origin: 100% 100%;*/
    /*-moz-transform: rotate(-90deg);*/
    /*-ms-transform: rotate(-90deg);*/
    /*-o-transform: rotate(-90deg);*/
    /*transform: rotate(-90deg);*/
    /*-moz-border-radius-topright: 10px;*/
    /*border-top-right-radius: 10px;*/
    /*-moz-border-radius-topleft: 10px;*/
    /*border-top-left-radius: 10px;*/
    position: fixed;
    margin: 0;
    padding: 6px 13px 8px 13px;
    text-decoration: none;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-style: solid;
    display: block;
    z-index: 1000;
}

/*================END TOP MOST QUICK LINK==============*/

/*================START ACTIVITIES CSS====================*/
.our-activities{
    text-align: center;
    transition: all 0.5s ease 0s;
}
.our-activities{
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.our-activities .pic{
    overflow: hidden;
    position: relative;
}
.our-activities .pic:before,
.our-activities .pic:after{
    content: "";
    width: 200%;
    height: 80%;
    background: rgba(38,37,37,0.8);
    position: absolute;
    top: -100%;
    left: -4%;
    transform: rotate(45deg);
    transition: all 0.5s ease 0s;
}
.our-activities .pic:after{
    background: rgba(218, 37, 29,0.8);
    top: auto;
    left: auto;
    bottom: -100%;
    right: -4%;
}
.our-activities:hover .pic:before{ top: 0; }
.our-activities:hover .pic:after{ bottom: 0; }
.our-activities .pic img{
    width: 100%;
    height: auto;
}
.our-activities .social{
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    bottom: 45%;
    left: 0;
    opacity: 0;
    z-index: 2;
    transition: all 0.5s ease 0.3s;
}
.our-activities:hover .social{ opacity: 1; }
.our-activities .social li{ display: inline-block; }
.our-activities .social li a{
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 20px;
    color: #fff;
    margin-right: 10px;
    position: relative;
    transition: all 0.3s ease 0s;
}
.our-activities .social li a:after{
    content: "";
    width: 100%;
    height: 100%;
    background: #db162f;
    border-radius: 0 20px 20px 20px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    transition: all 0.3s ease 0s;
}
.our-activities .social li a:hover:after{ transform: rotate(180deg); }
.our-activities .team-content{ padding: 20px; }
.our-activities .title{
    font-size: 18px;
    font-weight: 700;
    letter-spacing: 2px;
    color: rgb(218, 37, 29);
    text-transform: uppercase;
    margin-bottom: 7px;
}
.our-activities .post{
    display: block;
    font-size: 17px;
    font-weight: 600;
    color: #333;
    text-transform: capitalize;
}
@media only screen and (max-width: 990px){
    .our-activities{ margin-bottom: 30px; }
}
.btn-white {
    color: #fff;
    background-color: transparent;
    border-color: #ffffff;
    transition: all 0.3s ease 0s;
}
.btn-white:hover {
    color: #fff;
    background-color: transparent !important;
    border-color: #ffffff;
    transition: all 0.3s ease 0s;
}
/*==================END ACTIVITIES CSS====================*/
/*================START SLIDER CSS=======================*/
#intro {
    width: 100%;
    min-height: 60vh !important;
    height: auto;
}
#intro #intro-carousel::before {
    background-color: transparent;
}
#intro #intro-carousel .item{
    height: 65vh;
}

#intro #intro-carousel2::before {
    background-color: transparent;
}
#intro #intro-carousel2 .item{
    height: 65vh;
}
/*================END SLIDER CSS=======================*/

/*================START ABOUT SECTION CSS===============*/
#about {
    padding: 10px 0 30px 0 !important;
}
#about .content h2 {
    color: #da251d;
    font-size: 2.3em;
    font-weight: 300;
    font-family: 'Ubuntu', sans-serif;
}
#about .content h2, .section-header h2 {
    color: #da251d;
}
.breadcrumb-item.active {
    color: #da251d;
}
.breadcrumb {
     background-color: transparent !important;
}
.about-block h2{
    color: #333 !important;
    text-transform: uppercase;
    font-size: 1.7em !important;
    font-weight: 300 !important;
    font-family: 'Ubuntu', sans-serif !important;
    margin-bottom: 10px;
}
.about-block p{
    color: #777;
    font-size: 14px;
    line-height: 24px;
}
.about-block span{
    color: #da251d;
}

.about-block p{
    display: -webkit-box;
    max-width: 100%;
    height: 184px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
/*.philosophy_section img{*/
    /*object-fit: cover;*/
    /*width: 270px;*/
    /*height: 270px;*/
/*}*/
.philosophy_section .description{
    display: -webkit-box;
    max-width: 100%;
    height: 105px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
#about .content h2,.section-header h2 {
    color: #da251d;
    text-transform: uppercase;
}
.about-img img{
    BORDER-BOTTOM-right-RADIUS: 96px;
    /* border-top-left-radius: 162px; */
    box-shadow: 4px 4px 5px 0px #bfb9b9;
    margin-left: 0;
    border-top-right-radius: 96px;
}
.section-header h2::before {
    background: #da251d;
}
#services .box h4 {
    margin-top: 13px;
    margin-left: 0;
    margin-bottom: 4px;
}
#services .box p {
    font-size: 14px;
    margin-left: 0;
}
.read_more_btn{
    margin-top: 13px;
    float: right;
    color: #da251d;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: 2px solid #da251d;
    padding: 1px 5px;
}
.read_more_btn:hover{
    margin-top: 13px;
    float: right;
    font-size: 14px;
    font-weight: 500;
    color: #fff !important;
    text-decoration: none;
    border: 2px solid #da251d;
    padding: 1px 5px;
    background-color: #da251d;
}

.read_more_btn i{
    color: #da251d !important;
}
.read_more_btn:hover i{
    color: #fff !important;
}
#about .about-img img {
    margin-left: 0;
    max-width: 100%;
}
/*================END ABOUT SECTION CSS===============*/

/*================START MESSAGE SECTION CSS===============*/
.msg-btn{
    float: right;
    font-size: .7em;
    color: #da251d;
}
.msg-btn:hover{
    color: #000;
}
.our-team{
    border:1px solid #ededed;
    padding: 20px;
}
.our-team .pic > img{
    width: 100%;
    height: auto;
}
.team-prof .post-title{
    text-transform: capitalize;
    color: #da251d  !important;
    font-size: 1.5em !important;
    font-weight: 300 !important;
    font-family: 'Ubuntu', sans-serif !important;
    padding-top: 17px;
    margin-bottom: 0;
    max-width: 327px;
    overflow: hidden;
    text-overflow: clip;
    white-space: inherit;
}
.team-prof .post{
    color:#3c3c3c;
    font-size: 13px;
    font-weight: 300;
    line-height: 1em;
    text-transform: capitalize;
}
.team-prof .description{
    color:#4d4d4d;
    font-size: 13px;
    font-weight: normal;
    line-height: 1.7em;
    margin-bottom: 0;
    display: -webkit-box;
    max-width: 100%;
    height: 70px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-align: justify;
    text-overflow: ellipsis;
}
@media screen and (max-width: 767px){
    .our-team{
        margin-bottom: 30px;
    }
}
/*================END MESSAGE SECTION CSS===============*/

/*=================START QUICK LINK CSS=================*/
.serviceBox{
    text-align: center;
    position: relative;
}
.serviceBox .service-icon{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    padding: 10px;
    margin: 0 auto 45px;
    border: 2px solid #fba21a;
    z-index: 1;
    position: relative;
    transition: all 0.5s ease 0s;
}
.serviceBox .service-icon:before,
.serviceBox .service-icon:after{
    content: "";
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: #fff;
    border: 3px solid #fba21a;
    border-top: 2px solid transparent;
    border-right: 2px solid transparent;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) rotate(135deg);
    transition: all 0.3s ease 0s;
}
.serviceBox .service-icon:after{
    width: 20px;
    height: 20px;
    background: #fba21a;
    border: none;
}
.serviceBox:hover .service-icon:before{
    bottom: -16px;
    opacity: 1;
}
.serviceBox:hover .service-icon:after{
    bottom: -8px;
    opacity: 1;
}
.serviceBox .service-icon span{
    display: block;
    width: 100%;
    height: 100%;
    font-size: 50px;
    color: #fba21a;
    line-height: 104px;
    border-radius: 50%;
    border: 2px solid #fba21a;
}
.serviceBox .service-icon span:before,
.serviceBox .service-icon span:after{
    content: '';
    display: block;
    width: 3px;
    height: 30px;
    background: #fba21a;
    position: absolute;
    bottom: 0;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%);
    transition: all 0.3s ease 0s;
}
.serviceBox .service-icon span:after{
    width: 20px;
    height: 20px;
    background: transparent;
    border: 3px solid #fba21a;
    border-left: 3px solid transparent;
    border-top: 3px solid transparent;
    transform: translateX(-48%) rotate(45deg);
}
.serviceBox:hover .service-icon span:before,
.serviceBox:hover .service-icon span:after{
    bottom: -30px;
    opacity: 1;
}
.serviceBox .title{
    font-size: 20px;
    color: #fba21a;
    text-transform: uppercase;
    margin: 0 0 10px 0;
}
.serviceBox .description{
    font-size: 15px;
    color: #555;
    padding: 0 10px;
    margin: 0;
}
.serviceBox.skyblue .service-icon{ border-color: #05b4b7; }
.serviceBox.skyblue .service-icon:before{
    border-bottom-color: #05b4b7;
    border-left-color: #05b4b7;
}
.serviceBox.skyblue .service-icon:after,
.serviceBox.skyblue .service-icon span:before{ background: #05b4b7; }
.serviceBox.skyblue .service-icon span{
    border-color: #05b4b7;
    color: #05b4b7;
}
.serviceBox.skyblue .service-icon span:after{
    border-right-color: #05b4b7;
    border-bottom-color: #05b4b7;
}
.serviceBox.skyblue .title{ color: #05b4b7; }
.serviceBox.pink .service-icon{ border-color: #f5ed08; }
.serviceBox.pink .service-icon:before{
    border-bottom-color: #f5ed08;
    border-left-color: #f5ed08;
}
.serviceBox.pink .service-icon:after,
.serviceBox.pink .service-icon span:before{ background: #f5ed08; }
.serviceBox.pink .service-icon span{
    border-color: #f5ed08;
    color: #f5ed08;
}
.serviceBox.pink .service-icon span:after{
    border-right-color: #f5ed08;
    border-bottom-color: #f5ed08;
}
.serviceBox.pink .title{ color: #f5ed08; }
.serviceBox.green .service-icon{ border-color: #0fb513; }
.serviceBox.green .service-icon:before{
    border-bottom-color: #0fb513;
    border-left-color: #0fb513;
}
.serviceBox.green .service-icon:after,
.serviceBox.green .service-icon span:before{ background: #0fb513; }
.serviceBox.green .service-icon span{
    border-color: #0fb513;
    color: #0fb513;
}
.serviceBox.green .service-icon span:after{
    border-right-color: #0fb513;
    border-bottom-color: #0fb513;
}
.serviceBox.green .title{ color: #0fb513; }
@media only screen and (max-width:990px){
    .serviceBox{ margin-bottom: 30px; }
}
/*=================END QUICK LINK CSS====================*/
/*==================START NOTICE PAGE CSS==================*/
.notice-tag{
    padding-right: 5px
}
.notice_box{
    /*background-color: rgb(245, 245, 245);;*/
    padding: 0 0 0 0;
    font-size: 14px;
    background-color: rgb(45, 49, 147);
}
.notice_box .notice-title{
    margin: 0;
}
.notice-title-heading a{
    /*color: #FFEB3B !important;*/
    /* font-weight: bold; */
    font-size: 1.3em;
}
.notice-title-heading a{
    background: #FFC107;
    color: black !important;
    padding: 6px;
}
.notice_box a{
    color: #fff;
    /*text-transform: lowercase;*/
}
.notice_box a:hover{
    color: #000;
    /*text-transform: lowercase;*/
}
/*==================END NOTICE PAGE CSS=====================*/
/*=================START GALLERY =========================*/
.img-gallery{
    object-fit: cover;
    width: 255px !important;
    height: 351px !important;
}
.gallery_div img{
    object-fit: cover;
    width: 330px;
    height: 247px;
}
.our-gallery{
    position: relative;
    text-align: center;
    overflow: hidden;
    box-shadow: 0 0 5px #333333;
}
.our-gallery img{
    width: 100%;
    height: auto;
    transition: all 0.50s linear 0s;
}
.our-gallery:hover img{
    transform: scale(1.2);
}
.our-gallery .gallery-content{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 40px 20px;
    background: rgba(218, 37, 29, 0.81);
    opacity: 0;
    transition: all 0.5s ease-in-out;
}
.our-gallery:hover .gallery-content{
    opacity: 1;
}
.our-gallery .gallery-prof{
    margin: 20px 0;
    position: relative;
    top: 13%;
    font-size: 25px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.3);
    letter-spacing: 1px;
    text-transform: capitalize;
}
.our-gallery .gallery-prof small{
    display: block;
    font-size: 13px;
    color: #fff;
    margin-top: 10px;
    text-transform: uppercase;
}
.our-gallery .social-link{
    padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    top: 13%;
}
.our-gallery .social-link li{
    margin-right: 5px;
    display: inline-block;
}
.our-gallery .social-link li a{
    width: 35px;
    height: 35px;
    line-height: 35px;
    border-radius: 5px;
    color: #fff;
    background: rgba(0, 0, 0, 0.3);
}
.our-gallery .social-link li a:hover{
    background: #fff;
    color: #333;
    text-decoration: none;
}
@media only screen and (max-width: 990px){
    .our-gallery{ margin-bottom: 20px; }
}
/*==================END GALLERY============================*/

/*=================START INFRASTRUCTURE SECTION =========================*/


.infra_div img{
    object-fit: cover;
    width: 225px;
    height: 255px;
}
#testimonials .testimonial-item {
    box-sizing: content-box;
    padding: 30px 30px 5px 30px;
    margin: 30px 15px;
    text-align: center;
     min-height: auto;
    box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);
}
/*==================END INFRASTRUCTURE SECTION============================*/

/*===================START FOOTER SECTION==================================*/
#footer {
    background-color: rgba(0, 0, 0, 0.2);
    background-image: url(/img/footer.png) !important;
    background-repeat: no-repeat !important;
    background-position: 100% 100% !important;
    background-size: 100% 100% !important;
}
#footer {
    padding: 30px 0 30px 0 !important;
    background-blend-mode: hue;
}
.footer_logo_img img{
    padding-bottom: 15px;
}
.footer_logo span{
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}
.footer_links{
    color: #fff;
    padding-top: 73px;
}
.footer_address p{
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer_about span{
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}
.footer_about p{
    font-size: 0.9em;
    color: #FFFFFF;
    margin-bottom: 0;
}
.footer_copy{
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 25px;
}
.footer_copy{
    color: white;
    text-transform: uppercase;
    text-align: center;
    margin-top: 25px;
    background-color: rgba(0, 0, 0, 0.4392156862745098);
    padding: 2px;
}
.footer_copy a{
    color: inherit;
    text-transform: uppercase;
    text-align: center;
    margin-top: 25px;
}
@media screen and (max-width: 990px){
    .footer_about, .footer_address, .footer_fb_page{
        margin-top: 40px;
    }
    .logo_container{
        text-align: center;
    }
}



/*.footer_about p:hover{*/
    /*color: #000;*/
 /*}*/

.footer_sectionline {
    border-bottom: 1px solid #FFFFFF;
    display: block;
    margin: 7px 0 6px 0;
    width: 44px;
}
.footer_fb_page span{
    color: #fff;
    font-size: 1em;
    font-weight: 600;
}
/*===================END FOOTER SECTION==================================*/

/*================END HOME PAGE CSS===================*/
.nicdark_filter.greydark {
    background: rgba(0, 0, 0, 0.68);
}
.nicdark_filter {
    /*float: left;*/
    /* width: 100%; */
}
.nicdark_container {
    width: 1200px;
    margin: auto;
    padding: 0px;
}
.nicdark_clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.nicdark_space40 {
    height: 40px;
    width: 100%;
    float: left;
}
.nicdark_space50 {
    height: 50px;
    width: 100%;
    float: left;
}
.grid_12 {
    width: 1180px;
}
.grid_12 {
    margin: 10px;
    float: left;
    display: inline;
}
h1.center{
    text-align: center;
}
h1.white{
    color: #fff;
}
h3.center{
    text-align: center;
}
h3.white{
    color: #fff;
}
.nicdark_space10 {
    height: 10px;
    width: 100%;
    float: left;
}
.nicdark_space20 {
    height: 20px;
    width: 100%;
    float: left;
}
.nicdark_divider {
    float: left;
    width: 100%;
}
.nicdark_divider.big > span {
    width: 80px;
    height: 5px;
}
.nicdark_divider > span {
    display: block;
    margin: auto;
}
.nicdark_radius {
    border-radius: 5px 5px 5px 5px;
}
.nicdark_bg_white {
    background-color: #ffffff;
}
.nicdark_space40 {
    height: 40px;
    width: 100%;
    float: left;
}
.nicdark_space50 {
    height: 50px;
    width: 100%;
    float: left;
}
.nicdark_clearfix:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.nicdark_parallax_img3 {
    background: url(../img/footer.png) 50% 0 fixed;
    background-size: cover;
}
.nicdark_section {
    width: 100%;
    /*float: left;*/

}
.nicdark_section h1,h3{
    font-family: 'Ubuntu', sans-serif !important;
}


/*=================START MEDIA GALLERY PAGE CSS============*/

.media-gallery-title{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: uppercase !important;
    color: #002858 !important;
    font-weight: 600;
}
.media-gallery span, a {
    color: #333333;
}
.media_gallery_desc{
    display: block;
    display: -webkit-box;
    max-width: 100%;
    margin: 0 auto;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.media-gallery h6{
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-top: 10px;
}
/*=================END MEDIA GALLERY CSS============*/

/*=================START FACULTY PAGE CSS============*/
.teaching-faculty img{
    border: 1px solid #da251d;
    border-radius: 5px;
}
#about .content i {
    font-size: .9em;
    padding-right: 7px;
    color: #de4038;
}
.teaching-faculty h4{
    color: #333;
    font-family: 'Ubuntu', sans-serif;
}

/*=================END FACULTY PAGE CSS============*/
/*==================start facilities page css====================*/
.section-header h2 {
    color: #da251d !important;
    font-size: 2.3em !important;
    font-weight: 300 !important;
    font-family: 'Ubuntu', sans-serif !important;
    color: #0c2e8a;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}

/*==================end facilities page css======================*/

/*=================START PHOTO GALLERY CSS=========*/

.gallery_box img{
    object-fit: cover;
    width: 223px;
    height: 148px;
}
.gallery_box h6{
    display: -webkit-box;
    max-width: 100%;
    height: 63px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.gallery_box:hover .gallery-overlay{
    opacity: 0.9;
}
.gallery-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #4676af;
}
.text {
    color: white;
    font-size: 15px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
    background-color: green;
    padding: 10px
}
.gallery_detail_sec img{
    object-fit: cover;
    width: 223px;
    height: 167px;
}
/*=================END PHOTO GALLERY CSS===========*/

/*=================START  THANKYOU PAGE CSS==========*/
.section-header .heading {
    font-size: 32px;
    color: #4676af;
    text-transform: uppercase;
    font-weight: 700;
    position: relative;
    padding-bottom: 20px;
}
.header_links{
    padding-right: 0;
    font-size: 12px;
}
.school_logo{
    /*padding-top: 15px;*/
    /*position: absolute;*/
}
.header_links span{
    color: #da251d;
}
.section-header .heading::before {
    content: '';
    position: absolute;
    display: block;
    width: 50px;
    text-align: center;
    height: 3px;
    background: #4676af;
    bottom: 0;
    left: 50%;
}
/*===========END THANK YOU PAGE CSS==================*/

/*===========START NOTICE PAGE CSS==================*/
.notice_heading{
    line-height: 25px;
    display: -webkit-box;
    max-width: 100%;
    height: 42px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notice_container{
    border: 1px solid #333333;
    padding: 0;
    margin-bottom: 40px;
}
.notices{
    background: #fff;
    text-align: center;
    border-top: 10px solid #333;
    position:relative;
}
.notices:before{
    content:"";
    position:absolute;
    border:20px solid transparent;
    border-bottom-color:#333333;
    top:-50px;
    left:44%;
}
.notices .notices-head {
    padding: 10px 0;
}
.notices .notices-head > h3{
    color: #da251d;
    font: bold 70px/60px "arial";
    margin-bottom: 20px;
    text-transform: uppercase;
}
.notices .notices-head > h4{
    color: #da251d;
    font-size: 30px;
    font-weight: normal;
    line-height: 30px;
    margin-bottom: 20px;
    padding: 0 10px;
    text-transform: uppercase;
}
.notices .notices-content > span{
    color: #333333;
    font-size: 20px;
    line-height: 20px;
    text-transform: uppercase;
    margin: 0 0 8px;
    font-weight: bold;
    display: block;
}
.notices .notices-content > p{
    color: #6f6a6a;
    font-size: 14px;
    line-height: 25px;
    display: -webkit-box;
    max-width: 100%;
    height: 5px;
    margin: 0 auto;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}
.notices .read {
    padding: 20px 0 10px;
}
.notices .read a {
    background: #333;
    border: medium none;
    border-radius: 0;
    color: #fff;
    padding: 14px 17px;
    font: 600 14px/18px "arial";
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.notices .read a:hover{
    background: #da251d;
    transition: all 0.5s ease 0s;
}
@media screen and (max-width: 990px){
    .notices{
        margin-bottom: 30px;
    }
    .notices .notices-head > h4{
        font-size: 26px;
    }
}
@media screen and (max-width: 767px){
    .notices:before{
        left:47%;
    }
}
@media screen and (max-width: 480px){
    .notices:before{
        left:44%;
    }
}
/*===========END NOTICE PAGE CSS==================*/

/*================START NOTICE DETAIL PAGE CSS====================*/
.notices-detail{
    background: #fff;
    text-align: left;
    border-top: 10px solid #333;
    position: relative;
}
.notices-detail .notices-head{
    padding: 15px;
}
.notices-detail . notice-heading{
    font-size: 25px;
    line-height: 0;
    color: #002858;
    font-weight: bold;
}
.notice_detail_heading{
    font-size: 1.5em;
    font-weight: bold;
    color: #333;
}
.notice_detail_heading + span{
    font-size: 1em;
}
.notices-content-detail{
    padding-left: 15px;
}
/*================END NOTICE DETAIL PAGE CSS====================*/
/*===========================================================START_ONLINE_ADMISSION_PAGE_CSS======================================*/
.download_form:before {
    content: url("/images/download_form.png");
}
.heading_text{
    text-align: center;
    font-family: "Merriweather", "Times New Roman", Times, serif;
    font-weight: 700;
    font-size: 2em;
    color: #da251d;
}
.online_admission_form label{
    color: #000000;
}
.form_header{
    color: #000;
    background-color: #dededd;
    font-size: 1.5em;
    margin-bottom: 15px;
    margin-top: 30px;
}
.mandotory_column {
    color: red !important;
}

/*===========================================================START_ONLINE_ADMISSION_PAGE_CSS======================================*/
/*=================================================START ACHIEVEMENTS PAGE============================*/

.achievement_div {
    border: 1px solid #013220;
    margin-bottom: 50px;
    padding-top: 15px;
}
.achievement_div img{
    margin-top: 15px;
    width: 100%;
    height: auto;
    border: 1px solid #013220;
}
.achievement_div h6{
    font-size: 24px;
    font-weight: bold;
    font-family: "Merriweather", "Times New Roman", Times, serif;
}
.achievement_div  span:nth-child(1){
    font-size: 18px;
    color: #888888;
    font-weight: bold;

}
.achievement_div p{
    text-align: center;
}
.achievement_div span:nth-child(2) {
    font-size: 20px;
    color: #013220;
    font-weight: bold;

}
.bg_white{
    background-color: white;
}

.achiv_title{
    font-size: 22px;
    /* font-weight: 600; */
    font-family: 'Ubuntu', sans-serif !important;
    margin-bottom: 5px;
}
.achiv_div{
    border: 1px solid black;
    margin-bottom: 15px;
    padding: 25px;
    background-color: white;
}
.achiv_div .gallery_detl_img_fix {
    height: auto;
    width: 100%;
    border: 4px solid;
    border-style: double;
    max-height: 100%;
    max-width: 100%;

}
.achiv_desc{
    font-size: 17px;
    text-align: justify;
    color: #656565;
    margin-top: 10px !important;
}
.achiv_desc_sec p{
    text-align: justify;
    font-size: 0.9em;
}
.post-event {
    max-width: 420px;
    margin-left: auto;
    margin-right: auto;
}
.post-event-img-overlay {
    position: relative;
    display: inline-block;
}
.post-event-img-overlay:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(13, 45, 98, 0.8);
    opacity: 0;
    visibility: hidden;
    transition: 0.35s all ease;
}
.post-event-img-overlay:hover:after {
    opacity: 1;
    visibility: visible;
}

.post-event-meta {
    /*background: #2e3a90;*/
    padding: 5px 9px;
    min-width: 90px;
    color: #f6f7f8;
}
.post-event-meta a {
    color: #2e3a90;
}
.post-event-img-overlay:hover:after {
    opacity: 1;
    visibility: visible;
}
.post-event-img-overlay {
    position: relative;
    display: inline-block;
}
.post-event-img-overlay:after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(218, 37, 29, 0.71);
    opacity: 0;
    visibility: hidden;
    transition: 0.35s all ease;
}
.post-event-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
    opacity: 0;
    visibility: hidden;
    z-index: 2;
}
.post-event-img-overlay:hover .post-event-overlay {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    transition: 0.35s all ease;
}

/*=================================================END ACHIEVEMENTS PAGE============================*/

.our-activities #brdy_slider .pic:before, .our-activities .pic:after {
    content: "none" !important;
    width: 200%;
    height: 80%;
    /* background: rgba(38,37,37,0.8); */
    position: absolute;
    top: -100%;
    left: -4%;
    transform: rotate(45deg);
    transition: all 0.5s ease 0s;
}

/*start birthday style*/
.brdy_style {
    font-size: 25px;
    color: #ef5861;
    text-align: center;
    font-weight: 600;
}
/*end birthday style*/
.sub-title-style{
    position: relative;
}
.sub-title-style:before {
    content: "";
    background: #000;
    width: 19%;
    height: 1px;
    position: absolute;
    top: 0;
    left: 40%;
}
.sub-title-style:after {
    content: "";
    background: #ef5861;
    width: 9%;
    height: 5px;
    position: absolute;
    top: -2px;
    left: 45%;
    border-radius: 6px;
}
@media screen and (max-width: 990px){
    .our-toppers{
        margin-bottom: 30px;
    }
}
.our-toppers:hover{
    background: #37bf91 !important;
    /*padding-bottom: 30px;*/
}
/*start birthday & toppers css*/
.our-toppers{
    text-align: center;
    overflow: hidden;
    padding: 40px 15px 10px;
    background: #f1f1f1;
    border: 1px solid #8e8b8b !important;
    transition: all 0.3s ease 0s;
}
.our-toppers .pic img{
    border: 10px solid #8e8b8b !important;
    border-radius: 50%;
    transition: all 0.3s ease 0s;
}
.achievements_slider .post-title{
    font-size: 1em;
}
.our-toppers .post-title{
    position: relative;
    margin: 38px 0 18px 0;
    font-size: 15px;
    font-weight: bold;
    text-transform: uppercase;
    color:#333 !important;
}
.our-toppers .border{
    width: 100px;
    border-bottom: 3px solid #37bf91 !important;
    display: block;
    margin: 0 auto;
    transition: all 0.3s ease 0s;
}
.our-toppers .border:after{
    content: "";
    width: 34px;
    display: block;
    position: relative;
    top:3px;
    border-bottom: 3px solid #F43662 !important;
    margin: auto;
}
.our-toppers .post{
    overflow: hidden;
    display: block;
    /*margin-top: 20px;*/
    font-size: 15px;
    color:#000 !important;
    font-weight: normal;
    text-transform: capitalize;
    opacity: 1;
    transition: all 0.3s ease 0s;
}
.our-toppers .team_social{
    list-style: none;
    padding: 0;
    text-align: center;
    position: relative;
    bottom: -100px;
    opacity: 0;
    transition: all 0.3s ease 0s;
}
.team_social > li{
    display: inline-block;
    margin-right: 20px;
}
.team_social > li:last-child{
    margin-right: 0;
}
.team_social > li > a{
    font-size: 15px;
    font-weight: 400;
    color:#333 !important;
    transition: all 0.3s ease 0s;
}
.team_social > li > a:hover{
    color:#fff !important;
}
.our-toppers:hover{
    background: #37bf91 !important;
    /*padding-bottom: 30px;*/
}
.our-toppers:hover .pic img{
    border-color: #F43662 !important;
    margin: auto !important;

}
.our-toppers .pic img{
    margin: auto !important;
    /* object-fit: cover; */
    width: 200px;
    height: 200px;
}
.our-toppers:hover .border{
    border-color: #F43662 !important;
}
.our-toppers:hover .border:after{
    border-color: #fff !important;
}
.our-toppers:hover .post {
    /* margin-top: 0; */
    /* opacity: 0; */
    color: white !important;
}
.our-toppers:hover .team_social{
    opacity: 1;
    bottom: 0;
}
@media screen and (max-width: 990px){
    .our-toppers{
        margin-bottom: 30px;
    }
}
.bx-wrapper {
    margin-bottom: 0 !important;
}
/*end birthday & toppers css*/
/*=================================START EVENT CALENDAR CSS=======================*/
.fc-day-header span{
    color: #000 !important;
}
.fc-title{
    color: #fff  !important;
}
.fc-unthemed td.fc-today {
    background: #3a87ad;
}
.fc-icon-left-single-arrow, .fc-icon-right-single-arrow{
    color: #000 !important;
}
/*=================================START EVENT CALENDAR CSS=======================*/
/*================start online tc======================*/
.font-bold{
    font-weight: bold;
}
/*================end online tc======================*/
@media (min-width: 576px){
    .modal-dialog {
        text-align: center !important;
        margin: 1.75rem auto !important;
        /*max-width: 100% !important;*/
    }
}
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
     background-color: transparent;
    background-clip: padding-box;
     border: 0px solid rgba(0,0,0,.2) !important;
    border-radius: .3rem;
    outline: 0;
}
@media (max-width: 576px) {
    .modal-body img{
        width: 100% !important;
        height: auto !important;
    }
}
.modal-body img{
    width: 50%;
}
/*===================================================================================*/
/*===========================start vacancies page css===============================*/
.vacanies_msg {
    background-color: white;
    padding: 20px;
    font-size: 15px;
    color: #000000;
}
.vacancies_msg p{
    background: #e8e8e8;
    padding: 24px;
}
/*===========================end vacancies page css=================================*/
/*===================================END SDCS CSS==================================*/
/*===================================================================================*/