@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&subset=devanagari,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro');
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab');
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,700,300italic,100italic,700italic);

body {
    font-family: "Roboto",sans-serif;
    font-size: 16px;
    font-weight: normal;
    line-height: 1.5;
    color:#131212;
    background-color: #ffffff;
    height: 100%;
    -webkit-font-smoothing: subpixel-antialiased;
}


body h1, body h2, body h3, body h4, body h5, body h6 {
    color:#0d0c0c;
    font-family:'Source Sans Pro', sans-serif;
    font-style: normal;
    line-height: 1.5;
    margin: 0 0 8px;
}
.btn{   
    border-radius: 0;
    border: none;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    -ms-transition: .3s ease-in-out;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #fff;
    text-decoration: none;
}
ul{
    margin-bottom: 0px;
    padding: 0px;
}
a:hover{
    text-decoration: none;
}
.form-control {
    border-radius: 0;
}
a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none !important;
}
img {
    -webkit-transition: 0.4s ease-in-out;
    -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
    -o-transition: 0.4s ease-in-out;
    transition: 0.4s ease-in-out;
    display: inline-block;
}
.row {
    margin-right: -15px !important;
    margin-left: -15px !important;
    margin-bottom: 0px;
}
li {
    list-style-type: none;
}
.no-padding {
    padding: 0px;
}

.clearfix {
    padding-bottom: 20px;
    clear: both;
}

/*--------------------------------------------------
    header
------------------------------------------*/

.social-icns {
    text-align: right;
    
}


a.socialIcon:hover, .socialHoverClass {
    color:#44BCDD;
}

.social-circle li a {
    line-height: 30px;
    padding: 0px 7px;
    display: inline-block;
    position: relative;
    margin: 0 auto 0 auto;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    height: 30px;
    font-size: 15px;
    color: #fff;
    text-transform: capitalize;
    font-weight: 700;
}
.social-circle li a:hover i {
    color: #fff;
}
.social-circle li i {
    margin: 0;
    line-height: 14px;
    text-align: center;
}
.social-circle i {
    color: #fff;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    -o-transition: all 0.8s;
    -ms-transition: all 0.8s;
    transition: all 0.8s;
}
ul.social-network {
    list-style: none;
    display: inline;
    margin-left:0 !important;
    padding: 0;
}
ul.social-network li {
    display: -webkit-inline-box;
    padding: 4px 4px;
    border-right:1px solid rgba(255, 255, 255, 0.4);
}
ul.social-network li:first-child {
    border-left: 1px solid rgba(255, 255, 255, 0.4);
}

.top-nav {
    background:#179bd7;
    padding: 1px 0px;
}
/*----------search------------*/
.cf:before, .cf:after{
      content:"";
      display:table;
    }
    
    .cf:after{
      clear:both;
    }

    .cf{
      zoom:1;
    }

/*-------------------------------------*/   
    
 .form-wrapper {
    float: right;
    padding: 7px 0px;
}


.form-wrapper input {
    width: 250px;
    height: 35px;
    padding: 10px 5px;
    float: left;
    font: bold 15px 'lucida sans', 'trebuchet MS', 'Tahoma';
    border: 0;
    background: #eee;
    -moz-border-radius: 3px 0 0 3px;
    -webkit-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}
    
    .form-wrapper input:focus {
        outline: 0;
        background: #fff;
        -moz-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        -webkit-box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
        box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
    }
    
    .form-wrapper input::-webkit-input-placeholder {
       color: #999;
       font-weight: normal;
       font-style: italic;
    }
    
    .form-wrapper input:-moz-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }
    
    .form-wrapper input:-ms-input-placeholder {
        color: #999;
        font-weight: normal;
        font-style: italic;
    }    
    
.form-wrapper button {
    margin-right: 14px;
    overflow: visible;
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 36px;
    width: 54px;
    font-size: 16px;
    background: #179bd7;
    color: #fff;
    font-weight: 700;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
      
    .form-wrapper button:hover{     
        background: #e54040;
    }   
      
    .form-wrapper button:active,
    .form-wrapper button:focus{   
        background: #c42f2f;    
    }
    
    .form-wrapper button:before {
        content: '';
        position: absolute;
        border-width: 8px 8px 8px 0;
        border-style: solid solid solid none;
        border-color: transparent #179bd7 transparent;
        top: 12px;
        left: -6px;
    }
    
    .form-wrapper button:hover:before{
        border-right-color: #e54040;
    }
    
    .form-wrapper button:focus:before{
        border-right-color: #c42f2f;
    } 

    /*---------------------------------------------*/
.sticky {
    border-top: 2px solid red;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
}

.second-nav {
    background: #253b80;
    box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.19), -2px 0px 5px 1px rgba(0,0,0,0.05);
}

.mainmenu {
    background: #fff;
    z-index: 100000;
}


.sticky + .content {
  padding-top: 60px;
}   
  
.second-nav-a {
    padding: 20px 0px;
}

ul.second-nav-one-a-in-ul {
    display: -webkit-box;
    float: right;
    margin-bottom: 5px;
}
ul.second-nav-one-a-in-ul li {
    color: #eee;
}
ul.second-nav-one-a-in-ul li a {
    text-transform: uppercase;
    display: inline-block;
    color: #eee;
    padding: 0px 10px;
    font-size: 13px;
    font-weight: 700;
}
ul.second-nav-one-a-in-ul li a i {
    padding-right: 4px;
}

.second-nav-one-b {
    clear: both;
}


ul.second-nav-one-b-in-ul {
    display: -webkit-box;
    float: right;
    margin-top: 6px;
    margin-right: 25px;
}
ul.second-nav-one-b-in-ul li {
    color: #eee;
    font-size: 15px;
    margin-right: 30px;
    display: inline-flex;
}
.second-nav-one {
    margin-top: 19px;
}

ul.second-nav-one-b-in-ul li i {
    font-size: 33px;
    color: #f2fbfb;
    padding-right: 16px;
    padding-top: 8px;
}
ul.second-nav-one-b-in-ul li span p {
    margin-bottom: 2px;
}
ul.second-nav-one-b-in-ul li span p:first-child {
    font-size: 17px;
    font-weight: 700;
    color: #fff;
}
ul.second-nav-one-b-in-ul li:last-child {
    margin-right: 0px;
}

ul.second-nav-one-b-in-ul li a {
    color: #eee;
}

.login-temp {
    margin-top: 10px;
}
/*----------------------------*/

/*----------------------
    3. mainmenu-area
-----------------------*/
.mainmenu-area { 
    position: relative;
    z-index: 999;
    height: 0px;
}
.mainmenu ul#nav li {  position: relative;
    display: inline-block;
}
.mainmenu ul#nav > li > a {
    text-decoration: none;
    color: #28358c;
    display: block;
    font-size: 16px;
    padding: 14px 16px;
    letter-spacing: 0.5px;
    text-transform: capitalize;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    font-family: 'lato',sans-serif;
}
.mainmenu nav > ul > li.angle-down:hover > a::after {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.mainmenu ul#nav > li:nth-child(1) {
    background: #179bd7;
}
.mainmenu ul#nav > li:nth-child(1) a {
    color: #fff;
}
.mainmenu ul#nav > li:hover {
    background:#179bd7 ;
}
li.nac-searcj.pull-right:hover {
    background: transparent !important;
}
.mainmenu ul#nav > li:hover > a {
    color:#fff ;
}
.megamenu .megamenu-list > .mega-single:hover > a.mega-title {
    color: #ffbb00 !important;
    letter-spacing: 1px;
    -webkit-transition: all 1s ease 0s !important;
    transition: all 1s ease 0s !important;
}
a.mega-title:hover {
    letter-spacing: 0px !important;
    -webkit-transition: all 0.3s ease 0s !important;
    transition: all 0.3s ease 0s !important;
}
.mainmenu  ul#nav > li >  a::before {
  position: absolute;
  left: 50%;
  font-size: 30px;
  top: 33%;
  content: ".";
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
  transition: text-shadow 0.3s ease 0s, color 0.3s ease 0s;
  color: transparent;
}
.mainmenu  ul#nav > li:hover > a::before {
  color: #fff;
  text-shadow: 11px 0 #fff, -11px 0 #fff;
}
/*--------------------
  3.1 Dropdown Menu
----------------------*/
.mainmenu ul.sub-menu {
    position: absolute;
    visibility: hidden;
    text-align: left;
    left: 0;
    margin: 0;
    border-top: 2px solid #ff0000;
    top: 100%;
    width: 215px;
    z-index: -99;
    background-color: #fff;
    padding: 30px 20px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transform-origin: top center;
    -webkit-transform-origin: top center;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
}
.mainmenu ul#nav li ul.sub-menu > li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
.mainmenu ul#nav li ul.sub-menu > li a, .mainmenu ul#nav li .megamenu span > a {
    font-size: 14px;
    padding: 5px;
    display: block;
    font-weight: normal;
    line-height: 30px;
    color: #222;
    text-transform: capitalize;
    border-bottom: 1px solid rgba(179, 173, 173, 0.67);
    font-family: 'lato', sans-serif;
    letter-spacing: 1px;
}
.mainmenu > nav > ul#nav > li:hover ul.sub-menu, .mainmenu ul#nav li:hover .megamenu {
    margin-top: 0;
    visibility: visible;
    z-index: 99999;
    transform: rotateX(0deg);
    -webkit-transform: rotateX(0deg);
}
.mainmenu ul#nav li.drop-down {position: relative;}
.mainmenu ul#nav li ul.sub-menu > li {padding: 0}
/*--------------------
  3.2 Mega Menu
---------------------*/
.mainmenu ul#nav li .megamenu { position: absolute;
    text-align: left;
    visibility: hidden;
    left: 0;
    margin: 0;
    top: 100%;
   
    border-top: 2px solid #ffbb00;
    z-index: -99;
    padding: 0px; 
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
    transform-origin: top center;
    -webkit-transform-origin: top center;
    transition: all 0.4s ease-out 0s;
    -webkit-transition: all 0.4s ease-out 0s;
    transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
}
span.mega-single {
    float: left;
    margin-right: 0px;
    width: 100%;
}

.megamenu.megamenu-one {
    width: 192px;
}
.megamenu.megamenu-two {
    width: 256px !important;
}
.mainmenu ul#nav li .megamenu.pages {
    width: 460px;
}
.mainmenu ul#nav li .megamenu span > a.mega-title, .mainmenu ul#nav li .sub-menu a.mega-title {
    border-bottom: 4px double #ff0000;
    position: relative;
    color: #333333;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 20px;
    padding-bottom: 7px;
    text-decoration: none;
    text-transform: uppercase;    
}
.mainmenu ul#nav li .megamenu span.pages {
    width: 190px;
    text-align: left;
}
.mainmenu ul#nav li .megamenu span > a:hover, .mainmenu ul#nav li .megamenu span a.mega-title:hover, .mainmenu ul#nav li ul.sub-menu > li a:hover {
    color:#ff0000;
    padding-left: 8px;
}
.mainmenu ul#nav li .megamenu span > a.mega-banner:hover {
    padding-left: 0px;
}
.mainmenu ul#nav li .megamenu span:nth-child(5) {width: 180px}
.mega-banner img {max-width: 100%}

.mainmenu ul#nav li .megamenu span a.mega-title:hover,.mainmenu ul#nav li ul.sub-menu a.mega-title:hover {
    padding-left: 0px;
}

.header-logo a img {
    width: 100%;
}
.sticky-wrapper.is-sticky #sticker .log-small img {width: 100%;
    margin-top: 11px;
}
.announcements {
    background: #ff6000;
    float: left;
}

.announcements h4 {
    color: #fff;
}
.announcements h4 {
    height: 38px;
    margin: 0px;
    padding: 5px 6px;
        font-weight: 900;
}
.announcements:before {
    background-color: currentColor;
    content: "";
    height: 38px;
    position: absolute;
    right: 97%;
    top: 0;
    width: 1200px;
    background: rgb(255, 96, 0);
}
.announcements:after {
    border-right: 0 solid;
    border-right: 25px solid rgba(52, 152, 219, 0.04);
    border-bottom: 39px solid rgb(255, 96, 0);
    content: "";
    height: 0;
    position: absolute;
    right: 73.4%;
    top: 0;
    width: 0;
}
.announ-det {
    padding: 0px;
    margin-left: 9.7em;
}

