@import url('//fonts.googleapis.com/css?family=Hind+Guntur:300,400,500,600,700');
@import url('//fonts.googleapis.com/css?family=Rubik:400,500,700,900');
@import url('//fonts.googleapis.com/css?family=Oswald:300,400,500,600,700');

 @font-face {
     font-family: 'Lucida Calligraphy';
     src: url(../fonts/Lucida-Calligraphy-Italic.ttf);
}




:root
	{	 
		--font1:'Rubik', sans-serif;
		--font2:'Hind Guntur', sans-serif;
     	--font3:'Oswald', sans-serif;
     	--font4:'Lucida Calligraphy', sans-serif;
     	--primary-color:#751102;
     	--primary2-color:#862112;
    	--secondary-color:#F0C75B;	
    	--secondary2-color:#F37B02;	
    	--tertiary-color:#015AAA;	
    	--tertiary2-color:#009FEA;	
	}

*
{
	padding: 0;
	margin:0;
}



body {
    overflow-x: hidden;
    line-height: 26px;
    color: #000;
    background-color: #fff;
    font-family: var(--font1);
    font-size: 14px;
    font-weight: 400
}

strong {
    font-weight: 500
}

.secondary {
    color: var(--secondary2-color)
}

.c_auto {
    cursor: auto
}

.home-banner {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    background-position: center
}

.home-banner .video {
    position: absolute;
    width: 120px;
    height: 120px;
    bottom: 10%;
    left: 10px;
    border-radius: 5px
}

.home-banner .video img {
    transform: scale(1);
    transition: transform .8s linear
}

.home-banner .video:hover img {
    transform: scale(1.1)
}

.home-banner nav.navigation {
    position: absolute;
    width: 100%;
    z-index: 5;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .5)
}

.navigation .logo a {
    display: block;
    margin-left: 10px
}

.navigation .logo.dark {
    display: none
}

.navigation .logo.only-favicon {
    display: none
}

.innerpage-banner .navigation .logo.only-favicon a img {
    max-height: 100px
}

.clone-navbar.fixed nav.navigation {
    background-color: #fff
}

.clone-navbar.fixed .navigation .logo.white {
    display: none
}

.clone-navbar.fixed .navigation .logo.dark {
    display: block
}

.navigation .logo a img {
    max-height: 130px
}

.navigation .nav-bars {
    float: right;
    margin-top: 15px;
    cursor: pointer
}

.navigation .nav-bars .bar-white {
    background-image: url(../img/icon/bar-w.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: block
}

.navigation .name-container {
    width: 100%;
    text-align: center
}

.navigation .school-name {
    margin: 7px 0;
    display: inline-block;
    background-color: #fff
}

.navigation .school-name h3 {
    display: inline-block;
    color: var(--primary-color);
    font-family: var(--font1);
    font-weight: 600;
    font-size: 2.1rem;
    text-transform: uppercase;
    margin-bottom: 0;
    text-shadow: 1px 1px #ccc
}

.navigation .school-name span {
    display: block;
    font-family: var(--font1);
    color: var(--secondary2-color);
    font-weight: 500;
    font-size: 17px;
    text-align: right
}

nav.navigation-full-page {
    position: fixed;
    width: 100%;
    height: 100vh;
    background-image: url(../img/navbar-background.jpg);
    background-size: cover;
    background-blend-mode: overlay;
    background-color: rgba(0, 0, 0, .6);
    top: 0;
    left: 0;
    z-index: 999;
    display: none;
    transition: display .3s linear
}

nav.navigation-full-page .social-link {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%)
}

nav.navigation-full-page .social-link ul li {
    float: left;
    margin-right: 50px;
    list-style: none
}

nav.navigation-full-page .social-link ul li a {
    color: #fff;
    transition: color .2s linear;
    text-decoration: none
}

nav.navigation-full-page .social-link ul li:nth-child(1):hover a {
    color: #385596
}

nav.navigation-full-page .social-link ul li:nth-child(2):hover a {
    color: #1c9bea
}

nav.navigation-full-page .social-link ul li:nth-child(3):hover a {
    color: var(--secondary2-color)
}

nav.navigation-full-page .social-link ul li:nth-child(4):hover a {
    color: var(--primary2-color)
}

nav.navigation-full-page .logo-popup {
    position: absolute;
    top: 15px;
    left: 20px;
    height: 10px
}

nav.navigation-full-page .images-box {
    position: absolute;
    left: 90%;
    width: 500px;
    height: 450px
}

nav.navigation-full-page .logo-popup img {
    width: 120px
}

nav.navigation-full-page .close-menu {
    position: absolute;
    width: 70px;
    height: 70px;
    right: 20px;
    top: 40px;
    cursor: pointer;
    text-align: center;
    line-height: 70px
}