.c-event-sec-in {
    padding:50px 0px 35px;
}

/*-----------------------------
marquee
-------------------------------*/

.message-in {
    padding: 8px 0px;
}
.marquee-in {
    overflow: hidden;
}
.message {
    position: relative;
    margin: 0px;
    overflow: hidden;
    height: 40px;
    display: inline-flex;
    cursor: pointer;
}
.message div {
    position: relative;
    color: white;
    margin: 0px;
    padding: 7px 0px;
    white-space: nowrap;
    margin-right: 100px;
}

/*---------------search-bar------------*/
.search-b {
    border: 1px solid #eee;
    top: 13.7em;
    position: relative;
    display: none;
    margin-top: 0px;
    z-index: 9999;
    position: fixed;
    right: 23.75em;
    float: right;
    width: 18%;
    height: 47px;
    padding-left: 10px;
    padding-right: 0px;
    background: #fff;
}

#s {
    display: block;
    width: 70%;
    border: 0;
    outline: none;
    padding: 22px 0px;
    height: 32px;
    line-height: 57px;
    font-size: 16px;
    color: #333;
}
#searchsubmit {
    line-height: 0px;
    display: block;
    float: right;
    margin-top: 0px;
    background: none;
    color: #717171;
    border: 0;
    outline: none;
    cursor: pointer;
}
button#searchsubmit:before {
    content: "\f002";
    font-size: 18px;
    line-height: 44px;
    padding-right: 17px;
    color: #ff6000;
}
.fa-search-minus:before {
    content: "\f010";
    font-size: 15px;
}

section.header-two.affix .search-b {
    top: 4.95em;
    position: relative;
    display: none;
    margin-top: 5px;
    z-index: 9999;
    position: fixed;
    right: 5em;
    float: right;
    width: 94%;
    height: 47px;
    padding-left: 2px;
    padding-right: 0px;
    background: #fff;
}

.nav-menu > li > a {
    font-size: 16px !important;
}

li.menu-item-has-children {
    padding: 15px 16px 10px;
}
.sticky .search-b {
       border: 1px solid #eee;
    top: 11.2em;
    position: relative;
    display: none;
    margin-top: 0px;
    z-index: 9999;
    position: fixed;
    right: 23.7em;
    float: right;
    width: 18%;
    height: 47px;
    padding-left: 10px;
    padding-right: 0px;
    background: #fff;

}

/*-------------------------------------------------
                sLIDER
---------------------------------------------------*/
/************************* Home Slider ***************/
.slider-image {
        background-image: url(../images/slider1.jpg);
    background-position: center;
    background-size: cover;
    height:  650px;
    width: 100%;
}
.slider-image1 {
        background-image: url(../images/slider5.jpg);
    background-position: center;
    background-size: cover;
    height:  650px;
    width: 100%;
}
.slider-image2 {
        background-image: url(../images/slider4.jpg);
    background-position: top;
    background-size: cover;
    height: 650px;
    width: 100%;
}
#banner{
    width:100%;
    float:left;
    height:auto;
    
}
#banner .item{
    
    -webkit-background-size:cover;
    -moz-background-size:cover;
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
}
#banner .item::before{
    width:100%;
    float:left;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    content:'';
}
#banner h1 {
    padding: 0px 15px;
    color: #fff;
    margin: 0 0 20px;
    font-size: 30px;
    font-family: "Montserrat",sans-serif;
    font-weight: 100;
    text-transform: uppercase;
    background: rgba(0, 72, 105, 0.55);
}
#banner p {
    background: rgba(255, 255, 255, 0.25);
    color: #001642;
    margin: 0 0 35px 0px;
    width: 100%;
}
p.third-slider {
    background: rgba(4, 26, 70, 0.25) !important;
    color: #fff !important;
}
.carousel-fade .carousel-inner .item {
    -webkit-transition-property: opacity;
    transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control {
    z-index: 2;
}
.caption-info{
    position:absolute;
    top:70%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    width:100%;
}
.caption-info-inner h1{
    animation-delay: 0.5s;
}
.caption-info-inner p{
    animation-delay: 1.1s;
}
.caption-info-inner a{
    animation-delay: 1.6s;
}
.control{
    opacity:0;
    visibility:hidden;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
#banner:hover .control{
    visibility:visible;
    opacity:1;
}
.control, .control:focus {
    border: 1px solid #112d54;
    border-radius: 0px;
    color: #ed1920;
    line-height: 34px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: 48%;
    width: 36px;
    margin: -15px 0 0;
}
.control:hover{
    background:#460433;
    color:#fff;
}
.left.control{
    left:-50px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
.right.control {
    right:0px;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    -ms-transition:all 0.3s ease-in-out;
    -o-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out;
}
#banner:hover .left.control{
    left:10px;
}
#banner:hover .right.control {
    right:10px;
}  
/*-------------------------------------------------
                sLIDER
---------------------------------------------------*/
p.note_class {
    margin-top: 10px;
    font-size: 13px;
}
.inputerror {
    border-color: red !important;
}
/******** Button hover effect *********/
.btn {
    display: inline-block !important;
    padding: 7px 10px !important;
    margin-bottom: 0;
    font-size: 14px !important;
    font-weight: 500;
    line-height: 1.42857143;
    text-align: center;
    border: none !important;
    border-radius: 2px !important;
}
 .hvr-sweep-to-right {
    margin-right: 15px;
    padding: 12px 24px !important;
    background:#179bd7 !important;
    color: #fff !important;
    font-size: 16px !important;
    -webkit-box-shadow: 0px 12px 25px 0px rgb(237, 25, 32);
    -moz-box-shadow: 0px 12px 25px 0px rgb(237, 25, 32);
    box-shadow: 0px 12px 25px 0px rgb(237, 25, 32);
}
.hvr-sweep-to-right:hover, .btn-default:focus {
    background:#e01a29;
}
.hvr-sweep-to-right {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    border-radius: 2px;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
    color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    border-radius: 2px;
}
.hvr-sweep-to-right:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background:#ff6000;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

/******** Button hover effect *********/
.btn-all {
    margin-top: 2em;
}

/*-------------------------------------------------
                sLIDER
---------------------------------------------------*/
/*-------------------------------------------------
        Home Events
--------------------------------------------------*/
.calendar-sec {
    border: 1px solid #ccc;
}
.event-slide {
    border-bottom: 1px solid #ccc;
    padding: 5px 10px;
}
.event-slide>h4 {
    display: inline-block;
    font-size: 20px;
    color: #000000;
}
.event-slide>h4>span {
    color: #000000;
}
.event-slide>h4:after {
    display: block;
    position: absolute;
    left: 7%;
    width: 8%;
    height: 2px;
    content: "";
    background-color: #f5af3d;
}
.event-slide>p {
    display: inline-block;
    float: right;
    font-size: 14px;
    padding-top: 10px;
}
/*-------------*/
.border-thumb2 {
    margin-left: 0 !important;
    margin-right: 0 !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #aaa;
}
.cal-event__date {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    padding-top: 15px;
    border-bottom: 4px solid #f5ab35;
    border-radius: 0px;
    text-align: center;
}
.cal-event__date-day {
    margin-bottom: 5px;
    font-size: 36px;
    color: #011b3a;
    line-height: 22px;
    font-weight: bold;
    font-family: 'Poppins', sans-serif;
}
.cal-event__date-month {
    font-size: 14px;
    color: #808080;
    line-height: 22px;
    font-weight: bold;
}
.calendar-details {
    padding: 15px 0px;
    margin-left: -15px;
}
.calendar-details>a>h6 {
    font-size: 16px;
}
/*-------------------------------------------------
        Home Events
--------------------------------------------------*/
/*-------------------------------------------------
        Edumerge-Login for mobile
-------------------------------------------------*/
.edu-section {
    background-color: #253b80;
    color: #fff;
    text-align: center;
    padding: 25px 0px;
}
.edu-butn {
    background-color: #253b80;
    color: #fff;
    border: 1px solid #ffffff;
    padding: 10px 15px;
}
.edu-butn:hover, .edu-butn:focus {
    background-color: #253b80;
    color: #fff;
    border: 1px solid #ffffff;
}
/*-------------------------------------------------
        Edumerge-Login for mobile
-------------------------------------------------*/
/*-------------------------------------------------
        join-university
---------------------------------------------------*/

.join-univer-in {
    background: #179bd7;
    color: #fff;
    padding: 30px 0px;
}

.join-u h2 {
    color: #fff;
}

.join-u-btnnss a {
    border: 2px solid rgba(255, 255, 255, 0.73);
    border-radius: 0;
    color: #ffffff;
    padding: 9px 25px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 10px;
}

.join-u-btnnss {
    margin-top: 2em;
}

.join-u-btnnss a {
    border: 2px solid rgba(255, 255, 255, 0.73);
    border-radius: 0;
    color: #ffffff;
    padding: 8px 26px;
    transition: all 0.2s ease 0s;
    display: inline-block;
    text-transform: uppercase;
    margin: 0 10px;
}
a.join-btnss:after {
    content: "\f101";
    font-family: fontawesome;
    margin-left: 6px;
}

/*-------------------------------------------------
        join-university
---------------------------------------------------*/
/*-------------------------------------------------
       about section
---------------------------------------------------*/


.about-sec-in {
    padding: 60px 0px;
}
.wel-content h3 span {
    font-size: 20px;
    border-bottom: 2px solid #f19016;
}
.wel-content h3 {
    color: #00255d;
    font-size: 25px;
}
.wel-content img {
    float: left;
    margin-right: 20px;
    margin-bottom: 15px;
}
.wel-content p {
    text-align: justify;
}
.abt-asec-images img {
    width: 100%;
}
.sign-image {
    margin: 11px 0px 5px;
}
.sign-image {
    margin: 18px 0px 10px;
}
.sign-image img {
    width: 120px;
}
.princepal-title p a {
    color: #00255d;
    font-weight: 700;
    font-size: 18px;
}
.princepal-title p {    
    font-weight: 700;
}
button.p-btn {
   
    margin-right: 15px;
    padding: 14px 24px !important;
    background: #179bd7 !important;
    color: #fff !important;
    font-size: 18px !important;
    /* -webkit-box-shadow: 0px 12px 25px 0px rgb(237, 25, 32); */
    -moz-box-shadow: 0px 12px 25px 0px rgb(237, 25, 32);
    /* box-shadow: 0px 12px 25px 0px rgb(237, 25, 32); */
}

.ins-img img {
    width: 100%;
    height: 200px;
}


.mgt-slid-img.inspd {
    background: url(../images/bgp1.jpg);
}

/*-------------------------------------------------
       about section
---------------------------------------------------*/

/*-------------------------------------------------
       facility section
---------------------------------------------------*/
section.facility-sec {
    background: url(../images/b-paral.jpg);
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}

.facility-sec-in {
    background: rgba(14, 32, 86, 0.9);
    padding: 55px 0px 55px;
    height: 500px;
}

.fac-title h3 {
    font-weight: 800;
    font-size: 26px;
    color: #fff;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.fac-title h3:before {
    content: '';
    position: absolute;
    border-bottom: 3px solid #ff6000;
    width: 65px;
    margin-top: 46px;
}


/*-----------------------
        facility-gal
-------------------------*/
.product-sec-layer-bg {
    margin-top: 3em;
}
.project-item {
    position: relative;
    width: 100%;
    height: 100%;
}
.project-item .project-hover-mask {
    position: absolute;
    background-color: rgba(255, 110, 43, 0.76);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 30px;
    opacity: 0;
    transition: opacity .5s;
}
.project-item .project-hover-mask .mask-container {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    padding: 15px 14px;
    transition: all .5s;
}
.project-item .project-hover-mask .mask-container:before {
    content: '';
    border-top: 1px solid #83d6fe;
    border-bottom: 1px solid #83d6fe;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: scale(0, 1);
    transition: transform .5s;
}
.project-item .project-hover-mask .mask-container:after {
    content: '';
    border-right: 1px solid #83d6fe;
    border-left:1px solid #83d6fe;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transform: scale(1, 0);
    transition: transform .5s;
}
.project-item .project-hover-mask .mask-container h4 {
    margin: 0;
    color: #fff;
    transform: translateY(-10px);
    transition: all .5s;
    font-size: 20px;
}
.project-item .project-hover-mask .mask-container .divider-border {
    border-bottom: 1px solid #fff;
    width: 60%;
    margin: 15px auto 11px;
}
.project-item .project-hover-mask .mask-container p {
    margin: 0;
    color: #fff;
    transform: translateY(10px);
    transition: all .5s;
}
.project-item .project-hover-mask .mask-container .image-link {
    width: 35px;
    height: 35px;
    line-height: 37px;
    text-align: center;
    background-color: #fff;
    color: #767676;
    border-radius: 50%;
    display: inline-block;
    font-size: 2rem;
    margin-top: 16px;
    transform: translateY(20px);
    transition: all .5s;
    text-decoration: none;
}
.project-item .project-hover-mask .mask-container .image-link:focus {
    outline: none;
    outline-offset: 0;
}
.project-item:hover .project-hover-mask {
    opacity: 1;
}
.project-item:hover .project-hover-mask .mask-container:before {
    transform: scale(1, 1);
}
.project-item:hover .project-hover-mask .mask-container:after {
    transform: scale(1, 1);
}
.project-item:hover .project-hover-mask .mask-container h4 {
    transform: translateY(0);
}
.project-item:hover .project-hover-mask .mask-container p {
    transform: translateY(0);
}
.project-item:hover .project-hover-mask .mask-container .image-link {
    transform: translateY(0);
}
 h3.main-title>i {
    color: #1074af;
    font-size: 40px;
    margin-right: 10px;
    font-weight: bold;
    padding-bottom: 20px;
}
h3.main-title {
    color: #1074af;
    font-size: 30px;
    font-weight: 900;
}
.slider-service .owl-nav {
    position: absolute;
    margin: auto 40%;
    bottom: -75px;
}
.owl-theme .owl-nav [class*='owl-'] {
    padding: 0px 8px !important;
    background: transparent;
    color: #ffdeca;
    font-size: 35px;
    line-height: 0px;
}
.owl-theme .owl-nav [class*='owl-']:hover {
    background: #ff6000;
    color: #FFF;
    text-decoration: none;
}
img.about_img {
    width: 100%;
    height: 320px;
}
h3.main-title>span {
    color: black;
}
h3.tab-title>i {
    color: #1074af;
    font-size: 40px;
    margin-right: 10px;
    font-weight: bold;
    padding-bottom: 20px;
}
section.products_sec {
    padding-bottom: 45px;
}
.bn_collapsible>button {
    width: 100%;
    color: #ffffff;
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 250px;
}

.grid-gal-head-text {
    background: #fff;
    margin: auto 20px;
    padding: 8px 10px;
    text-align: center;
    text-transform: uppercase;
    margin-top: -15px;
}
/*------------------------
          facility-gal
---------------------------*/
/*---------------*/
/***** Marley *****/
/*---------------*/
.grid {
    position: relative;
    margin: 0 auto;
    list-style: none;
    text-align: center;
}

/* Common style */
.grid figure {
    position: relative;
    float: left;
    overflow: hidden;
    min-width: 310px;
    max-width: 470px;
    height: 250px;
    background: #bf5a1d;
    text-align: center;
    cursor: pointer;
}

.grid figure img {
    position: relative;
    display: block;
    min-height: 100%;
    max-width: 100%;
    opacity: 0.25;
}

.grid figure figcaption {
    padding: 2em;
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
    pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
    z-index: 1000;
    text-indent: 200%;
    white-space: nowrap;
    font-size: 0;
    opacity: 0;
}

.grid figure h2 {
    word-spacing: -0.15em;
    font-weight: 300;
}

.grid figure h2 span {
    font-weight: 800;
}

.grid figure h2,
.grid figure p {
    margin: 0;
}

.grid figure p {
    letter-spacing: 1px;
    font-size: 60.5%;
}




figure.effect-marley figcaption {
    text-align: right;
}

figure.effect-marley h2,
figure.effect-marley p {
    position: absolute;
    right: 30px;
    left: 30px;
    padding: 10px 0;
}


figure.effect-marley p {
    bottom: 30px;
    line-height: 1.5;
    -webkit-transform: translate3d(0,100%,0);
    transform: translate3d(0,100%,0);
}

figure.effect-marley h2 {
    top: 15px;
    /*-webkit-transition: -webkit-transform 0.35s;
    transition: transform 0.35s;
    -webkit-transform: translate3d(0,20px,0);
    transform: translate3d(0,20px,0);*/
    color: #fff;
    word-spacing: 0px;
    font-size: 24px;
}
/*figure.effect-marley:hover h2 {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}*/

figure.effect-marley h2::after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    height: 4px;
    background: #fff;
    content: '';
    -webkit-transform: translate3d(0,40px,0);
    transform: translate3d(0,40px,0);
}

figure.effect-marley h2::after,
figure.effect-marley p {
    /*opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;*/
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}

/*figure.effect-marley:hover h2::after,
figure.effect-marley:hover p {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}*/
/*-------------------------------------------------
       facility section
---------------------------------------------------*/

/*-------------------------------------------------------------------------
            scroll top
--------------------------------------------------------------------------*/

.scroll-top.active {
    right: 20px;
}

.scroll-top {
    background:#179bd7;
    bottom: 20px;
    color: #fff;
    font-size: 20px;
    height: 40px;
    position: fixed;
    text-align: center;
    width: 40px;
    z-index: 999;
    cursor: pointer;
    transition: .3s;
    border-radius: 50%;
    line-height: 36px;
    right: -100px;
}
/*-------------------------------------------------------------------------
            scroll top
--------------------------------------------------------------------------*/
/*-------------------------------------------------
parallex section
---------------------------------------------------*/

.mobile-parallex {
    background: url(../images/school.jpg);
    height: 225px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius: 10px;
}
.mobile-parallex-in {
    background:rgba(13, 37, 110, 0.71);
    padding: 70px 30px;
    border-radius: 0px;
}
.paral-in {
    display: inline-flex;
}
.paral-img img {
    width: 70%;
}
.paral-det {
    color: #fff;
}
.paral-det h3 {
    color: #fff;
}
.paral-brnns {
    text-align: right;
}
.paral-det.sub-det h3 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
}
.sub-inp input {
    padding: 15px 30px;
    color: #909090;
    font-size: 16px;
    line-height: 16px;
    border-radius: 5px;
    border: none;
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 60%;
}
.sub-i-f {
    margin-top: 16px;
}
.sub-inp input {
    padding: 15px 30px;
    color: #909090;
    font-size: 16px;
    line-height: 22px;
    border-radius: 5px;
    border: none;
    display: inline-block;
    margin: 0 -4px 0 0;
    vertical-align: middle;
    width: 100%;
}
.sub-inp {
    width: 60%;
    float: left;
}
/*-------------------------------------------------
parallex section
---------------------------------------------------*/
/*--------------------------------------------------------------
    Academic Calendar
--------------------------------------------------------------*/

.academic-calendar {
    padding: 40px 0;
    background: #f4f4f4;
}

.calendar-header h2 {
    font-size: 28px;
    color: #28358c;
    margin-bottom: 0px;
}
.calendar-header h2 i {
    margin-right: 10px;
}
.academic-calendar .academic-calendar-header{
    text-align:center;
    width:55%;
    margin:0 auto 60px;
}
.academic-calendar .academic-calendar-header h2{
    font-size:26px;
    color:#303030;
    text-transform:uppercase;
    margin:0 0 30px;
}
.academic-calendar .academic-calendar-header p {
    font-size: 14px;
    line-height: 23px;
    color: #6a6a6a;
    margin: 0;
}
.academic-calendar .academic-calendar-header p a{
    color:#1c55a2;
    text-decoration:underline
}
.calendar-nav{
    background:#efefef;
    margin:0 -15px;
}
.nav-year{
    display:none;
}
.calendar-nav .year-title{
    color:#0f4ea3;
    font-size:20px;
    line-height:10px;
    font-family: "Montserrat-Bold";
    display:block;
    text-align:center;
    padding:25px 30px;
}
.calendar-nav .year-title a i{
    color:#0f4ea3;
    font-size:30px;
    line-height:12px;
}
.tab-pane .year-title .yr-prev{
    display:block;
    float:left;
    margin:0
}
.calendar-nav .year-title .yr-next{
    display:block;
    float:right;
    margin:0
}
.calendar-nav ul{
    position:absolute;
    top:64px;
    bottom:0;
    width:100%;
    overflow-y:auto;
}
.calendar-nav ul li a{
    font-size:14px;
    color:#0f4ea3;
    font-family: "Montserrat-Light";
    padding:20px 30px;
}
.calendar-nav ul li.active a{
    color:#fff;
    background:#0f4ea3
}
.tab-month{
    margin:0 -15px;
}
.calendar{
    background:#f4f4f4;
    overflow:hidden;
    padding:50px 30px 30px;
    border-right:1px solid #efefef;
    position:relative;
}
.calendar .calendar-header ul{
    margin:0 0 15px;
    padding:0 0 15px;
    border-bottom:1px solid #d1d1d1;
}
.calendar .calendar-header ul li{
    width:14.2857%;
    text-align:center;
    font-size:12px;
    text-transform:uppercase;
    color:#303030;
    font-family: "Montserrat-Bold";
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:bottom;
    padding:0 5px;
}
.calendar .calendar-body ul li{
    width:14.2857%;
    text-align:center;
    font-size:14px;
    text-transform:uppercase;
    color:#303030;
    font-family: "Montserrat-Light";
    display:inline-block;
    margin:0 -4px 15px 0;
    vertical-align:bottom;
    padding:5px;
}
.calendar .calendar-body ul li.inactive{
    color:#cbcbcb;
}
.calendar .calendar-body ul li.event-1-start{
    color:#fff;
    background:#39b54a;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
.calendar .calendar-body ul li.event-1{
    color:#fff;
    background:#39b54a;
}
.calendar .calendar-body ul li.event-1-end{
    color:#fff;
    background:#39b54a;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.calendar .calendar-body ul li.event-2-start{
    color:#fff;
    background:#ed145b;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
.calendar .calendar-body ul li.event-2{
    color:#fff;
    background:#ed145b;
}
.calendar .calendar-body ul li.event-2-end{
    color:#fff;
    background:#ed145b;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.calendar .calendar-body ul li.event-3-start{
    color:#fff;
    background:#733d96;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
.calendar .calendar-body ul li.event-3{
    color:#fff;
    background:#733d96;
}
.calendar .calendar-body ul li.event-3-end{
    color:#fff;
    background:#733d96;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.calendar .calendar-body ul li.event-4-start{
    color:#fff;
    background:#4ad9d9;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
.calendar .calendar-body ul li.event-4{
    color:#fff;
    background:#4ad9d9;
}
.calendar .calendar-body ul li.event-4-end{
    color:#fff;
    background:#4ad9d9;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.calendar .calendar-body ul li.event-5-start{
    color:#fff;
    background:#f5ab35;
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
}
.calendar .calendar-body ul li.event-5{
    color:#fff;
    background:#f5ab35;
}
.calendar .calendar-body ul li.event-5-day{
    color:#fff;
    background:#f5ab35;
    border-radius:20px;
}
.calendar .calendar-body ul li.event-5-end{
    color:#fff;
    background:#f5ab35;
    border-top-right-radius:20px;
    border-bottom-right-radius:20px;
}
.calendar .calendar-body{
    margin:0 0 30px
}
.calendar .calendar-footer{
    position:absolute;
    bottom:30px;
    left:30px;
    right:30px;
    margin:auto;
}
.calendar .calendar-footer ul{
    text-align:center
}
.calendar .calendar-footer ul li{
    font-size:10px;
    color:#909090;
    display:inline-block;
    margin:0 -4px 0 0;
    vertical-align:middle;
    padding:0 20px 0 0;
    font-family: "Montserrat-Light";
}
.calendar .calendar-footer ul li:last-child{
    padding:0 
}
.calendar .calendar-footer ul li span{
    display:inline-block;
    width:14px;
    height:14px;
    border-radius:50%;
    margin:0 5px 0 0;
    vertical-align:middle
}
.calendar .calendar-footer ul li.event-1 span{
    background:#39b54a
}
.calendar .calendar-footer ul li.event-2 span{
    background:#ed145b
}
.calendar .calendar-footer ul li.event-3 span{
    background:#733d96
}
.calendar .calendar-footer ul li.event-4 span{
    background:#4ad9d9
}
.calendar-note{
    background:#f4f4f4;
    overflow:hidden;
    padding:40px 30px 30px;
}
.calendar-note h3{
    color:#555;
    font-size:20px;
    margin:0 0 20px;
    padding:0 0 15px;
    border-bottom:1px solid #d1d1d1
}
.calendar-note ul li{
    font-size:14px;
    color:#909090;
    margin:0 0 40px;
    font-family: "Montserrat-Light";
}
.calendar-note ul li:last-child{
    margin:0;
}
.calendar-note ul li span{
    font-size:16px;
    color:#555;
    font-family: "Montserrat-Regular";
    display:inline-block;
    margin:0 10px 0 0;
}
.calendar-info > div{
    display:table-cell;
    float:none;
    vertical-align:top;
}
.calendar-info > .calendar{
    width:35%
}
.calendar-info > .calendar-note{
    width:65%
}
.academic-calendar > .container > .row > .tab-content > .tab-pane{
    border:1px solid #efefef
}
.academic-calendar .container .row .tab-content > .tab-pane > div{
    display:table-cell;
    float:none;
    vertical-align:top;
    position:relative
}
/*--------------------------------------------------------------
    Academic Calendar
--------------------------------------------------------------*/
/*------------grid-gal-------------*/
.row.row-add {
    margin: 0px !important;
}
#gridGallery {
      max-width: 1170px;
      margin-left: auto;
      margin-right: auto;
    }
    
    h2,
    .ms-WPBody h2 {
      color: #000;
    }
    
    .box h3 {
      color: #fff;
    
    font-weight:700;
    }
    
  
    #gridGallery .row {
      background-color: black;
    }
    
    .box {
      background-position: center center;
      background-size: cover;
      border: 1px solid #fff;
      transition: opacity .25s;
      overflow: hidden;
    }
    
    .hiddenText {
      display: none !important;
    }
    
    .box:hover {
      cursor: pointer;
      z-index: 1;
    }
    
    #boxOne,
    #boxTwo,
    #boxSeven,
    #boxEight,
    .box1,
    .box2 {
      height: 500px;
    }
    
    #boxThree,
    #boxFour,
    #boxFive,
    #boxSix,
    .box3,
    .box4 {
      height: 250px;
    }
    
    #boxOne {
      background-image: url("../images/gg1a.jpg");
          height: 500px;
    }
    
    #boxEight {
      background-image: url("../images/gg6.jpg");
      height: 500px;
    }
    
    #boxTwo {
      background-image: url("../images/gg3.jpg");
    }
    
    #boxSeven {
      background-image: url("../images/gg9.jpg");
    }
    
    #boxThree {
      background-image: url("../images/gg5.jpg");
    }
    
    #boxSix {
      background-image: url("../images/gg8.jpg");
    }
    
    #boxFour {
      background-image: url("../images/gg2.jpg");
    }
    
    #boxFive {
      background-image: url("../images/gg7.jpg");
    }

   .full {
    height: 600px !important;
    z-index: 2;
    float: none;
    width: 100%;
}
    #gridH {
      background-color: #eee;
      min-height: 600px;
      margin-bottom: 50px;
    }
    
    #gridH .row {
      margin-top: 150px;
    }
    
    #gridH .row .full {
      margin-top: -150px;
    }
    
    .full:hover {
      transform: scale(1);
      box-shadow: none;
    }
    
    .opacity {
      opacity: .9;
    }
    