nav.navigation-full-page .menu-box-center {
    width: 600px;
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translateX(-50%) translateY(-40%)
}

nav.navigation-full-page .menu-box-center .navbars .first-ul {
    list-style: none;
    padding-bottom: 0;
    margin: 0
}

nav.navigation-full-page .menu-box-center .navbars .first-ul li {
    float: none;
    font-size: 18px;
    line-height: 40px;
    font-family: var(--font1)
}

nav.navigation-full-page .menu-box-center .navbars .first-ul li a {
    color: #fff;
    text-shadow: 1px 1px #333;
    text-decoration: none
}

nav.navigation-full-page .menu-box-center .navbars .first-ul li.clicked a {
    position: relative
}

nav.navigation-full-page .menu-box-center .navbars .first-ul li.clicked a:before {
    content: '';
    position: absolute;
    width: 300px;
    height: 2px;
    background-color: var(--primary2-color);
    left: 110%;
    top: 50%;
    transform: translateY(-50%)
}

nav.navigation-full-page .menu-box-center .navbars .first-ul li a:focus {
    outline: 0
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box {
    position: absolute;
    top: 0;
    right: 0;
    width: 250px;
    height: 400px;
    background-color: var(--primary2-color)
}

@media screen and (min-width:1200px) {
    nav.navigation-full-page .menu-box-center .navbars .submenuss-box {
        visibility: hidden;
        opacity: 0;
        transition: opacity .2s linear
    }
    nav.navigation-full-page .menu-box-center .navbars .submenuss-box.show {
        visibility: visible;
        opacity: 1
    }
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item .w-100 {
    width: 100%;
    object-position: 50% 50%
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0);
    transform: translate3d(0, 0, 0)
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box .submenudiv {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 30px
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box .submenudiv ul {
    padding-left: 0;
    list-style: none
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box .submenudiv ul li {
    line-height: 35px
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box .submenudiv ul li a {
    text-shadow: none;
    color: #fff;
    text-decoration: none;
    position: relative;
    padding-bottom: 3px
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box .submenudiv ul li a:before {
    position: absolute;
    content: '';
    width: 0%;
    background-color: #fff;
    bottom: 0;
    left: 0;
    height: 1px;
    transition: width .3s linear
}

nav.navigation-full-page .menu-box-center .navbars .submenuss-box .submenudiv ul li:hover a:before {
    width: 100%
}

.clone-navbar {
    position: fixed;
    top: -200px;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 5;
    padding: 0 0;
    transition: top .4s linear
}

.clone-navbar.fixed {
    top: 0;
    box-shadow: 0 0 5px #333
}

.clone-navbar .navigation .logo a img {
    max-height: 95px
}

.clone-navbar .navigation .nav-bars .bar-white {
    background-image: url(../img/icon/bar-b.png);
    background-size: 100%;
    width: 40px;
    height: 40px;
    display: block
}

.clone-navbar .navigation .name-container.d-none {
    display: block !important
}

section.section {
    margin-top: 20px
}

section.news-events {
    margin-top: 50px
}

section.wh {
    height: 100vh;
    width: 100%;
    position: relative
}

section.wh .centerlize {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

section.arrow {
    position: relative
}

section.arrow .scrollup-btn {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-size: 1.6rem;
    color: #fff;
    background-color: var(--secondary2-color);
    border-radius: 30px;
    cursor: pointer;
    border: 1px solid #fff
}

section.arrow .scrollup-btn a {
    margin-top: 0;
    color: #fff;
    text-decoration: none;
    height: 30px
}

section.wh.half {
    position: relative;
    background-color: rgba(255, 255, 255, 1)
}

section.wh.half:before {
    content: '';
    position: absolute;
    background-image: url(../img/half-area/front.jpg);
    background-size: cover;
    opacity: .1;
    background-position: center;
    background-attachment: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.bg-attr {
    width: 100%;
    height: 100vh;
    background-repeat: no-repeat;
    background-size: cover
}

.bg-attr.birthday {
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top;
    margin-top: 50px;
    position: relative;
    height: 450px;
    padding: 0 0
}

.bg-attr.with-bg-opacity {
    position: relative
}

.bg-attr.with-bg-opacity:before {
    content: '';
    width: 100%;
    height: 100%;
    background-color: #fff;
    top: 0;
    left: 0;
    position: absolute
}

.bg-attr3 {
    height: 300px !important
}

@media screen and (min-width:1140px) {
    .bg-attr.birthday .birthday-box {
        max-width: 30%;
        margin: 0 auto;
        text-align: center;
        padding: 130px 0
    }
}

.bg-attr.birthday .birthday-box .carousel-inner table tr td span {
    white-space: nowrap;
    color: #fff;
    font-weight: 500;
    font-family: var(--font1);
    text-transform: capitalize;
    font-size: 25px;
    margin-bottom: 10px;
    display: block;
    text-shadow: 1px 1px #3e3a3a;
    text-align: center
}

.description-box .content-area {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    transform: translateX(-50%) translateY(-50%)
}

.description-box .content-area .desc p {
    text-align: justify
}

.half .description-box {
    height: 100vh
}

.heading1 {
    font-family: var(--font4);
    color: var(--primary-color);
    position: relative;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.heading11 {
    font-family: var(--font4);
    font-size: 20px;
    font-weight: 700;
    color: var(--primary-color);
    position: relative;
    text-align: center;
    padding-bottom: 25px;
    margin-bottom: 20px
}

.heading1:before {
    content: '';
    position: absolute;
    width: 250px;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 3px;
    border-top: 1px solid var(--secondary2-color);
    border-bottom: 1px solid var(--secondary2-color)
}

.heading1:after {
    content: '\f02d';
    position: absolute;
    color: var(--secondary2-color);
    font-size: .9em;
    font-family: fontawesome;
    bottom: -19px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 5px 10px
}

.heading2 {
    font-family: var(--font4);
    color: var(--primary-color);
    position: relative;
    font-size: 20px;
    text-align: center;
    padding-bottom: 8px;
    margin-bottom: 10px
}

.heading2:before {
    content: '';
    position: absolute;
    width: 100px;
    bottom: 0;
    left: 0;
    height: 3px;
    border-top: 1px solid var(--secondary2-color);
    border-bottom: 1px solid var(--secondary2-color)
}

.heading2 span.view-btn {
    float: right;
    font-size: 13px;
    font-weight: 400;
    display: block;
    padding: 3px 5px;
    border: 1px solid var(--secondary2-color);
    background-color: var(--secondary2-color)
}

.heading2 span.view-btn a {
    color: #fff;
    text-decoration: none
}

.heading2 span.view-btn:hover {
    background-color: transparent
}

.heading2 span.view-btn:hover a {
    color: var(--secondary2-color)
}

.form-sub-heading {
    position: relative;
    z-index: 2;
    text-align: center;
    margin-bottom: 25px
}

.form-sub-heading span {
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    background-color: #fff;
    padding: 5px 15px;
    color: var(--primary2-color)
}

.form-label-heading {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--primary2-color)
}

.form-sub-heading:before {
    content: '';
    position: absolute;
    width: 100%;
    background-color: var(--secondary2-color);
    left: 0;
    top: 40%;
    height: 1px;
    transform: translateY(-40%);
    z-index: -1
}

.form-sub-heading:after {
    content: '';
    position: absolute;
    width: 100%;
    background-color: var(--secondary2-color);
    left: 0;
    top: 60%;
    height: 1px;
    z-index: -1;
    transform: translateY(-60%)
}

.form-label-heading2 {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
    color: var(--primary2-color)
}

.hvr-float-shadow.btn1 {
    background-color: var(--primary-color) !important;
    color: #fff;
    text-decoration: none;
    padding: .8em 1.3em
}

.news-events {
    border-right: 1px solid #e6e3e3;
    border-top: 1px solid #e6e3e3;
    border-left: 1px solid #e6e3e3
}

.news-events ul {
    width: 100%
}

.news-events ul li {
    background-color: #fff;
    border-bottom: 1px dashed #b7b2b2;
    margin-bottom: 5px;
    height: 70px !important
}

.last-modify {
    background-color: var(--secondary2-color);
    color: #fff;
    padding: 2px 10px;
    line-height: 20px;
    text-align: left;
    width: 100%
}

.last-modify {
    width: 50%;
    float: left
}

.last-modify span.more_buttons {
    padding: 10px 0;
    text-decoration: none
}

.last-modify span.more_buttons:hover {
    text-decoration: none
}

.last-modify a.more_bulletin {
    text-align: right !important;
    display: block;
    color: #fff;
    font-size: 15px
}

.last-modify span {
    display: inline-block;
    font-family: var(--font1);
    font-size: 13px;
    width: 100%
}

.last-modify span:nth-child(1) {
    font-weight: 400
}

.news-events ul li .news-section .image-area {
    float: left;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 60px
}

.news-events ul li .news-section .image-area img {
    width: 60px;
    height: 60px
}

.news-events ul li .news-section .desc-area {
    width: 82%;
    display: inline-block;
    margin-left: 5px
}

.news-events ul li .news-section .desc-area .title {
    font-size: 15px;
    font-family: var(--font1);
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 7px
}

.news-events ul li .news-section .desc-area .title a {
    color: var(--primary-color);
    text-decoration: none
}

.news-events ul li .news-section .desc-area .date {
    color: #555;
    font-size: 12px;
    font-weight: 500
}

.news-events ul li .news-section .desc-area .date span {
    font-weight: 500
}

.news-events a.downfile {
    background-color: var(--secondary2-color);
    color: #fff;
    width: 25px;
    text-align: center;
    line-height: 25px;
    height: 25px;
    border-radius: 3px;
    float: right;
    display: block
}

.heading2.gallery-title {
    font-size: 16px
}

.picture-gallery span {
    width: calc(100% / 2);
    float: left;
    border: 1px solid var(--secondary2-color);
    position: relative;
    height: 94.5px;
    overflow: hidden
}

.picture-gallery span a[data-fancybox=gallery] {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transform: scale(0);
    transition: transform .3s linear
}

.picture-gallery span:hover a[data-fancybox=gallery] {
    transform: scale(1)
}

.picture-gallery span a[data-fancybox=gallery] img {
    position: absolute;
    z-index: 2;
    width: 20px;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.picture-gallery span a[data-fancybox=gallery]:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .6)
}

.video-gallery {
    margin-top: 15px
}

.video-gallery.videos_gall {
    margin-top: 17px
}

.video-gallery span {
    float: left;
    border: 1px solid var(--secondary2-color);
    position: relative;
    height: 130px;
    overflow: hidden;
    position: relative
}

.video-gallery span a.redirect {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.video-gallery span a.redirect span.text {
    border: none;
    display: block;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50%;
    white-space: nowrap;
    transform: translateX(-50%);
    background-color: rgba(0, 0, 0, .8)
}

@media screen and (min-width:1024px) {
    .mt-big-screen {
        margin-top: 10px
    }
}

section.usefull-link .link-box {
    position: relative;
    overflow: hidden;
    border-right: 1px solid #fff;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transition: filter .5s linear
}

section.usefull-link .link-box:hover {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

section.usefull-link .link-box .link-button a {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 5;
    width: 100%;
    height: 100%;
    transition: top .5s linear
}

section.usefull-link .link-box .usefull-box-title {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 5px 10px;
    text-align: center;
    font-family: var(--font4);
    font-weight: 500;
    color: #fff;
    font-size: 17px;
    z-index: 2;
    text-shadow: 1px 1px #333;
    background-color: rgba(0, 0, 0, .4);
    text-transform: capitalize
}

section.usefull-link .link-box .usefull-box-title a {
    color: #fff;
    display: block;
    text-decoration: none
}

#submit_button {
    display: none
}

.opt_box {
    display: none
}

.input-area {
    position: relative;
    margin-bottom: 20px;
    margin-top: 10px;
    border: 2px solid var(--secondary2-color);
    z-index: 1;
    cursor: pointer
}

.input-area label {
    position: absolute;
    top: -15px;
    padding: 0 10px;
    left: 10px;
    background-color: #fff;
    color: #333;
    font-weight: 500;
    font-size: 14px;
    font-family: var(--font1);
    z-index: -1;
    transition: top .2s linear, left .2s linear
}

.input-area select.form-control {
    color: #333;
    font-weight: 400;
    font-size: 14px;
    font-family: var(--font1)
}

.input-area .form-control {
    background-color: transparent;
    border-radius: 0;
    border: 0;
    padding-top: 10px
}

.input-area .form-control:focus {
    outline: 0;
    box-shadow: none
}

.btn-submit {
    background-color: var(--secondary2-color);
    border-radius: 0;
    color: #fff;
    transition: background-color .3s linear;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3)
}

.btn-submit:hover {
    background-color: var(--primary2-color)
}

.btn-reset {
    background-color: var(--primary2-color);
    border-radius: 0;
    color: #fff;
    transition: background-color .3s linear;
    box-shadow: 0 0 15px rgba(0, 0, 0, .3);
    margin-left: 8px
}

.btn-reset:hover {
    background-color: var(--primary-color)
}

.capacha-admission {
    display: table;
    margin-left: auto;
    margin-top: 16px
}

.capacha-admission2 {
    display: table;
    margin-right: auto;
    margin-top: 16px
}

.career-form .form-group {
    margin-bottom: 0
}

.footer {
    background: url(../img/pattern2.png) repeat var(--primary2-color);
    padding: 30px 0 0
}

.footer .ftr_heading {
    color: var(--secondary2-color);
    font-size: 22px;
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 8px;
    border-bottom: 1px solid var(--secondary2-color)
}

.footer .ftr_quick_link ul {
    list-style-type: none;
    margin-bottom: 0;
    padding: 0;
    column-count: 2;
    -webkit-column-count: 2;
    -moz-column-count: 2;
    -ms-column-count: 2
}

.footer .ftr_quick_link ul li {
    font-weight: 400;
    padding: 3px 5px;
    line-height: 15px
}

.footer .ftr_quick_link ul li a {
    padding: 3px 5px;
    position: relative;
    padding-left: 15px
}

.footer .ftr_quick_link ul li a:before {
    content: '\f105';
    font-size: 1.2em;
    position: absolute;
    left: 3px;
    top: 3px;
    margin-right: 5px;
    font-family: fontawesome
}

.footer .ftr_quick_link ul li a {
    color: #fff;
    display: block
}

.footer .ftr_quick_link ul li:hover a {
    color: var(--secondary2-color)
}

.birthday-fullwidht {
    padding: 30px 0;
    background: url(../img/pattern2.png) repeat var(--primary2-color)
}

.birthday-fullwidht .title {
    color: #fff;
    margin-top: 13px;
    text-shadow: 1px 1px #333
}

.birthday-fullwidht span {
    color: #fff;
    font-size: 16px;
    text-transform: capitalize;
    text-shadow: 1px 1px #333
}

.name-detail span {
    display: block;
    margin-left: 20px;
    font-weight: 400
}

.name-detail span:before {
    content: attr(data-values);
    margin-right: 10px;
    font-weight: 500;
    color: #fff
}

.name-detail .birthday-pic {
    border: 2px solid var(--secondary2-color)
}

.carousel-fade .carousel-item {
    opacity: 0;
    transition-duration: .6s;
    transition-property: opacity
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
    opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
    opacity: 0
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-prev,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item.active {
    transform: translateX(0);
    transform: translate3d(0, 0, 0)
}

.footer .ftr_box1 {
    text-align: center
}

.footer .ftr_box1 img {
    width: 80px;
    margin-bottom: 5px
}

.footer .ftr_box1 .school-detail .school-name {
    font-size: 18px;
    font-family: var(--font1);
    color: #fff;
    text-shadow: 1px 1px #000;
    position:relative;
}

@media screen and (min-width:1140px)
{
    .footer .ftr_box1 .school-detail .school-name
    {
        display:inline-block;
    }
}

.footer .ftr_box1 .school-detail .school-name .r-icon
{
    position: absolute;
    right: -11px;
    top: -16px;
    width: 17px;
    height: 17px;
    border: 2px solid #fff;
    border-radius: 50%;
    font-size: 10px;
    line-height: 15px;
    text-shadow: none;
}

.footer .ftr_box1 .school-detail .data {
    font-weight: 400;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    margin-top: 5px;
    line-height: 15px
}

.footer .ftr_box1 .school-detail .data.ftr_punch {
    font-size: 16px;
    line-height: 15px
}

.pictures-gallery span {
    width: calc(100% / 3);
    float: left;
    border: 1px solid var(--primary2-color)
}

.copyright {
    background-color: var(--secondary2-color);
    padding: 5px;
    color: #fff;
    font-family: var(--font1);
    font-weight: 400;
    text-align: center;
    font-size: 16px
}

.footer .ftr_box2 {
    width: 100%;
    margin-top: 15px
}

.footer .ftr_box2 .form-group {
    margin-bottom: 10px
}

.footer .ftr_box2 .form-group .input-areass {
    position: relative
}

.footer .ftr_box2 .form-group .input-areass .icon {
    position: absolute;
    width: 30px;
    height: 30px;
    left: 0;
    right: 0;
    text-align: center;
    line-height: 35px;
    font-size: 1.5em;
    color: var(--primary-color)
}

.footer .ftr_box2 .form-group .input-areass input.texts {
    padding-left: 30px;
    font-family: var(--font1);
    font-weight: 400;
    font-size: 13px;
    border-radius: 0
}

.footer .social-media-footer ul li {
    float: left;
    margin: 0 5px
}

.footer .social-media-footer ul li a {
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    border-radius: 50%;
    background-color: #414040;
    transition: all .3s linear
}

.footer .social-media-footer ul li:hover a {
    border-radius: 5px
}

.footer .social-media-footer {
    margin-top: 10px
}

.footer .social-media-footer ul {
    justify-content: center;
    overflow: hidden;
    display: table;
    margin-left: auto;
    margin-right: auto;
    list-style: none
}

.footer .social-media-footer ul li a .fa {
    font-size: 1.5em;
    line-height: 42px;
    color: #fff
}

.footer .social-media-footer ul li:nth-child(1) a {
    background-color: #3a589b
}

.footer .social-media-footer ul li:nth-child(2) a {
    background-color: #00adee
}

.footer .social-media-footer ul li:nth-child(3) a {
    background-color: var(--secondary2-color)
}

.footer .social-media-footer ul li:nth-child(4) a {
    background-color: var(--primary-color)
}

.footer .social-media-footer ul li:nth-child(5) a {
    background-color: #0170ad
}

.innerpage-banner.banner {
    height: 400px;
    background-size: cover;
    background-position: top
}

.innerpage-banner.banner:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgb(0, 0, 0, .2)
}

.bread_crumb_fixed {
    position: fixed;
    left: 0;
    z-index: 10;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .2s linear
}

.bread_crumb_fixed.stuck_top {
    opacity: 1;
    visibility: visible
}

.breadcrumb-div {
    width: 100%;
    padding: 8px 0;
    background: url(../img/pattern2.png) repeat var(--primary2-color)
}

.breadcrumb-div h3.title {
    margin: 0;
    text-transform: uppercase;
    font-size: 18px;
    color: #fff;
    margin-top: 3px
}

.breadcrumb-div .custom-breadcrumb {
    height: 100%;
    float: right
}

.breadcrumb-div .custom-breadcrumb ul {
    height: 100%;
    margin-bottom: 0
}

.breadcrumb-div .custom-breadcrumb ul li {
    color: #fff;
    float: left;
    list-style: none;
    margin-right: 8px;
    font-size: 14px;
    font-weight: 500
}

.breadcrumb-div .custom-breadcrumb ul li a {
    color: #fff;
    font-weight: 400;
    text-decoration: none
}

.breadcrumb-div .custom-breadcrumb ul li a:after {
    content: '/';
    margin-left: 8px
}

.innerheading1 {
    font-size: 20px;
    font-family: var(--font4);
    color: var(--primary2-color);
    position: relative;
    padding-bottom: 10px;
    margin: 0 0 20px
}

.innerheading1:after {
    position: absolute;
    content: '';
    width: 50px;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: var(--primary2-color)
}

.innerheading1:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    bottom: 0;
    background-color: #ccc
}

section.section-innerpage {
    background-image: url(../img/background2.jpg);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: rgba(255, 255, 255, .6);
    background-blend-mode: overlay;
    padding: 40px 0;
    position: relative
}

section.section-innerpage:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.main_category_left.is_stuck {
    z-index: 2 !important
}

.content-for-body {
    text-align: justify
}

.sideabr {
    background-color: #fff;
    background: url(../img/Noise-pattern.png) repeat var(--primary2-color);
    box-shadow: 0 0 15px rgba(26, 26, 26, .2);
    padding: 30px 0
}

.sideabr .sidebar-heading {
    color: var(--primary2-color);
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px;
    font-family: var(--font1);
    padding: 15px 20px 10px
}

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

.sideabr ul li {
    line-height: 22px;
    padding-left: 15px;
    padding-right: 15px
}

.sideabr ul .cat_ol {
    padding-left: 15px;
    margin-left: 0;
    list-style: none
}

.sideabr ul .cat_ol li a {
    padding: 3px 10px
}

.sideabr ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    transition: margin-left .2s linear
}

.sideabr ul li {
    margin-left: 8px;
    position: relative
}

.sideabr ul li:before {
    content: '';
    position: absolute;
    left: 3%;
    top: 50%;
    width: 10px;
    border-radius: 50%;
    height: 10px;
    transform: translateY(-50%);
    border: 1px solid #fff;
    z-index: 2;
    background-color: #fff
}

.sideabr ul li:after {
    content: '';
    position: absolute;
    top: 0;
    left: 5%;
    width: 1px;
    height: 100%;
    background-color: #fff;
    z-index: 1
}

.sideabr ul li a {
    padding: 8px 10px;
    display: block;
    padding-left: 15px
}

.sideabr ul li.active:before {
    background-color: var(--secondary2-color);
    border-color: var(--secondary2-color)
}

.sideabr ul li.active:after {
    background-color: var(--secondary2-color)
}

.sideabr ul li.active a,
.sideabr ul li:hover a {
    color: var(--secondary2-color);
    font-weight: 500
}

.picture-box {
    margin-top: 20px;
    padding: 5px
}

.picture-box img {
    border: 1px solid #fff
}

.video-gallery-cols .gallery-parent {
    padding: 5px
}

.video-gallery-cols .gallery-parent .gallery-box {
    background-color: #fff;
    position: relative;
    margin-bottom: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
    padding: 5px
}

.video-gallery-cols .gallery-parent .gallery-box .title {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--primary2-color)
}

.video-gallery-cols .gallery-parent .gallery-box .title a {
    text-align: center;
    color: #fff;
    display: block;
    text-decoration: none;
    padding: 3px
}

.video-gallery-cols .gallery-parent .gallery-box .title a:focus {
    outline: 0
}

.video-gallery-cols .gallery-parent .gallery-box .overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0) rotate(-45deg);
    transition: transform .3s linear;
    background-color: rgba(0, 0, 0, .5)
}

.video-gallery-cols .gallery-parent .gallery-box:hover .overlay {
    transform: scale(1) rotate(0)
}

.video-gallery-cols .gallery-parent .gallery-box .overlay a {
    position: absolute;
    color: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-gallery-cols .gallery-parent .gallery-box .overlay a i.fa {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    text-shadow: 1px 1px #000
}

.video-gallery-cols .gallery-parent .gallery-box .overlay a:focus {
    outline: 0
}

.video-gallery-cols .gallery-parent .gallery-box .overlay a .fa {
    font-size: 2em
}

.paginations {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    margin-top: 20px
}

.paginations .pagination li.page-item.first a.page-link,
.paginations .pagination li.page-item.last a.page-link {
    background-color: var(--primary2-color);
    color: #fff !important;
    font-weight: 400;
    color: var(--primary2-color)
}

.paginations .pagination li.page-item a.page-link {
    color: #000
}

.paginations .pagination li.page-item:hover a.page-link {
    color: #fff;
    background-color: var(--primary2-color)
}

.mycol-pad {
    padding-left: 30px;
    padding-right: 30px
}

.contact-info {
    background-color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 20px
}

.contact-info span.icon {
    display: block;
    text-align: center
}

.contact-info span.icon .fa {
    font-size: 3.5rem;
    color: var(--primary2-color);
    display: block;
    margin-bottom: 5px
}

.contact-info span.icon span.title {
    font-weight: 500;
    display: block;
    font-size: 18px;
    text-transform: uppercase;
    color: var(--primary2-color);
    margin-bottom: 10px
}

.contact-info span.text {
    text-align: center;
    display: block;
    font-size: 16px
}

.jobs-area .jobs-boxes {
    background-color: #fff;
    padding: 15px;
    padding-left: 20px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-bottom: 2px solid var(--primary2-color);
    margin-bottom: 15px
}

.jobs-area .jobs-boxes .jobs-data:before {
    content: attr(data-job-title);
    font-weight: 500;
    margin-right: 5px;
    color: var(--primary2-color)
}

#no-more-tables table thead {
    background: url(../img/pattern2.png) repeat var(--primary2-color);
    color: #fff
}

##no-more-tables table thead th {
    text-align: center
}

#no-more-tables table tbody tr td[data-title=Title] {
    font-weight: 400
}