.captionBox {
        opacity: 1 !important;
    background-color: rgba(162, 163, 165, 0.68);
    bottom: 50px;
    color: #fff;
    left: 50px;
    padding: 25px;
    position: absolute;
    opacity: 0;
}
    
    .captionBox p {
      font-size: 16px;
    font-weight:300;
    }
    
   .captionBox h3 {
    font-size: 30px;
    margin-top: 0;
    text-transform: uppercase;
    color: #eaff00;
}
    .transition {
      transition: 1s;
    }
    
    .bottomRight {
      left: auto;
      right: 80px;
    }
    
    .topRight {
      left: auto;
      right: 50px;
      bottom: auto;
      top: 50px;
    }
    
    .topLeft {
      bottom: auto;
      top: 50px;
    }
    
    .toggleIcon {
      background-color: rgba(238, 238, 238, 0.49);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 26px 26px;
      border-radius: 3px;
      bottom: 15px;
      height: 36px;
      left: -100px;
      opacity: 0;
      padding: 10px;
      position: absolute;
      width: 36px;
    }
    
    .box.full .toggleIcon {
      background-color: rgba(0, 0, 0, 0.57);
      background-position: center center;
      background-repeat: no-repeat;
      border-radius: 3px;
      top: 26px;
      height: 36px;
      left: 50px;
      opacity: 0;
      padding: 10px;
      position: absolute;
      width: 36px;
    }
.box:hover .toggleIcon {
    height: 100%;
    bottom: 0px;
    width: 100%;
    opacity: 1;
    left: 1px;
    transition: all 0.5s ease-in-out;
    
}
   .box:hover.full .toggleIcon {
    width: 35px;
    height: 35px;
} 
    .box.full .toggleIcon {
     
      left: 50px;
      top: 26px;
      border-radius: 0;
      background-image: url('http://www.ucdenver.edu/SiteCollectionImages/GridGallery/closeIcon.png');
      background-size: 55%;
    }
    .box.full .toggleIcon>h3 {
    opacity: 0.0;
}
.box.full .toggleIcon:hover {
    background-color: black;
}
h3.add-h3 {
    text-align: -webkit-center;
    text-transform: uppercase;
    font-size: 30px;
    color: #020e60;
    margin-top: 1em;
    font-weight: 400;
}
    #gridGallery > .row {
      margin: 0;
    }
    
    @media (max-width: 1200px) {
      .full {
        width: 970px;
      }
    }
    
    @media (max-width: 992px) {
      .full {
        width: 750px;
      }
    }
    
    @media (max-width: 768px) {
      #boxThree,
      #boxFour,
      #boxFive,
      #boxSix {
        height: 300px;
      }
      .toggleIcon {
        display: none;
      }
      .full .captionBox {
        bottom: 0;
        left: 0;
        position: absolute;
        width: 100%;
        padding: 10px;
      }
      .full .captionBox p {
        display: none;
      }
      .full .captionBox h3 {
        margin-bottom: 0;
      }
      .box.full {
        height: inherit;
        width: 100%;
      }
      .box {
        max-height: 150px !important;
      }
      #gridGallery .row {
        background-color: transparent;
      }
      #gridH .row {
        margin-top: 0px;
      }
      .box.full .toggleIcon {
        height: 50px !important;
        left: 0 !important;
        top: 0 !important;
        width: 50px !important;
        display: block;
      }
      .mobileFunction {
        float: left;
        height: 150px;
        width: 100%;
      }

      a.abt-btn-gal {    
    padding: 8px 22px;    
    background: #eaff00;    
}

.box .full h3 {
    color: #fff;
    font-weight: 700;
}

.col-sm-6.col-xs-6.box.full .toggleIcon>h3 {
    visibility: hidden;
    opacity: 0.0;
}
}


a.btn.btn-read.btn-read-add {
    background: rgba(255, 254, 253, 0.31);
    border-radius: 0;
    border: 1px solid #ff6000 !important;
    color: #fff;
    font-weight: 500;
    padding: 10px 17px !important;
    background: #ff6000;
}
a.btn.btn-read.btn-read-add:hover {
    background: rgba(255, 255, 255, 0.85);
    color: #ff6000;
}

.project-btn {
    text-align: center;
    margin: 15%;
}
/*--------- grid-gal -----------*/

/*-----------------------------------------------------------------
  footer
------------------------------------------------------------------*/
.footer-in {
    padding: 0px 0px 30px;
    background: #027749;
}
.footer_sec-in {
    background: rgba(30, 53, 126, 0.9);
}

ul.footer-menu-ul li {
    padding: 10px 20px;
}

.footer-menu {
    padding: 6px 0px;
}
.footer-in {
    padding: 0px 0px;
    background:#d7f5ff;
}
.footer-top-nav {
    background:#102874;
}

ul.footer-menu-ul {
    display: -webkit-inline-box;
    
}
ul.footer-menu-ul li a {
    color: #fff;
    text-transform: uppercase;
    
}
ul.footer-menu-ul li a:hover {
    color: #fe7d7d;
    transition: 0.4s ease-in-out;
}
ul.footer-menu-ul li a {
    color: #fff;
    text-transform: uppercase;
    font-family: 'lato', sans-serif;
    font-weight: 400;
    font-size: 16px;
    word-spacing: 5px;
     transition: 0.4s ease-in-out;
}
/*--------footer-two------------*/
.footer-second {
    background: url(../images/foot2.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}


.footer_sec-in-a {
    padding: 30px 0px 15px;
}

.footer_para {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 400;
    line-height: 24px;
}
.footer_para>p {
    font-family: 'open Sans',sans-serif;
    margin-bottom: 5px;
}
.footer_copy>p {
    text-align: center;
    line-height: 16px;
    margin-top: 5px;
    color: #f4f4f4;
    margin-bottom: 15px;
}

.develop-by {
    position: absolute;
    bottom: -90px;
    font-size: 13px;
    right: 12px;
    color: #fff;
}

.develop-by span a {
    color: #ff4949;
}
.footer_para>p>span {
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
}

ul.favourites-links-ul li:first-child a {
    padding-left: 0px;
}

ul.favourites-links-ul li a {
    color: #fff;
    padding: 9px;
}
ul.favourites-links-ul li {
    float: left;
    color: red;
}
/*----------------------------------*/
ul.foot-app {
    display: -webkit-box;
}

.image-icon-str img {
    width: 85%;
}
/*---------- footer mid ----------*/


/*-----------------------------------------------------------------
  footer
------------------------------------------------------------------*/


/*-------------------------------------------------------------------------
       breadcrmb
--------------------------------------------------------------------------*/


.bread-crmbs-in {
    background: url(../images/inrbg.jpg);
    background-size: cover;
    background-position: center;
    height: 160px;
}

.bread-crmbs-in-a {
    padding: 80px 0px 36px;
    background: rgba(36, 27, 44, 0.79);
}
.bread-crmb-title h3 {
    font-size: 25px;
    color: #fff;
    text-transform: uppercase;
}

.inr_breadcrumb {
    float: right;
    text-align: right;
    width: auto;
    padding: 12.5px 0 6px;
    line-height: 14px;
}
.inr_breadcrumb ul li {
    display: inline-block;
    position: relative;
    padding: 0px 10px;
}

.inr_breadcrumb ul li a {
    color: #fff;
    text-transform: capitalize;
}

.inr_breadcrumb ul li::before {
    color: #fff;
    content: "\f105";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: normal;
    left: 0px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
    line-height: normal;
}
.inr_breadcrumb ul li:first-child:before {
    content: '';
}
.inr_breadcrumb ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    padding: 0 7px;
    display: block;
    line-height: 14px;
}

/*-------------------------------------------------------------------------
       breadcrmb
--------------------------------------------------------------------------*/



/*------------------------------------------------------------------------------------------------------
       About Page
--------------------------------------------------------------------------------------------------------*/
.abt-pge-sec-in {
    padding: 60px 0px;
}

.a-headings h5 {
    text-transform: capitalize;
    margin: 3px 0 10px;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    color: red;
}

.a-headings h3 {
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
    font-size: 30px;
    color: #00294c;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 1em;
}
.in-faculty-staff h3 {
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    padding-bottom: 21px;
    font-size: 25px;
    color: #00294c;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 28px;
    border-bottom: 1px dashed #d9d9d9;
}

.a-headings h3:before {
    content: "";
    left: 0;
    bottom: 0;
    height: 2px;
    width: 25px;
    background-color: #666666;
    position: absolute;
}

.a-headings h3:after {
    content: "";
    left: 35px;
    bottom: 1px;
    height: 1px;
    width: 50px;
    background-color: #bbbbbb;
    position: absolute;
}

.a-abt-det p {
    text-align: justify;
   /* text-indent: 26px;*/
}

.about-slid-img {
    height: 475px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: right !important;
}

.marge {
    padding: 60px 0px;
}

.marge-in p {
    font-size: 20px;
    text-align: -webkit-center;
    font-family: 'source sans',sans-serif;
    color: rgb(0, 42, 77);
    font-style: italic;
}
.marge {
    padding: 60px 0px;
    background: #f5f5f5;
}