#no-more-tables table tbody tr td,
#no-more-tables table thead tr th {
    text-align: center
}

#no-more-tables table tbody tr td[data-title="Download File"] a,
#no-more-tables table tbody tr td[data-title=File] a {
    color: #fff !important;
    background-color: var(--primary-color);
    width: 35px;
    height: 35px;
    text-align: center;
    display: block;
    border-radius: 3px;
    line-height: 35px;
    margin: auto
}

.fixed-table {
    position: fixed;
    top: 0;
    width: auto;
    display: none
}

.fc-title {
    font-weight: 500;
    text-align: center
}

.fc-day.fc-widget-content {
    background-color: var(--primary2-color);
    color: #fff
}

.fc-today .fc-day-number {
    color: #000 !important
}

.fc-content .fc-title {
    color: #fff;
    font-size: 18px
}

.content-for-body ol,
.content-for-body ul {
    list-style: none
}

.content-for-body ol li,
.content-for-body ul li {
    margin-bottom: 3px
}

.content-for-body ol li .step,
.content-for-body ul li .step {
    color: var(--primary2-color);
    width: 20px;
    text-align: center;
    line-height: 20px;
    margin-top: 5px;
    height: 20px;
    float: left;
    margin-right: 5px
}

.content-for-body ol li span.text,
.content-for-body ul li span.text {
    display: inline-block;
    width: 90%
}

.content-for-body ol {
    margin-left: 25px
}

#job_openings>ul {
    width: 100%
}

#job_openings>ul li span.step {
    display: none
}

.before-logo-text {
    display: block;
    color: #fff;
    text-align: center;
    font-size: 13px;
    line-height: 20px
}

.thought-of-the-day {
    background-color: var(--primary-color);
    padding: 10px 0;
    margin-top: 40px
}

.thought-of-the-day .headings {
    color: #fff;
    font-family: var(--font4);
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    line-height: 20px
}

.thought-of-the-day .marquee-text {
    color: #fff;
    font-size: 14px;
    line-height: 20px
}

.mysidebars {
    width: 100%;
    background: url(../img/Noise-pattern.png) repeat var(--primary2-color);
    box-shadow: 0 0 15px rgba(0, 0, 0, .2);
    height: 100%;
    padding: 0
}

.mysidebars ul {
    margin-left: 20px;
    list-style: none;
    margin-bottom: 0;
    padding: 30px 0
}

.mysidebars ul li {
    line-height: 34px;
    padding-left: 10px;
    border-bottom: 1px solid #ccc
}

.mysidebars ul li.active,
.mysidebars ul li:hover {
    background-color: var(--secondary2-color);
    position: relative
}

.mysidebars ul li.active:after,
.mysidebars ul li:hover:after {
    content: '';
    position: absolute;
    right: -34px;
    border-right: 17px solid transparent;
    border-left: 17px solid var(--secondary2-color);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

.mysidebars ul li.active a,
.mysidebars ul li:hover a {
    color: #fff;
    text-decoration: none
}

.mysidebars ul li a {
    color: #fff
}

.mysidebars ul ol.cat_ol {
    padding-left: 20px;
    list-style: none
}

.mysidebars ul ol.cat_ol li:before {
    content: '\f101';
    margin-right: 5px;
    color: #fff;
    font-family: fontawesome
}

.mysidebars ul ol.cat_o li.active,
.mysidebars ul ol.cat_o li:hover {
    background-color: var(--secondary2-color);
    position: relative
}

.mysidebars ul ol.cat_o li {
    border: 0 solid transparent !important
}

.mysidebars ul ol.cat_o li.active:after,
.mysidebars ul ol.cat_o li:hover:after {
    content: '';
    position: absolute;
    right: -34px;
    border-right: 17px solid transparent;
    border-left: 17px solid var(--secondary2-color);
    border-bottom: 17px solid transparent;
    border-top: 17px solid transparent
}

.modal-body {
    position: relative
}

.modal-body button.close {
    position: absolute;
    top: -12px;
    left: 10px;
    color: var(--primary2-color);
    font-size: 2em;
    opacity: 1
}

.modal.fade.show {
    background-color: rgba(0, 0, 0, .6) !important
}

.modal-body .continues-div {
    padding: 0 15px;
    position: absolute;
    right: 0;
    top: -15px;
    background-color: #fff
}

.modal-body .continue-btn {
    color: #fff;
    display: inline-block;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    text-decoration: none;
    font-weight: 500;
    font-family: var(--font2);
    font-size: 16px;
    line-height: 16px
}

.modal-dialog {
    margin-top: 10px !important;
    padding-top: 15px;
    background-color: #fff
}

.modal-content {
    border: none
}

.blink {
    background-color: var(--primary2-color);
    animation: abc 2s infinite linear;
    -webkit-animation: abc 2s infinite linear;
    -moz-animation: abc 2s infinite linear
}

@keyframes abc {
    0%,
    45% {
        background-color: var(--primary2-color)
    }
    100%,
    46% {
        background-color: var(--secondary2-color)
    }
}

@-webkit-keyframes abc {
    0%,
    45% {
        background-color: var(--primary2-color)
    }
    100%,
    46% {
        background-color: var(--secondary2-color)
    }
}

@-moz-keyframes abc {
    0%,
    45% {
        background-color: var(--primary2-color)
    }
    100%,
    46% {
        background-color: var(--secondary2-color)
    }
#carouselExampleIndicators .carousel-item table
{
    margin:auto;
}




.admission-right-button a
  {
      display: block;
      background-color: var(--primary2-color);
      color: var(--white);
      font-family: var(--font1);
      font-weight: 500;
      position: fixed;
      top: 40%;
      right: -104px;
      transform: rotate(-90deg);
      z-index: 5;
      font-size: 16px;
      padding: 8px 25px;
  }
  .admission-right-button a:hover
  {
    text-decoration: none;
  }


.admission-left-button a
  {
      display: block;
      background-color: var(--primary2-color);
      color: var(--white);
      font-family: var(--font1);
      font-weight: 500;
      position: fixed;
      top: 40%;
      left: 0px;
      transform: rotate(-90deg);
      z-index: 5;
      font-size: 16px;
      padding: 8px 25px;
  }
  .admission-left-button a:hover
  {
    text-decoration: none;
  }



 .drop01
  {
      position: relative;
  }

  .drop01 .sub-menu-lab
  {
     display:none;
     height: 140px;
     overflow-y: auto;
     overflow-x: hidden;
     margin-left:15px;
  }

  .drop01:hover .sub-menu-lab li a:before
  {
    display: none; 
  }
  
  
  
  .job_openings ul
         {
            list-style:none !important;
            display:flex;
            flex-direction:row;
            flex-wrap:wrap;
         }
         .job_openings ul li
         {
             flex: 0 0 auto;
             width:calc(33.333% - 30px);
             margin:0 15px 20px;
             height:100%;
         }
         .job_openings ul li i
         {
             display:none;
         }
         .job_openings ul li .apply-btns
         {
             text-align:center;
         }
         .job_openings ul li .apply-btns
         {
             margin-top:10px;
         }
         .job_openings ul li .apply-btns a
         {
             background: var(--secondary2-color);
            color: var(--white);
            display: inline-block;
            padding: 5px 15px;
            min-width: 100px;
         }