ul.a-abt-det-ul li {
    line-height: 29px;
    padding-left: 35px;
    margin-bottom: 10px;
    position: relative;
}

.a-abt-det.adm-bot ul li {
    margin-bottom: 20px;
}


.a-abt-det.adm-bot ul li:before {
    padding: 7px 9px;
    content: "\f101";
    font-family: fontawesome;
    width: 24px;
    height: 24px;
    margin-right: 15px;
    position: unset;
    left: 0px;
    line-height: 24px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 14px;
    background-color: #002a6a;
}



ul.a-abt-det-ul li:before {
    content: "\f101";
    font-family: fontawesome;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 0px;
    line-height: 24px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 14px;
    background-color: #002a6a;
}

.ins-title p span {
    font-size: 20px;
    color: #00294c;
    text-transform: capitalize;
    margin: 0 0 20px;
    font-weight: bold;
}

.row.ins-w {
    margin-bottom: 25px;
    padding: 15px;
    border: 1px solid #ccc;
    margin-right: 0px !important;
    margin-left: 0px !important;
}

.a-abt-det p span {
    color: #00294c;
    text-transform: capitalize;
    margin: 0 0 20px;
    font-weight: bold;
}


/*---------------------------------
about-sec-two
---------------------------------*/

section.work-layer {
    padding: 60px 20px;
    background: rgba(14, 14, 14, 0.0196);
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}
h3.abt-heading.abt-heading-t:before {
    background: #fafafa !important;
}

.work-layer-t {
    font-size: 13px;
    margin-top: 44px;
    padding: 0px 10px;
}
.work-icon {
    background-color: #f6f6f6;
    display: inline-block;
    padding: 15px;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.work-icon-in i {
    background-color: #fff;
    border-radius: 100%;
    color: #001d46;
    display: inline-block;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 60px;
}
.work-text h3 {
    display: inline-block;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 31px;
    margin-top: 10px;
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

h3.work-text-heading:before {
    background: #ccc none repeat scroll 0 0;
    bottom: -20px;
    content: "";
    height: 2px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 50px;
}
.work-layer-in p {
    font-size: 13px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
}

.work-layer-in:hover .work-icon {
    background: #001d46;
    transition: 0.5s ease-in-out;
}
.work-layer-in:hover .work-icon-in i {
    color: #eb0029;
    transition: 0.6s ease-in-out;
}
.work-layer-in:hover h3.work-text-heading:before {
    background: #eb0029;
     transition: 0.4s ease-in-out;
}

.abt-title.text-center h3 {
    text-transform: uppercase;
    font-weight: normal;
    position: relative;
    padding-bottom: 15px;
    font-size: 30px;
    color: #00294c;
    font-family: 'Roboto Slab', serif;
    margin-bottom: 0em;
}

.work-layer-in p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: -webkit-center;
   
        color: #131212
}

/*----------------------*/

.contect-link-sec-inn {
    background: url(../images/a-paral.jpg);
   
    background-position:right bottom;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
}
.contect-link-sec-bg {
    padding: 50px 0px;
    background: rgba(0, 3, 49, 0.55);
}
.callout-2-text {
    padding: 10px;
    z-index: 10;
    margin: 0 auto;
}
.title_sec h1 {
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 21px;
    text-transform: uppercase;
    font-size: 31px;
}
.paralax_text>p {
    text-align: center;
    color: #fff;
    margin-bottom: 2em;
}
/*--------btn2--------*/
.btn-2 {
    background: transparent;
    font-weight: 100;
}
.btn2 {
    color: #fff;
    cursor: pointer;
    display: block;
    font-size: 16px;
    font-weight: 400;
    line-height: 32px;
    margin: 0 auto 2em;
    max-width: 160px;
    position: relative;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 100%;
}
.btn-2 svg {
    height: 38px;
    left: -22px;
    position: absolute;
    top: -2px;
    width: 94%;
}
.btn-2 rect {
    fill: none;
    stroke: #fff;
    stroke-width: 2;
    stroke-dasharray: 422, 0;
}
.btn-2:hover {
    background: rgba(225, 51, 45, 0);
    font-weight: 500;
    letter-spacing: 1px;
}
.btn2:hover {
    text-decoration: none;
}
.btn-2:hover rect {
    stroke-width: 5px;
    stroke-dasharray: 44, 300;
    stroke-dashoffset: 100;
    -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
    transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}
/*------------------------------------------------------------------------------------------------------
       About Page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
    event Page
--------------------------------------------------------------------------------------------------------*/
.event-sec-list {
    padding: 60px 0px;
}

.event-list-in {
    display: flex;
}

.event-imge {
   
    margin-right: 17px;
}
.event-list-d {
    margin: 0px -15px;
    margin-top: 15px;
}
.event-imge a img {
    width: 100%;
}
.event-imge.ade a img {
    width: 325px;
}

.a-headings.e-headings h3 {
    margin: 0px;
    font-size: 27px;
    margin-bottom: 15px;
}
 .event-info-block li {
    line-height: 1.4;
    margin-bottom: 15px;
    font-size: 18px;
    color: #002147;
    padding-left: 40px;
    position: relative;
}
.event-e-det p {
    margin-bottom: 17px;
    text-align: justify;
}
.event-info-block li i {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    font-size: 24px;
    margin-right: 15px;
    color: #ff6000;
}
.event-list-d {
    border: 1px solid #eeeeee;
    margin: 0px -15px;
    padding: 15px;
    background: #f6f6f6;
    margin-bottom: 30px;
}

.sidebar-box {
    margin-bottom: 30px;
    background: #ffffff;
    border: 1px solid #e0e0e0;
}

.sidebar-box .sidebar-box-inner {
    padding: 25px 25px;
}

h3.sidebar-title {
    font-size: 25px;
    color: #002147;
    text-transform: capitalize;
    margin-bottom: 40px;
    position: relative;
    font-weight: 500;
}

.sidebar-find-course .course-name input {
    height: 40px;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}
.sidebar-search-btn-full {
    color: #ffffff;
    padding: 13px 0;
    width: 100%;
    background: #002147;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    border: none;
    border: 2px solid #002147;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

h3.sidebar-title:before {
    content: "";
    left: 2px;
    bottom: -2px;
    height: 3px;
    width: 30px;
    background-color: #004b76;
    position: absolute;
}
/*-----------*/
.product-tags li {
   
    margin-bottom: 7px;
    background: #e1e1e1;
    font-weight: 500;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.product-tags li a {
    font-weight: 600;
    font-size: 14px;
    color: #002147;
    text-transform: capitalize;
    display: block;
    padding: 10px 24px;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
.product-tags li:hover a {
    color: #ffffff;
    background-color: #002147;
}
/*------------------------------------------------------------------------------------------------------
   eventPage
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
   eventPage-detail
--------------------------------------------------------------------------------------------------------*/
.countdown-content {
    position: absolute;
    top: 5%;
    left: 0;
    z-index: 1;
}
.countdown-content .countdown-section:nth-child(odd) {
    background: #002147;
}
.countdown-content .countdown-section {
    padding: 15px 0;
    text-align: center;
    width: 80px;
}
.countdown-content .countdown-section h3 {
    color: #ffffff;
    margin-bottom: 0;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
}
.countdown-section:nth-child(odd) p {
    color: #a0a5ac;
}
.event-detail-e {
    margin: 0px -15px;
}
.countdown-content .countdown-section {
    background:#004b76;
    padding: 15px 0;
    text-align: center;
    width: 80px;
}
.countdown-section p {
    color: #fff;
}
.event-title {
    margin-top: 1.5em;
}
.event-detail-p p {
    text-align: justify;
    margin-bottom: 1em;
    text-indent: 26px;
}
/*------------*/
.event-info-inline {
    margin-bottom: 30px;
}
.event-info-inline li {
    display: inline-block;
    line-height: 1.4;
    margin-right: 30px;
    font-size: 18px;
    color: #002147;
    padding-left: 40px;
    position: relative;
    margin-bottom: 10px;
}
.event-info-inline li i {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    font-size: 24px;
    margin-right: 15px;
    color: red;
}
/*------------leave-comment--------------*/
h3.sidebar-title.event-ht {
    font-size: 27px;
    color: #002147;
    text-transform: uppercase;
    margin-bottom: 35px;
    position: relative;
    font-weight: 500;
}
h3.sidebar-title:before {
    content: "";
    height: 3px;
    width: 40px;
    position: absolute;
    left: 0;
    bottom: -15px;
    z-index: 1;
    background: #444;
}
.event-detail-p {
    margin-bottom: 2em;
}
.form-group.event-form input {
    height: 45px;
}
.btn-event {
    padding: 10px 14px !important;
    background: #004b76;
    border: none;
    border-radius: 0px;
}
.a-headings.evnt-dtl-head h3 {
    font-size: 26px;
}
.event-image {
    height: 430px;
    overflow: hidden;
}
/*------------------------------------------------------------------------------------------------------
   eventPage-detail
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
   management-page
--------------------------------------------------------------------------------------------------------*/
.mgt-slid-img {
    height: 350px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    margin-bottom: 40px;
}
.about-slid-img.mget {
    height: 350px;
    margin-bottom: 40px;
    background: url(../images/abt2.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.enqi-form h3 {
    font-size: 23px;
    color: #00294c;
    text-transform: uppercase;
    margin: 0 0 20px;
}
.syl-tab-in>table>tbody>tr>th {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    text-transform: uppercase;
    background: #00223e;
    color: #fff;
    padding: 8px 10px;
}
.syl-tab-in>table>tbody>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    text-align: center;
}
.syl-tab-in>table {
    border: 1px solid #c7c7c7;
}
.syl-tab-in>table:hover>tbody>tr:hover {
    background-color: #f5f5f5;
}
input.form-control.enq-inp {
    height: 45px;
}
.enqi-form {
    padding: 10px;
    border:1px solid rgba(1, 31, 75, 0.5);
}
.submit-btn {
    text-align: center;
}
button.btn.btn-lg.btn-sub {
    padding: 9px 90px !important;
    background: #ff6000;
    color: #fff;
}
.for-enquiry-sec {
    margin-bottom: 45px;
}
/*------------------------------------------------------------------------------------------------------
   management-page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
   academics-page
--------------------------------------------------------------------------------------------------------*/
.syl-slid-img {
    background: url(../images/syl.jpg);
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}
.syl-slid-img1 {
    background: url(../images/syl1.jpg);
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}
.syl-slid-img2 {
    background: url(../images/syl2.jpg);
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}
.a-abt-det.syll-bot {
    margin-bottom: 35px;
}
table.table.table-hover.syl-tab {
    border: 1px solid #c7c7c7;
}
table.table.table-hover.syl-tab tbody tr th {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    text-transform: uppercase;
    background:#00223e;
    color: #fff;
}
table.table.table-hover.syl-tab tbody tr td {
    text-align: center;
}
.syllabus-table {
    margin-bottom: 35px;
}
.enquiry-sec {
    margin-bottom: 35px;
}
.a-abt-det.adm-bot p {
    margin-bottom: 25px;
}
/*----------------------------------
semister-page
-----------------------------------*/
table.table.table-hover.syl-tab.senmister-tble tbody tr td {
        padding-left: 40px;
    text-align: left;
}
table.table.table-hover.syl-tab.senmister-tble tbody tr td {
    background-image: url(../images/pen.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 1% center;
}
.syl-tab-in p {
    text-align: center;
    font-size: 20px;
    font-weight: bolder;
    text-transform: uppercase;
    background: #00223e;
    color: #fff;
    padding: 8px;
    margin-bottom: 0px;
}
.syl-tab-in ul li {
    background-image: url(../images/pen.png);
    background-repeat: no-repeat;
    background-size: 16px;
    background-position: 1% center;
    padding-left: 40px !important;
    text-align: left;
    padding: 6px;
    border-bottom: 1px solid #cdcdcd;
}
/*------------------------------------------------------------------------------------------------------
   academics-page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
    contact Page
--------------------------------------------------------------------------------------------------------*/
span.error.alert_style p {
    color: red;
    margin-top: 5px;
}
.contact-sec-in {
    padding: 70px 0px;
}
ul.contact-us-info-ul li {
    padding: 15px 0 8px 30px;
    position: relative;
    border-bottom: 1px solid #bdbdbd;
}
ul.contact-us-info-ul {
    margin-top: 11px;
    border: 1px solid #bdbdbd;
}
ul.contact-us-info-ul li i {
    color: #002147;
    position: absolute;
    z-index: 1;
    right: 30px;
    top: 40px;
    font-size: 24px;
}
ul.contact-social li {
    display: inline;
    margin-right: 15px;
    padding: 0;
    border: none;
}
ul.contact-social li a {
    background: transparent;
    border: 1px solid #002147;
    height: 35px;
    width: 35px;
    line-height: 35px;
    display: inline-block;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
ul.contact-social li a i {
    font-size: 20px;
    position: unset;
}
ul.contact-social li a:hover {
    background: #002a6a;
    color: #fff;
}
ul.contact-social li a:hover  i{
    color: #fff;
}
.form-group.cntct-frm-ad input {
    height: 45px;
}
.form-group.cntct-frm-ad {
    margin-bottom: 30px;
}
/*------------------------------------------------------------------------------------------------------
    contact Page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
    faculty Page
--------------------------------------------------------------------------------------------------------*/
.fclty-img {
    /* background: url(../images/faculty.jpg); */
    background: url(../images/primary_highschool_img.jpg);
    height: 350px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    margin-bottom: 40px;
}
.card.faculty-card {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
    transition: 0.3s;
        margin-bottom: 2em;
}
.card.faculty-card:hover {
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}
.fclty-contain {
    padding: 3px 10px;
    text-align: center;
    height: 65px;
    overflow: hidden;
}
.fclty-contain h4 {
    font-size: 17px;
}
.faclty-contain {
    margin: 20px 0px;
}
.faclty-contain ul li {
    padding: 3px 35px;
}
.faclty-contain ul li h4 {
    font-size: 17px;
}
.faclty-contain ul li h4:before {
    content: "\f101";
    font-family: fontawesome;
    width: 24px;
    height: 24px;
    position: absolute;
    top: auto;
    left: 10px;
    line-height: 24px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 14px;
    background-color: #002a6a;
}
table.table-wrap {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 2em;
}
table.table-wrap td {
    text-align: left;
    padding: 16px;
}
table.table-wrap tr:nth-child(odd) {
    background: #f2f2f2;
}
/*-----------------------------------
princepal
------------------------------------*/
.princepal-img img {
    width: 100%;
}
figure.fig-p {
    width: 30%;
    float: left;
    margin: 0px 20px 0px 0px;
}
.princepal-img img {
    width: 100%;
}
figcaption.figc-p {
    text-align: center;
}
figcaption.figc-p h4 {
    color: #00294c;
    text-transform: capitalize;
    font-weight: bold;
    margin: 6px 0px 0px;
}
figcaption.figc-p span {
    color: #ff6000;
    font-weight: bolder;
    margin-bottom: 8px;
}
.p-brief h4 {
    color: #00294c;
    text-transform: capitalize;
    font-weight: bold;
    margin: 6px 0px 12px;
}
.p-brief p {
    text-align: justify;
}
/*----------------------
careers
-----------------------*/
.career_reg {
    padding: 10px;
    background: #f2f2f2;
    height: 650px;
}
.career_reg h4 {
    color: #00294c;
    font-weight: bolder;
}
input.form-control.c-input {
    min-height: 55px;
    font-weight: 400;
    display: block;
    padding: 12px 15px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fcfcfc;
    background-image: none;
    border-radius: 4px;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #e9edf0;
}
input.form-control.c-input::placeholder {
    color: #aaa;
    font-size: 17px;
}
.career_reg h4 {
    padding-left: 16px;
    margin-bottom: 20px;
    font-size: 20px;
    margin-top: 5px;
}
label.form-label.c-label span {
    color: #575757;
}
.form-group.c-frm {
    margin-bottom: 30px;
}
button.btn.btn-lg.btn-c {
    margin-bottom: 30px;
    background: rgba(255, 254, 253, 0.31);
    border-radius: 0;
    border: 1px solid #179bd7 !important;
    color: #fff;
    font-weight: 500;
    padding: 10px 17px !important;
    background: #179bd7;
}
button.btn.btn-lg.btn-c:hover {
    background: #ff6000;
    border-radius: 0;
    border: 1px solid #ff6000 !important;
}
.career_reg.alum-reg {
    height: 1428px;
}
.career_reg.contri-reg {
    height: 510px;
}
/*------------------------------------------------------------------------------------------------------
    faculty Page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
    dicipline Page
--------------------------------------------------------------------------------------------------------*/
.tabs-left {
    border-bottom: none;
}
ul.nav.nav-tabs.tabs-left.sideways>li {
    list-style: none;
    float: left;
    width: 100%;
    line-height: 1;
    margin: 0px 0px 15px;
}
ul.nav.nav-tabs.tabs-left.sideways li a:hover {
    background: #fc5f00;
    color: #fff;
    border: 2px solid #fc5f00;
    transition: 0.5s ease-in-out;
}
ul.nav.nav-tabs.tabs-left.sideways li.active a {
    background: #fc5f00;
    color: #fff;
    border: 2px solid #ff6000;
    -webkit-box-shadow: 0px 7px 22px 0px rgb(254, 96, 0);
    -moz-box-shadow: 0px 7px 22px 0px rgba(235, 0, 41, 0.4);
    box-shadow: 0px 7px 22px 0px rgba(255, 96, 0, 0.46);
}
ul.nav.nav-tabs.tabs-left.sideways>li>a {
    border: 2px solid transparent;
    float: left;
    width: 100%;
    padding: 7px 30px;
    font-size: 14px;
    border: 2px solid #eeeeee;
    background-color: #eeeeee;
    font-weight: bold;
    border-radius: 0px;
    margin: 0px;
    position: relative;
    transition: 0.5s ease-in-out;
}
ul.dis-ul li {
    margin-bottom: 16px;
}
ul.dis-ul li span {
    font-weight: bolder;
    color: #00294c;
}
.dicipline-a {
    background: #f2f2f2;
    height: 285px;
    padding: 20px 0px;
}
.panel-head.panel-default.dis-title {
    font-weight: bolder;
    padding: 10px 10px;
    color: #00294c;
    border-bottom: 1px solid #ddd;
}
.panel {
    background-color: #f2f2f2;    
}
.panel-head.panel-default.dis-title i {
    color: #fc5f00;
    font-weight: bolder;
    margin-right: 5px;
}
.panel.panel-default.des-panel {
    padding: 20px;
}
.des-sub-det p {
    font-weight: bold;
    color: #01134d;
}
.des-sub-det>p:before {
    content: "\f073";
    font-family: FontAwesome;
    color: #fc5f00;
    font-weight: bolder;
    margin-right: 10px;
}
.des-sub-det ul li {
    margin-bottom: 20px;
}

button#contactsubmit {
    background: #243982;
    color: #fff;
    padding: 10px 20px;
    float: right;
    margin-right: 20px;
}
button#contactsubmit:hover {
    background: #009ad8;
}
/*------------------------------------------------------------------------------------------------------
    dicipline Page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
    videos Page
--------------------------------------------------------------------------------------------------------*/
.a-headings.vid-head {
    margin-bottom: 3em;
}
.content.elem-left img {
    width: 100%;
    height: 250px;
}
.content.elem-left {
    height: 250px;
    overflow: hidden;
}
.video-modal {
    position: static!important;
}
.video-modal .content {
    position: relative;
}
.elem-left {
    display: block;
}
.open-modal.play-btn {
    font-weight: bolder;
    font-size: 16px;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
    margin: 0;
}
.play-btn, .close-btn {
    font: 400 19px/1 sans-serif;
    color: #fff;
    display: table;
    margin: 0 auto;
    padding: 10px;
    text-decoration: none;
}
.open-modal.play-btn span {
    margin: 8px auto;
    -webkit-box-shadow: 3px 3px 5px rgba(54, 54, 54, 0.51);
    box-shadow: 3px 3px 5px rgba(54, 54, 54, 0.51);
}
.animated.infinite {
    animation-iteration-count: infinite;
}
.play-btn span {
    display: table;
    vertical-align: middle;
    margin: 0 auto;
    width: 40px;
    height: 40px;
    background-color: #f35b00;
    border-radius: 50%;
    position: relative;
}
a.open-modal.play-btn span:after {
    position: absolute;
    content: '';
    top: 11px;
    left: 15px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 15px;
    border-color: transparent transparent transparent #e8e8e8;
}
.open-modal:after {
    content: "Play Video";
    display: block;
    -webkit-text-shadow: 1.5px 1.5px 5px rgba(54, 54, 54, 0.51);
    text-shadow: 1.5px 1.5px 5px rgba(54, 54, 54, 0.51);
}
.play-btn span:hover {
    background: #253b80;
    transition: 0.3s ease-in-out;
}
a.open-modal.play-btn:hover {
    color: #253b80;
}
/*-----------------*/
.modal.open:after {
    background-color: rgba(0, 0, 0, 0.85);
    z-index: -1;
    content: "";
    display: block;
}
.modal {
    max-height: 100% !important;
    max-width: 100% !important;
    z-index: 600;
    display: none;
    padding: 10px;
    -webkit-flex-flow: column;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;
}
.modal.open {
    background: rgba(0, 0, 0, 0.76);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    z-index: 1000;
}
.modal .figure {
    overflow: visible;
    position: relative;
    width: 560px;
    max-width: 100%;
    text-align: center;
}
.modal .btn {
    margin-top: 20px
}
.modal .close {
    opacity: .8;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transform: translate(50%, -50%);
    transform: translate(50%, -50%)
}
.modal .close i {
    display: block;
    font-size: 20px;
    background-color: #fff;
    box-shadow: 0 0 0 4px #ff4d00;
    color: #ff4d00;
    border-radius: 50%;
    width: 40px;
    line-height: 40px;
    text-align: center;
    font-style: normal;
}
.modal .close i:before {
    margin: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: relative;
}
.modal .close:before {
    content: "Close Video";
    color: #fff;
    text-transform: uppercase;
    position: absolute;
    top: -8px;
    right: 50px;
    width: 200px;
    text-align: right;
    opacity: 0
}
.modal .close:hover i {
    background-color: #be1616;
    color: #fff
}
.modal .close:hover:before {
    opacity: 1
}
@media (max-width: 800px) {
    .modal .close {
        transform: initial;
        top: -25px;
        right: 5px;
    }
}
/*------------------------------------------------------------------------------------------------------
    videos Page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
   gallery Page
--------------------------------------------------------------------------------------------------------*/
figure.c-gal-fig img {
    width: 100%;
    height: 175px;
}
.c-gallery {
    box-shadow: -2px 2px 10px 0px rgba(68, 68, 68, 0.4);
    transition: 0.3s ease-in-out;
    height: 250px;
    margin-bottom: 25px;
}
figure.c-gal-fig {
    margin-bottom: 30px;
}
figcaption.gal-fig-cap {
    text-align: center;
    padding: 10px 0px;
    font-weight: bolder;
}
.c-gallery:hover {
    box-shadow: 0px 13px 40px rgba(0, 0, 0, 0.5);
    transition: 0.3s ease-in-out;
}
.about-layer.gal-layer {
    padding: 50px 0px;
}
/*------------------------------------------------------------------------------------------------------
   gallery Page
--------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------
            inner gallery detail page
-------------------------------------------------------------------------------------------------------*/
.gallery {
    margin-bottom: 30px;
}
.gallery_grid {
    overflow: hidden;
    position: relative;
    /*padding: 12px;*/
}
.gallery-grid-image {
    border: 1px solid #aaa;
    background-color: #eee;
}
.gallery_grid>a {
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-decoration: none !important;
}
/*====light box=====*/
.lightspeed-box {
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 0;
    height: 0;
    margin: auto;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.84);
    z-index: 30;
    transition: all 600ms cubic-bezier(0.86, 0, 0.07, 1);
    box-sizing: border-box;
    transform: scale(0);
}
.lightspeed-box.lsb-active {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9999 !important;
}
.lightspeed-box .lsb-content {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    margin: auto;
    padding: 20px;
    transition: all 0.5s;
    height: 100%;
}
.lightspeed-box .lsb-header {
    position: absolute;
    top: 9px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 32;
    margin: 0;
    padding: 0;
    display: block;
    background: transparent;
}
.lightspeed-box .lsb-image-count {
    display: block;
    margin-right: 5px;
    font-weight: 500;
    color: #ffffff;
    font-size: 11px;
    text-shadow: 0 1px 4px #000000;
    background: transparent;
}
.lightspeed-box .lsb-image-title {
    display: block;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 14px;
    text-shadow: 0 1px 4px #000000;
    background: rgba(0, 0, 0, 0.32);
    transition: opacity 0.5s ease-out;
    opacity: 0;
}
.lightspeed-box .lsb-image-title:not(:empty) {
    opacity: 1;
}
.lightspeed-box .lsb-control-panel {
    position: absolute;
    bottom: 5px;
    right: 50%;
    transform: translateX(50%);
    z-index: 2;
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.64);
    border-radius: 3px;
    opacity: .5;
}
.lightspeed-box .lsb-control-panel:hover 
{
    opacity: 1; 
}
.lightspeed-box .lsb-panel-button:not(:last-child) 
{
    margin-right: 10px;
}
.lsb-control-panel 
{
    visibility: hidden;
}
.lightspeed-box .lsb-image-container 
{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
}
.lightspeed-box .lsb-no-image-found 
{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    display: none;
    height: 100%;
    width: 100%;
    padding: 10px;
    margin: auto;
    overflow: visible;
    color: #ffffff;
    text-align: center;
    cursor: pointer;
}
.lightspeed-box .lsb-no-image-found .no-found-msg 
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transform: translateY(50%);
    margin: 0 auto;
}
.lightspeed-box img.lsb-image.lsb-image-loaded 
{
    max-height: 100%;
    max-width: 100%;
    min-height: 1px;
    border: 3px solid rgba(0, 0, 0, 0.18);
    border-radius: 3px;
}
.lightspeed-box img.lsb-image 
{
    position: relative;
    max-height: 0%;
    max-width: 0%;
    cursor: pointer;
    min-width: 0;
    min-height: 0;
    margin: auto;
    transition: all 0.95s cubic-bezier(0.12, 0.58, 0.26, 0.99);
    user-select: none;
    object-fit: scale-down;
}
.waitingicon 
{
    margin: auto;
    width: 70px;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.waitingicon .waitingicon-circle:nth-child(1) 
{
    transform: rotate(30deg);
}
.waitingicon .waitingicon-circle 
{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.lightspeed-box .lsb-close 
{
    position: absolute;
    top: 0;
    right: 0;
    width: 25%;
    height: 25%;
    z-index: 3;
    text-align: right;
}
.lightspeed-box .lsb-close .lsb-control-text 
{
    display: inline-block;
    margin-top: 17px;
    margin-right: 30px;
    font-size: 30px;
}
.lightspeed-box .lsb-control 
{
    cursor: pointer;
    color: #ffffff;
    overflow: visible;
    text-shadow: 0 0 2px #000;
}
.lightspeed-box .lsb-prev 
{
    left: 0;
    text-align: left;
}
.lightspeed-box .lsb-prev, .lightspeed-box .lsb-next 
{
    position: absolute;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 20%;
    height: 100%;
    top: 0;
    z-index: 2;
}
.lightspeed-box .lsb-control-text 
{
    font-family: Monaco, monospace;
    font-size: 45px;
    font-weight: bold;
}
.lightspeed-box .lsb-next .lsb-control-text 
{
    margin-right: 30px;
}
.lightspeed-box .lsb-next 
{
    right: 0;
    text-align: right;
}
.lightspeed-box .lsb-prev .lsb-control-text 
{
    margin-left: 30px;
}

.gallery_grid img {
    width: 100%;
    height: 215px;
    margin-bottom: 2em;
}
.g-recaptcha {
    margin-left: 15px;
}

/*------------------------------------------------------------------------------------------------------
            inner gallery detail page
-------------------------------------------------------------------------------------------------------*/

.a-abt-det table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    border: 1px solid #ddd;
    margin-bottom: 2em;
}


.a-abt-det table tr:nth-child(odd) {
    background: #f2f2f2;
}


.a-abt-det table tbody tr td {
    padding: 14px 15px;
}


.a-abt-det ul li {
    line-height: 29px;
    padding-left: 35px;
    margin-bottom: 10px;
    position: relative;
}


.a-abt-det ul li:before {
    content: "\f101";
    font-family: fontawesome;
    width: 24px;
    height: 24px;
    position: absolute;
    top: 4px;
    left: 0px;
    line-height: 24px;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 14px;
    background-color: #002a6a;
}


.syl-tab-in ul {
    border: 1px solid #bcb1b1;
    margin-bottom: 33px;
}

.syl-tab-in table {
    margin-bottom: 30px;
}

/*-------=============================================---------------------
-------=============================================---------------------
                        Menu
-------=============================================---------------------
-------===============================================-------------------*/

.menu {
   float: left;
   clear: both;
   width: 100%;
   font-size: 0;
   z-index: 9999;
   /*background: #1c1c1c;
   -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, .2);
   box-shadow: 0 2px 5px rgba(0, 0, 0, .2);*/
}

.menu ul,
.menu li,
.menu p,
.menu a,
.menu div,
.menu i {
   border: 0;
   margin: 0;
   padding: 0;
}

.menu li {
   display: block;
   vertical-align: top;
   position: relative;
}

.menu a {
   display: block;
   padding: 16px;
}

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

/*-----------------------------------------------------------------------------------*/
/*  SUB-MENUS SETTINGS 
/*-----------------------------------------------------------------------------------*/
/* Hide sub-menus */
.menu ul ul {
    position: absolute;
   top: 100%;
   width: 100%;
   display: none;   
}

.menu ul ul.visible, .menu ul .mega-menu ul.visible ul.sub-menu {   
    display:block;
   z-index: 17;
}

/* Adjust position of mega-menu */
.menu li:hover > ul.mega-menu > li > ul {
    position:relative;
}

/*-----------------------------------------------------------------------------------*/
/*  SUB-MENUS APPEARANCE 
/*-----------------------------------------------------------------------------------*/
/* Place border bottom */
.menu ul ul li {
    border-bottom:1px solid #ececec;
}

/* Remove border bottom on last li*/
.menu ul ul li:last-child {
    border-bottom:none;
}

/* Puts shadow on sub-menus */
.menu .sub-menu, .mega-menu {
    -webkit-box-shadow: 0px 4px 13px -3px #232323;
    -moz-box-shadow: 0px 4px 13px -3px #232323;
    -ms-box-shadow: 0px 4px 13px -3px #232323;
    -o-box-shadow: 0px 4px 13px -3px #232323;
    box-shadow: 0px 4px 13px -3px #232323;
}
.mega-rs h2{
    position: absolute;
    bottom: 30px;
    margin: 0 !important;
    padding: 5px 28px;
    left: 25px;
    background: rgba(0,0,0,.8);
    color: #fff;
}
.mega-rs ul li a{
    position: relative;
}
#inner .menu li a {
    color: #000;
}
#inner .menu li li a{
    color: #fff;
}


/*-----------------------------------------------------------------------------------*/
/*  APPEARANCE SETTINGS 
/*-----------------------------------------------------------------------------------*/
.menu a {
    color:#4a4a4a;
    
    /* Remove the blue Webkit background when element is tapped */
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.multi ul ul{
    background: transparent !important;
}

.multi ul li a{
    font-weight: 400 !important;
    font-size: 13px !important;
}

.nav-menu > li > a {
    color: #1e1950;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bolder;
    font-family: 'lato', sans-serif;
}
.menu a {
    padding: 30px 12px;
}               

/*home 1*/
.home1 .menu a {    
    padding: 16px 14px;
}

/*home 4*/
.home4 .menu a,
.home5 .menu a {    
    padding: 35px 14px 35px;
}


/* Modifies position of icons on the menu */
.menu li i {
    margin-right:10px;
    font-size:16px;
    /* Make the font smoother for Chrome */
    transform:translate3d(0, 0, 0);    
}

/* Put down arrows */
.nav-menu .mega-menu > a span:after, .nav-menu > .menu-item-has-children > a span:after {
    content:"\f107";
    font-family:FontAwesome;
    float:right;
    margin:2px 0 0 5px;
}

.mega-menu h1, .mega-menu h2, .mega-menu h3 {
    margin-bottom:24px;
}

.nav-menu > li > a {
    /*-webkit-box-shadow: -1px 0 0 0 rgba(0,0,0,.1);
    -moz-box-shadow: -1px 0 0 0 rgba(0,0,0,.1);
    box-shadow: -1px 0 0 0 rgba(0,0,0,.1);*/
}

.nav-menu li .mega-menu li a {    
    padding:0;
    width:auto;
    display:inline-block;
}

/*-----------------------------------------------------------------------------------*/
/*  Typography
/*-----------------------------------------------------------------------------------*/
/*.menu ul{ 
     Put "center" to align the center menu  
    text-align: right;
}*/
.home1 .menu ul{
    text-align: center;
}
.home4 .menu ul,
.home5 .menu ul{
    text-align: left;
}
.menu li {
    font-size:14px;
}

.menu a {
    font-weight: 400;
    font-family: 'Play', sans-serif;
}

.menu .sub-menu li a{
    padding: 10px 14px;
}

/* Sub-menus - font size and text alignment*/
.menu ul ul a {
    text-transform: capitalize;
    font-size: 15px;
    text-align: left;
}

.mega-menu p {
    margin:12px 0;
}

.mega-menu li p a {
    font-size:16px;
    font-family: "Open Sans",sans-serif;
}

/*-----------------------------------------------------------------------------------*/
/*  MEGA MENU
/*-----------------------------------------------------------------------------------*/
.nav-menu {
    position:relative;
}

.nav-menu .mega-menu {
    position: relative;
}

.nav-menu .mega-menu {
    left:0;
    width:100%;
    min-height:250px; 
    position:absolute;   
}

.nav-menu .mega-menu .mega-menu-container {
    float:left;
    width:100%;
    position:relative;
    padding:16px 16px 0 16px;
}

.nav-menu .mega-menu .sub-menu {
    display:block;
    position:relative;
    width:auto;
    padding:0;
    min-height:initial;
    box-shadow:none;   
}

.nav-menu .mega-menu .sub-menu a {
    padding:12px;
}

.nav-menu .mega-menu .sub-menu li, .nav-menu .mega-menu .sub-menu a {
    width:100%;
}

/*-----------------------------------------------------------------------------------*/
/*  MEGA MENU - IMAGES
/*-----------------------------------------------------------------------------------*/
.nav-menu .mega-menu li div.mega-menu-img a {
    float:left;
    width:100%;
    min-height:230px;
    padding:12px;
}

/*Hover Effect Images*/
.nav-menu .mega-menu li div.mega-menu-img a:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.multi .sub-menu li img{
    width: 50px;
    transition: all 0.5s ease 0s;
    border-radius: 100%;
}
.multi .sub-menu li:hover img{
    transform: rotate(100deg);
}
.multi .sub-menu li{
    margin-bottom: 15px;
}
.multi .sub-menu li{
    padding-bottom: 15px;
}
.multi .col-3 .sub-menu li a{
    display: inline;
}
.nav-menu .mega-menu-img h2 {
    font-size:16px;
    margin:12px 0 0 0;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.nav-menu .mega-menu > li .mega-menu-img-meta {
    padding:0;
    width:auto;
    position:relative;
    height:auto;
    overflow:hidden;
    -webkit-backface-visibility:hidden;
}

/*-----------------------------------------------------------------------------------*/
/*  MEGA MENU - MAP
/*-----------------------------------------------------------------------------------*/
#map {
    height:500px;
}

/*-----------------------------------------------------------------------------------*/
/*  TRANSITIONS AND EFECTS
/*-----------------------------------------------------------------------------------*/
.nav-menu ul {
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    -ms-transition:all .3s ease-in-out;
    -o-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out
}

.mega-menu-img-meta img {
    -webkit-transition:-webkit-transform .3s ease-in-out;
    -moz-transition:-moz-transform .3s ease-in-out;
    -o-transition:-o-transform .3s ease-in-out;
    -ms-transition:-ms-transform .3s ease-in-out;
    transition:transform .3s ease-in-out
}

/*-----------------------------------------------------------------------------------*/
/*  LINE
/*-----------------------------------------------------------------------------------*/
.menu .line {
    padding-bottom:12px;
    border-bottom:1px solid rgba(0, 0, 0, .05);
    margin-top: 20px;
    text-align: left;
    color: #fff;
    padding-left: 15px;
}

/*-----------------------------------------------------------------------------------*/
/*  RESPONSIVE IMAGES
/*-----------------------------------------------------------------------------------*/
.menu img {
    max-width:100%; 
    height:auto;
    -ms-interpolation-mode:bicubic
}

/*-----------------------------------------------------------------------------------*/
/*  MEDIA QUERIES
/*-----------------------------------------------------------------------------------*/
@media screen and (min-width: 500px) {
    .menu h1 {
        font-size: 3.8rem;
        line-height: 1.2em;
    }

    .menu h2 {
        font-size: 2rem;
        line-height: 1.2em;
    }

    .menu h3 {
        font-size: 3.3rem;
    }

    .menu h4 {
        font-size: 2.8rem;
    }
}

@media screen and (min-width: 992px) {
    .menu {
        /*border:1px solid #000;*/    
        height: auto !important;
    }
    
    .menu h1 {
        font-size: 3.2rem;
        line-height: 1.2em;
    }

    .menu h2 {
        font-size: 2.5rem;
        line-height: 1.2em;
    }

    .menu h3 {
        font-size: 2rem;
    }
    
    .menu h4 {
        font-size: 1rem;
    }
    
    /* Grid */
   .menu .row [class*="col-"] {
      display: block;
      width: 100%;
      min-height: 5px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
      box-sizing: border-box;
      float: left;
      margin-left: 2.5%;
   }

   .menu .row [class*="col-"]:first-child {
      margin-left: 0 !important;
   }

   .menu .row .col-12 {
      width: 100%;
   }

   .menu .row .col-11 {
      width: 91.45833333333334%;
   }

   .menu .row .col-10 {
      width: 82.91666666666667%;
   }

   .menu .row .col-9 {
      width: 74.375%;
   }

   .menu .row .col-8 {
      width: 65.83333333333334%;
   }

   .menu .row .col-7 {
      width: 57.29166666666667%;
   }

   .menu .row .col-6 {
     width: 48.75%;
   }

   .menu .row .col-5 {
     width: 40.208333333333336%;
   }

   .menu .row .col-4 {
      width: 31.666666666666668%;
   }

   .menu .row .col-3 {
      width: 23.125%;
   }

   .menu .row .col-2 {
      width: 14.583333333333334%;
   }

   .menu .row .col-1 {
      width: 6.041666666666667%;
   }
    /*-----------------------------------------------------------------------------------*/
    /*  RESPONSE MENU
    /*-----------------------------------------------------------------------------------*/
    .menu li {
        display:inline-block;
    }
    
    .nav-menu .mega-menu {
        position: static;
    }
    
    .menu ul ul.visible {
        visibility: hidden;
        opacity:0;
    }
    
    /* Remove arrows if not in mobile */
    .nav-menu .menu-item-has-children > span, .nav-menu .mega-menu > span {
        display:none;
    }
    
    /* Remove Menu Toggle if not in mobile */   
    .menu-toggle {
        display:none;
    }
    
    /* Remove Menu Close if not in mobile */
    .nav-menu div.sub-menu-close {
        display:none;
    }
    
    /* Insert arrows down */
    .menu-item-has-children-service> a:after {
    content: "\f107";
    font-family: FontAwesome;
    float: right;
    margin: 0px 0 0 5px;
    font-size: 20px;
    display: none;
}
    
    /* Put arrows to the right */
    .nav-menu ul .menu-item-has-children > a:after {
        content:"\f105";
        font-family:FontAwesome;
        float:right;
    }

    /* Show sub-menus in hover */
    .menu li:active > ul, .menu li:focus > ul, .menu li:hover > ul, .menu li:hover > ul.mega-menu > li > ul, .menu li:hover ul.mega-menu .sub-menu {        
        display:block;
        z-index: 17;    
    }

    /* Adjust position the sub-menus in the left */
    .menu ul ul li > ul {
        left:100%;
    }
    
    /* Adjust position the sub-menus on the top */
    .menu ul ul ul {
        top:-4px;
    }   
    
.menu ul ul {
    border-top:4px solid #ffc400;
    width: auto;
}
    
    /* Sub-menus - width */
    .menu ul ul a {
        width:285px;    /* <- Modify for width change */
    }
    
    .nav-menu .mega-menu li div.mega-menu-img a {   
        width:25%;
    }
    
    
    .nav-menu .mega-menu .mega-menu-container {     
        padding: 16px;
    }
        
}

/*-----------------------------------------------------------------------------------*/
/*  ARROWS FIXES IN IE
/*-----------------------------------------------------------------------------------*/
@media screen and (min-width:0\0) {
    .menu img {
        width:100%;     
    }
    
    .nav-menu .menu-item-has-children a, .nav-menu .mega-menu a {
        padding-right:24px
    }
    
    .nav-menu .menu-item-has-children a:after, .nav-menu .mega-menu a:after {
        position:static;
        float:right;
        margin:0 -16px 0 0
    }   
}

@media only screen and (max-width: 991px) {
   .menu .row [class*="col-"] {
       float: left!important;
       width: 100%!important;
       margin-left: 0!important;
       margin-right: 0!important;
    }
   
    .nav-menu > li > a {
    border-bottom: 1px solid #131313;
    color: #00204c !important;
    text-align: left;
}
    
    /*.nav-menu > li:last-child > a {
        border-bottom:none;
    }
    */
    .nav-menu span.menu-parent i { 
        margin:0;
    }
    
.nav-menu > .menu-item-has-children > span.menu-parent, .nav-menu .mega-menu > span.menu-parent {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    padding: 19px 20px;
    cursor: pointer;
    line-height: 15px;
    background: #fff;
    border-left: 1px solid #fff;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
    
    .nav-menu > .menu-item-has-children > span.menu-parent:hover, .nav-menu .mega-menu > span.menu-parent:hover {   
        color: #fff;
    }
    
    .nav-menu > .menu-item-has-children .sub-menu .menu-item-has-children span.menu-parent {        
        display: block;
        position: absolute;
        right: 0;
        top: 0;
        padding: 20px;  
        cursor:pointer;
        line-height: 15px;
        border-left:1px solid rgba(0, 0, 0, .05);       
        
        /* Remove the blue Webkit background when element is tapped */
        -webkit-tap-highlight-color:rgba(0,0,0,0);    
    }

    /*Options Menu Closed*/
    .nav-menu div.sub-menu-close {
        float:left;
        width:100%;
        padding:16px;
        cursor:pointer;
        background:#f6f3ed;
        
        color:#000;
        font-size:14px;
        text-align:center;      
    }
    
    .nav-menu div.sub-menu-close i {        
        font-size:16px;
        margin-right: 5px;
    }
    
    .menu .sub-menu {
        -webkit-box-shadow: 0 0 20px rgba(0,0,0,.15);
        -moz-box-shadow: 0 0 20px rgba(0,0,0,.15);
        -ms-box-shadow:  0 0 20px rgba(0,0,0,.15);
        -o-box-shadow:  0 0 20px rgba(0,0,0,.15);
        box-shadow:  0 0 20px rgba(0,0,0,.15);
    }
    
    .menu-close {
        height: 0;      
        overflow: hidden!important;
    }
    
    /*Menu Toggle Appearance*/
/*.menu-toggle {
    right: 20px;
    padding: 1px 0px 0px 9px;
    display: block;
    background: #fff;
    border-left: 1px solid #fff;
    position: absolute;
    cursor: pointer;
    color: #28378f;
    font-size: 29px;
    text-transform: uppercase;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    bottom: 5px;
    border: 1px solid #ccc;
}*/
    
    .menu-toggle i {
        margin-right:10px; 
    }
    
}

@media only screen and (max-width: 1080px) {    
    /*.nav-menu > li > a i {
        display:none;
    }*/
}


@media only screen and (min-width: 992px) { 
    .home5 .menu > ul > li > a{
        padding: 0;
        height: 68px;
        line-height: 68px;
        padding-right: 30px;
    }
    .home5 .menu > ul > li:last-child a{
        padding-right: 0;
    }
    .home5 .menu > ul > li:first-child a{
        padding-left: 30px;
    }
    .home5 .sticky4 .menu > ul > li:first-child a{
        padding-left: 0;
    }
    .home5 #header .middle-header-home5 .sticky4 .header-bottom-area .navbar ul li:first-child{
        margin-left: 0;
    }
    
}
/*-------------------------------------------------------------------------------------------------------*/

.slider-social-icns {
    background: #263b80;
    width: 250px;
    height: 60px;
}

.slider-social-icns .social-circle li a {
    padding: 10px 14px;
    font-size: 26px;
}
/************************************************
    Transitions
************************************************/
@media screen and (min-width: 992px) {
    .menu ul ul {
        opacity: 0;
        display: block;
        visibility: hidden; 
        transform: translateY(10px);
    }

    .menu li:active > ul, .menu li:focus > ul, .menu li:hover > ul, .menu li:hover > ul.mega-menu > li > ul, .menu li:hover ul.mega-menu .sub-menu {   
        background: #fff; 
         opacity: 1;
         visibility:visible;        
         transform: translateY(0px);
    }   
}
/*-------=============================================---------------------
-------=============================================---------------------
                        Menu
-------=============================================---------------------
-------===============================================-------------------*/

/*===============updating on 12/mar/2021=============*/

h2.gallery_h2 {
    padding-top: 30px;
    border-bottom: 2px solid #f19016;
    width: 108px;
    color: #28358c;
    font-weight: bold;
}
ul.foot-app {
    padding-left: 76px;
}
.col-sm-6.social_block i {
    font-size: 80px;
    color: white;
    padding-right: 40px;
}
.mobile-parallex-in {
    background: rgba(13, 37, 110, 0.71);
    padding: 32px 30px 79px 30px;
    border-radius: 0px;
}

.mobile-parallex-in {
        background: rgba(13, 37, 110, 0.71);
    padding: 15px 30px 3px 30px;
    border-radius: 0px;
}

.mobile-parallex {
    background: url(../images/school.jpg);
    height: 302px;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    border-radius: 10px;
}

.social_img img {
    width: 100%;
}

.social_img p {
    color: black;
    text-align: center;
    padding-top: 10px;
    text-transform: uppercase;
}

.mobile-parallex-in {
    text-align: center;
}

/*===============calender update==============*/

.events_block {
    padding: 10px 5px 24px 5px;
    border-top: 1px solid #ffda75;
}

p.view_all_block {
    float: right;
    color: #179bd7;
    margin-top: -27px;
}

.date_block {
    float: left;
    width: 70px;
    margin-right: 20px;
}

.date_block h4 {
    margin: 0 0;
    font-size: 16px;
    padding: 9px 0;
    background-color: #090a3a;
    color: white;
    font-family: 'Lato', sans-serif !important;
}
.date_block h3 {
    margin: 0 0;
    font-size: 14px;
    padding: 9px 0;
    background-color: rgb(197, 197, 197);
    color: black;
    font-family: 'Lato', sans-serif !important;
}

.event_detblock p {
    color: #949292;
    margin-top: 0;
}

.event_detblock p a {
    color: black !important;
    font-family: 'Lato';
}

.events_block:hover {
    background-color: #f1f2f3;
}

.follow-header h2 {
    font-size: 28px;
    color: #28358c;
    margin-bottom: 8px;
    border-bottom: 1px solid #ffda75;
}

.follow-header i {
    margin-right: 10px;
}


/*=======homepage slider admision link==========*/
.admission_open_button_block {
    float: right;
    margin-top: 149px;
    Z-INDEX: 1000;
    margin-right: 231px;
}

.admission_open_text {
    background: #ffd400c7;
    padding: 11px 32px;
    /* height: 99px; */
    border-radius: 71px;
    font-size: 23px;
    text-align: center;
    border: 2px solid #d5b11ae3;
    font-weight: 600;
    margin-bottom: 13px;
    width: 179px !important;
    margin: 0px 27px 13px;
    color: black;
}
.enrollnow_text {
    background: #03eb03b3;
    padding: 10px;
    font-size: 23px;
    clear: both;
    font-weight: 600;
    border-radius: 10px;
    border: 2px solid #6d787e;
    color: black;
}
.prn-mssg {
    text-align: right;
    font-color: #00000;
    text-decoration: underline;
}