@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Ubuntu');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
@import url('https://fonts.googleapis.com/css?family=Lato|Open+Sans');
@font-face{ font-family: 'Ubuntu', sans-serif; }
* {
  margin:0; 
  padding: 0; 
  /*font-family: 'Quattrocento Sans', sans-serif;*/
    /*font-family: 'Quattrocento Sans', sans-serif;*/
    font-family: 'Lato', sans-serif;
}

.btn-theme{
    background-color:#623480;color:#fff;
}
.btn-theme:hover {    
    color: #fff;
}
.bdr{border:1px solid red;}
.justify-content-between{
    justify-content:space-between;
}
.align-items-center{
    align-items:center;
}

.affix {
    top: 0;
    width: 100%;
    animation: fadeInDown .8s;
    z-index: 9999;
}

/*******pagination*********/

a,a:hover{
  text-decoration:none !important;
  outline:none !important; 
}
.loader {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background: url('../image/Newloder.gif') center no-repeat #fff;
    z-index: 10000;
    background-size:100px;
}

a.back-to-top {
    display: none;
    width: 50px;
    height: 50px;
    text-indent: -9999px;
    position: fixed;
    z-index: 999;
    right: 10px;
    bottom: 3px;
    background: #623480 url("../image/up-arrow.png") no-repeat center 43%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    outline: none;
}
/*<footer header start>*/

.first-header{
  -border: 1px solid red;
  background-color: #ff3d00;
}
.first-header .contct_2 {
    color: #fff;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    display: block;
    padding: 6px 0;
}
.first-header .login_wrap {
    float: right;
    padding: 0px;
    margin: 0px;
}
    .first-header .login_wrap li {
        float: left;
        margin-left: -1px;
        list-style: none;
    }
        .first-header .login_wrap li a {
            color: #fff;
            font-size: 14px;
            text-transform: capitalize;
            display: block;
            padding: 7px 15px;
           
        }

        .first-header .login_wrap li:first-child a {
            background-color: #1b69b7;
        }
        .first-header .login_wrap li:nth-child(2) a {
            background-color: #1dd2f2;
        }
        .first-header .login_wrap li:nth-child(3) a {
            background-color: #04b6e2;
        }
        .first-header .login_wrap li:last-child a {
            background-color: #c45031;
        }

.first-header .login_wrap li i {
    -float: left;
    -margin: 3px 5px 0px 0px;
}
.first-header .top_nav ul {
    margin-bottom: 0px;
}
.first-header .top_nav li {
    display: inline-block;
}
.first-header .top_nav li a {
    color: #fff;
    font-size: 14px;
    text-transform: capitalize;
    display: block;
    padding: 6px 12px 8px;
    position: relative;
    z-index: 2;
    position: relative;
}


.navbar {
    border-radius: 0px;
    border: none;
}
.navbar-default {
    background-color: #623480;
    margin-bottom: 0px;
    -box-shadow: 0 2px 3px gray;
    z-index: 99;
    text-align: center;
}
.navbar-header{
  padding: 25px
}
    .navbar-header .navbar-brand img {
        height: 142px;
        position: absolute;
        top: -42px;
        width: auto;
        padding: 15px 10px;
        background-color: #e2dede;
        -border-right: 1px solid #ddd;
        -border-left: 1px solid #ddd;
    }


.nav > li > a {
    position: relative;
    display: block;
    padding: 15px 12px;
   font-weight:100;color:#fff;
    font-size:12px;font-family:Verdana;
}
.navbar-nav > li > a {
    line-height: 25px;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover {
    color: #fff;
    background-color: #511e72;
    -border: 1px solid #ff3d00;
    -border-radius: 5px;
}

.navbar-default .navbar-nav > li > a ,.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
    color: #fff;
}

.navbar-nav > li > .dropdown-menu{padding:0;}

.navbar-nav > li > .dropdown-menu li
{
    border-bottom:1px dotted #ddd;padding:5px 0;
}

/******Submenu******/

.dropdown-menu {
    border: 0 !important;
    -min-width: 200px;
}

.dropdown-submenu {
    position: relative;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -1px;
        margin-left: -1px;
        padding: 0;
        border-radius: 0;
        border: 0 !important;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #000;
        -margin-top: 5px;
        position: absolute;
        right: 8px;
        top: 13px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #555;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
            -webkit-border-radius: 6px 0 6px 6px;
            -moz-border-radius: 6px 0 6px 6px;
            border-radius: 6px 0 6px 6px;
        }

    .dropdown-submenu:hover .dropdown-menu {
        -border: 1px solid red;
        display: block;
    }

.dropdown-menu {
    left: auto;
    right: 0;
}

/***********/

.dropdown-menu-inner {
    -z-index: 1111;
    left: 0;
    -width: 250px;
    position: absolute;
    /* right: initial; */
    top: 0;
    left: 100%;
    background: #fff;
    list-style: none;
    border:1px solid red;
}
.inner-caret {
    float: right;
    margin-top: 10px;
    transform: rotate(-90deg);
}
/*<header complated>*/

.carousel-indicators
  {
    width: 5%;
    bottom: 40%;
    margin-left: 40%;
    -webkit-transform: rotate(90deg);
    -webkit-transform-origin: right top;
    -moz-transform: rotate(90deg);
    -moz-transform-origin: right top;
    -ms-transform: rotate(90deg);
    -ms-transform-origin: right top;
    -o-transform: rotate(90deg);
    -o-transform-origin: right top;
    transform: rotate(90deg);
    transform-origin: right top;
    position: absolute;
    white-space: nowrap;
  }
/*.carousel-indicators{
    right: 45%;
    bottom: 3%;
    left: auto;
    width: 90%;
    height: 20px;
    font-size: 0;
    overflow-x: auto;
    text-align: right;
    overflow-y: hidden;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 1px;
    white-space: nowrap;
}*/
    .carousel-indicators li {
        padding: 0;
        width: 15px;
        height: 15px;
        border: none;
        text-indent: 0;
        overflow: hidden;
        text-align: left;
        position: relative;
        background: #b78522;
        -webkit-font-smoothing: antialiased;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        margin-right: 5px;
        -webkit-transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
        transition: all 0.5s cubic-bezier(0.22,0.81,0.01,0.99);
        z-index: 10;
        cursor: pointer;
    }
.carousel-indicators li:last-child{
    margin-right: 0;
}
.carousel-indicators .active{
    margin: 1px 5px 1px 1px;
    box-shadow: 0 0 0 2px #fff;
    background-color: transparent;
    position: relative;
    -webkit-transition: box-shadow 0.3s ease;
    -moz-transition: box-shadow 0.3s ease;
    -o-transition: box-shadow 0.3s ease;
    transition: box-shadow 0.3s ease;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;

}
.carousel-indicators .active:before{
    transform: scale(0.5);
    background-color: #fff;
    content:"";
    position: absolute;
    left:-1px;
    top:-2px;
    width:15px;
    height: 15px;
    border-radius: 50%;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    -o-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    display: block;
    width: 100%;
    height: 440px;
    -border:1px solid #ddd;-padding:5px;-border-radius:5px;
}


/*<slider>*/


.second-part {
    -border: 1px solid red;
    padding-top: 30px;
    padding-bottom: 30px;
    background: linear-gradient(to left,#f5f5f5,#fff);
}

.ab-header h5 {
    letter-spacing: 4px;
    color: #ce3304 !important;
    text-transform: uppercase;
}
.ab-header h2{
  line-height: 1.42857143;
color: #333333;
font-weight: 600;
font-size: 28px;
margin-bottom: 0px;
}

.second-part .ab-header .eline{
  display: block;
  background-color: #ff3d00;
  width: 60px;
  height: 3px;
  margin:10px 0px;
    position: relative;
    left: 0;
}
.second-part .ab-header h4{
  color: #202C45 !important;
  font-family: 'Open Sans', sans-serif;
font-weight: 400;
line-height: 1.42857143;
font-size: 18px;
margin-top: 20px;
margin-bottom: 15px;
}
.second-part .ab-header p{
  line-height: 1.7;
color: #666666;
font-size: 14px;
font-family: 'Open Sans', sans-serif;
text-align: justify;
}
.second-part .ab-header .btn{
  background-color: #ff3d00;
  color: #fff;
  padding: 9px 27px;
  font-size: 15px;
  border-radius: 0px;
  margin-top: 10px;
  transition: 0.3s;
}
.second-part .ab-header .btn:hover{
 border: 1px solid #ff3d00;
 background-color: #fff;
 color: #ff3d00;
 transition: 0.3s;
}
.second-part .ab-img img{
  height: 340px;
  width: 100%
}

/*<second-part compalted>*/

.ser-box {
  -border: 1px solid red;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: rgba(242,242,242,0.2);
}
.ser-box .educare-service-box {
    background-size: cover;
    color: #fff;
    display: block;
    padding: 20px;
    position: relative;
    z-index: 9;
    transition: .3s;
    background-position: 0 0;
}
.ser-box .service-box-inner {
    border: 1px dashed #fff;
    padding: 20px;
    text-align: center;
    transition: all 0.3s ease 0s;
}
.ser-box .educare-service-box-image {
    margin-bottom: 20px;
}
.educare-service-box-image img {
    max-height: 65px;
    width: auto;
}
.ser-box .service-box-inner h2 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
}
.ser-box .educare-service-box-content p:last-child {
    margin-bottom: 0;
}
.ser-box .educare-service-box::after {
    background: rgba(231,152,0,0.9) none repeat scroll 0 0;
    content: "";
    height: 100%;
    left: 0;
    opacity: 0.95;
    position: absolute;
    top: 0;
    transition: all 0.4s ease 0s;
    width: 100%;
    z-index: -1;
}
.ser-box .educare-service-box:hover {
    background-size: 150% auto;
    background-position: center center;
}
.ser-box .educare-service-box-image i.fa {
    font-size: 65px;
}

/*ser-box complated*/



/*.course start*/


.course{
  -border:1px solid red; 
  padding-top: 20px;
  padding-bottom: 20px;
  background-color:#f1f1f1;
}
.course .heading{
  text-align: center;
  padding-bottom: 20px;
}
.course .heading h3{
color: #444;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1px;
}
.course .heading .nbtsow-secondsub{
  margin-top: 10px;
}
.course .heading .nbtsow-secondsub .education-divide {
    display: inline-block;
    width: 75px;
    height: 6px;
    background-image: url('../image/divide.png') ;

}
.course .heading i{
  color: #ff3d00;
font-size: 28px;
line-height: 1;
vertical-align: middle;
margin: 3px 10px;
display: inline-block;
}
.course .cus-img{
  overflow: hidden;
}
.course .image {
  display: block;
  width: 100%;
  height: auto;
}
.course .mainnn{
  position: relative;
}
    .course .overlay {
        position: absolute;
        bottom: 50%;
        left: 0px;
        right: 0px;
        background-color: rgba(0,0,0,0.7);
        overflow: hidden;
        -width: 100%;
        height: 0;
        transition: .5s ease;
    }

.course .cus-img:hover .overlay {
  bottom: 0;
  height: 100%;
}
.course .cus-img .mainnn img{
  height: 220px;
}
.course .btn {
  white-space: nowrap; 
  color: white;
  font-size: 20px;
  position: absolute;
  overflow: hidden;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  border:2px solid #fff;
  font-size: 15px !important;
  transition: 0.3s;
}
.course .btn:hover{
  background-color: #fff;
  color: #ff3d00;
  transition: 0.3s;
}

.cus-img .cou-info{
  padding: 15px;
  border: 1px solid #ddd;
  border-top:0;
margin-bottom: 30px;
background-color: #fff;
min-height: 180px;
}
.cus-img .cou-info h3{
  margin-top: 0;
}
.cus-img .cou-info h3 a{
font-size: 18px;
text-transform: capitalize;
color: #484848;
transition: 0.3s;
}
.cus-img .cou-info h3 a:hover{
 color: #ff3d00;
 transition: 0.3s;
}
.cus-img .cou-info .tech-name a{
  margin: 8px 0 0;
color: #999;
transition: 0.3s;
}
.cus-img .cou-info .tech-name a:hover{
  color: #ff3d00;
  transition: 0.3s;
}
.cus-img .cou-info .short-info{
  margin-top: 10px;
  line-height: 25px;
  font-size: 15px;
  color: #a6a6a6;
}
.cus-img .cou-info .course-meta{
  overflow: hidden;
  position: absolute;
right: 32px;
bottom: 60px;
}

    .cus-img .cou-info .course-meta .course-prize {
        float: right;
        -background: #ff3d00;
        border-radius: 3px;
        color: #ff3d00;
        font-weight: 100;
        padding: 8px 15px;
        text-decoration:underline !important;
    }



/*teachers start*/


.Teachers{
  
  padding-top: 30px;
  padding-bottom:20px !important;
  background-color: #f1f1f1;
}

.Teachers img{
  width:300px;
  float:left;
  margin-right:15px;
}

.Teachers h3{
    margin:0;padding-bottom:10px;font-weight:bold;
}


    .Teachers p {
        font-size:16px;text-align:justify;line-height:26px;
    }

.our-team{
    -border: 1px solid #ddd;
    -border-bottom: 4px solid #ff3d00;
    box-shadow:0 1px 2px silver;overflow:hidden;position: relative;
    border:1px solid red;
}
.our-team .team-image{
    position: relative;
    text-align: center;
}
.our-team img{
    width: 100%;
    height: auto;
}
.our-team .description{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    color: #fff;
    line-height: 23px;
    padding: 10px;
    opacity: 0;
    background-color: rgba(231,152,0, 0.6);
    transition: all 0.5s ease 0s;
}
.our-team:hover .description{
    opacity: 1;
}
    .our-team .social {
        padding: 10px 0 0 0;
        margin: 0;
        list-style: none;
        position: absolute;
        top: 40px;
        left: -27px;
        background: #FF3D00;
        text-align: center;
        transform: translate(25px, 0px) rotateY(90deg);
        transition: all 0.5s ease 0s;
    }
.our-team:hover .social{
    transform: translate(0px, 0px) rotateY(0deg);
}
.our-team .social li{
    display: block;
    margin-bottom: 10px;
}
.our-team .social li a{
    display: block;
    width: 40px;
    height: 35px;
    font-size: 17px;
    color: #fff;
    line-height: 30px;
    transition: all 0.5s ease 0s;
}
.our-team .social li a:hover{
    background: #000;
}
.our-team .team-info{
    padding: 10px;text-align:center;
    position: absolute;
    bottom: 0;
    width: 100%;
    right: 0;
    left: 0;background-color:rgba(0,0,0,.6);
}
.our-team .title{
    font-size: 16px;
    color: #fff;
    letter-spacing: 2px;
    margin: 0 0 5px 0;
    transition: all 0.5s ease 0s;
}
.our-team .post{
    display: block;
    font-size: 16px;
    color: silver;
    text-transform: capitalize;
}
.our-team .title:hover,
.our-team .post:hover{
    color: #bc3fbf;
}
@media only screen and (max-width: 990px){
    .our-team{ margin-bottom: 30px; }
}
@media only screen and (max-width: 767px){
    .our-team .social{ left: -20px; }
}
@media only screen and (max-width: 480px){
    .our-team .social{ left: -20px; }
}

/*<news start>*/

.news{
  
  padding: 30px 20px;
  background-color:#f5f5f5;
}
.news .heading{
  text-align: center;
  padding-bottom: 20px;
}
.news .heading h3{
color: #444;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1px;
}
.news .heading .nbtsow-secondsub{
  margin-top: 10px;
}
.news .heading .nbtsow-secondsub .education-divide {
    display: inline-block;
    width: 75px;
    height: 6px;
    background-image: url('../image/divide.png') ;

}
.news .heading i{
  color: #ff3d00;
font-size: 28px;
line-height: 1;
vertical-align: middle;
margin: 3px 10px;
display: inline-block;

}

    .news .post-slide {
        -padding: 0 15px;
        background-color: #fff;
        border: 1px solid #ddd;
        margin: 10px;
        border-radius: 10px;
        overflow: hidden;
    }
.news .post-slide .post-img{
    overflow: hidden;position:relative;
}
.news .post-slide .post-img img{
    width: 100%;
    height: 180px;
    -filter: grayscale(100%);
    -opacity: 0.9;
    transform: scale(1,1);
    transition:all 0.3s ease-in-out 0s;
}
.news .post-slide:hover .post-img img{
    transform: scale(1.2,1.2);
    filter:none;
    opacity:1;
}
    .news .post-slide .post-content {
        padding: 10px;
        position: relative;
        text-align:center;
    }
.news .post-slide .post-date{
    min-width:28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    background: #444444;
    position: absolute;
    top: 0px;
    right: 0px;
}
.news .post-slide .month{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #b78522;
    text-transform: uppercase;
}
.news .post-slide .date{
    color: #fff;
    font-size: 14px;
}
.news .post-slide .post-title{
    margin: 0;
}
.news .post-slide .post-title a{
    color:#333;
    font-size:18px;
    text-transform:capitalize;
    transition: all 0.50s ease 0s;
    display:block;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    padding:10px 0;
    font-weight:600;
}
.news .post-slide .post-title a:hover{
    color:#333;
    text-decoration: none;
}
.news .post-slide .post-description{
    color: grey;
    font-size: 16px;
    line-height: 30px;
}
    .news .post-slide .post-bar {
        -padding: 15px 0;
        list-style: none;
        text-align: center;
        background: #623480;
        margin-bottom: 0;
    }
.news .post-slide .post-bar li{
    display: block;
    margin-right: 5px;
}
    .news .post-slide .post-bar li a {
        padding: 15px 0;
        text-transform: capitalize;
        font-size: 16px;
        color: #fff;
        transition: 0.2s ease;
        display: block;
    }
.news .post-slide .post-bar li a:hover{
    text-decoration: none;
    color:#fff;
}
.news .post-slide .post-bar li i{
    color:#fff;
    margin-right: 5px;
}

.event-img{
    position:relative;
}

.overlay-date {
    position: absolute;
    bottom: 10px;
    right: 5px;
    background: #b78522;
    padding: 3px 7px;
    border-radius: 50px;
    color:#fff;font-size:12px;
}
/*<events start>*/
.EVENTS {
    -border: 1px solid red;
    padding: 30px 20px;
    background-color: rgba(242,242,242,0.9);
}
.EVENTS .heading{
  -text-align: center;
  padding-bottom: 20px;
}
.EVENTS .heading h3{
color: #444;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1px;
}
.EVENTS .heading .nbtsow-secondsub{
  margin-top: 10px;
}
.EVENTS .heading .nbtsow-secondsub .education-divide {
    display: inline-block;
    width: 75px;
    height: 6px;
    background-image: url('../image/divide.png') ;

}
.EVENTS .heading i{
  color: #ff3d00;
font-size: 28px;
line-height: 1;
vertical-align: middle;
margin: 3px 10px;
display: inline-block;
}
.EVENTS .event-wrap{
  border: 1px solid #ddd;
  padding: 5px;
  margin-bottom: 30px;
  background-color: #fff;
  text-align:center;
}

.EVENTS .event-details{
  background-color: #fff;
padding: 10px;
 transition: 0.7s;
}

/*.EVENTS .event-wrap:hover .event-details{
  -webkit-transform: translateY(-50px);
     -moz-transform: translateY(-50px);
      -ms-transform: translateY(-50px);
       -o-transform: translateY(-50px);
          transform: translateY(-50px);
          transition: 0.7s;

}*/
.EVENTS .event-wrap .event-img img{
 height: 160px;
width: 100%;

}
.EVENTS .event-details h4{
  font-size: 17px;
margin: 0 0 13px 0;
font-weight: 300;
text-decoration: none;

}
.EVENTS .event-details h4 a{
  color:#262626;
   transition: 0.3s;
   white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    font-weight:500;
}

.text-underline {
    text-decoration: underline !important;
}
/*.EVENTS .event-details h4 a:hover{
  color: #ff3d00;
  transition: 0.3s;
}*/
.EVENTS .event-details .event-meta {
    list-style: none outside none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #606060;
}

    .EVENTS .event-details .event-meta li {
        margin: 5px 0;
        font-size: 12px;
        color: #2D3E50;font-weight:bold;
    }
        .EVENTS .event-details .event-meta li i {
            color: #2D3E50;
            font-weight: bold;
            margin-right: 10px;
        }


.EVENTS .event-details p{
  margin: 15px 0 0;
line-height: 1.9;
color: #606060;
font-size: 16px;
}

.EVENTS .event-details .btn {
    border: 1px solid #623480;
    padding: 5px 10px;
    background-color: #623480;
    color: #fff;
    border-radius: 5px;
    margin-top: 5px;
    font-size: 13px;
    transition: 0.3s;
    outline: none;
}
/*.EVENTS .event-details .btn:hover{
  border:1px solid #ff3d00;
  background-color: #fff;
  color:#ff3d00;
  transition: 0.3s;
}*/


/*******Gallery*******/



.gallery{
  -border:1px solid red; 
  padding-top: 20px;
  padding-bottom: 30px;
  background-color:#f5f5f5;
}
.gallery .heading{
  text-align: center;
  padding-bottom: 20px;
}
.gallery .heading h3{
color: #444;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1px;
}
.gallery .heading .nbtsow-secondsub{
  margin-top: 10px;
}
.gallery .heading .nbtsow-secondsub .education-divide {
    display: inline-block;
    width: 75px;
    height: 6px;
    background-image: url('../image/divide.png') ;

}
.gallery .heading i{
  color: #ff3d00;
font-size: 28px;
line-height: 1;
vertical-align: middle;
margin: 3px 10px;
display: inline-block;
}

    .gallery .box {
        overflow: hidden;
        -box-shadow: 0 0 3px rgba(0,0,0,0.3);
        position: relative;
        margin-bottom: 30px;
        border-radius: 10px;
    }

        .gallery .box:before {
            content: "";
            width: 100%;
            height: 100%;
            background: rgba(98, 52, 128,0.8);
            position: absolute;
            bottom: -100%;
            left: 0;
            transition: all 0.3s ease 0s;
        }

        .gallery .box:hover:before {
            bottom: 0;
        }

        .gallery .box img {
            height: 270px;
            width: 100%;
        }

        .gallery .box .box-content {
            width: 100%;
            padding: 0 30px;
            position: absolute;
            bottom: 15px;
            left: -100%;
            transition: all 0.3s ease 0.2s;
        }

        .gallery .box:hover .box-content {
            left: 0;
        }

        .gallery .box .title {
            font-size: 22px;
            font-weight: 700;
            color: #fff;
            letter-spacing: 1px;
            text-transform: uppercase;
            margin: 0 0 7px;
        }

        .gallery .box .post {
            display: block;
            font-size: 15px;
            font-weight: 600;
            font-style: italic;
            color: orange;
            margin-bottom: 15px;
        }

        .gallery .box .icon {
            padding: 0;
            margin: 0;
            list-style: none;
            position: absolute;
            top: 20px;
            right: -100%;
            transition: transform 0.3s ease 0.3s;
        }

        .gallery .box:hover .icon {
            right: 20px;
        }

        .gallery .box .icon li {
            transform: translate3d(600px, 0px, 0px);
            transition: all 0.3s ease 0.3s;
        }

            .gallery .box .icon li:last-child {
                transition-delay: 0.4s;
            }

        .gallery .box:hover .icon li {
            transform: translate3d(0,0,0);
        }

        .gallery .box .icon li a {
            display: block;
            width: 45px;
            height: 45px;
            line-height: 45px;
            background: #b78522;
            text-align: center;
            font-size: 22px;
            color: #fff;
            margin-bottom: 5px;
            transition: all 0.3s ease 0s;
            border-radius: 50%;
        }

            .gallery .box .icon li a:hover {
                background: tomato;
                color: #fff;
            }

@media only screen and (max-width:990px) {
    .box {
        margin-bottom: 30px;
    }
}

/*.gallery .box img{
  height: 270px;
  width: 100%;
}
.gallery .box{
  margin-bottom: 30px;
}

.gallery .box{
    overflow: hidden;
    position: relative;
    box-shadow: 0 0 5px #a3a3a3;
}
.gallery .box:before{
    content: "";
    width: 80%;
    height: 220%;
    background: #ff3d00;
    position: absolute;
    top: -50%;
    left: -100%;
    z-index: 1;
    transform: rotate(25deg);
    transform-origin: center top 0;
    transition: all 0.5s ease 0s;
}
.gallery .box:hover:before{
    left: 10%;
}
.gallery .box:after{
    content: "";
    width: 55%;
    height: 175%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: -1000%;
    left: 53%;
    transform: rotate(-33deg);
    transform-origin: center bottom 0;
    transition: all 0.8s ease 0s;
}
.gallery .box:hover:after{
    bottom: -70%;
}
.box img{
    width: 100%;
    height: auto;
}
.gallery .box .box-content{
    width: 100%;
    position: absolute;
    top: -100%;
    left: 0;
    color: #fff;
    padding: 0 20px;
    z-index: 2;
    transition: all 1.1s ease 0s;
}
.gallery .box:hover .box-content{
    top: 30px;
}
.gallery .box .title{
    font-size: 25px;
    margin: 0;
    text-transform: capitalize;
    width:63%;
}
.gallery .box .post{
    display: inline-block;
    font-size: 14px;
    text-transform: capitalize;
    margin-top: 5px;
}
.gallery .box .icon{
    width: 100%;
    list-style: none;
    padding: 0 20px;
    margin: 0;
    position: absolute;
    bottom: -100%;
    left: 0;
    z-index: 2;
    transition: all 1.1s ease 0s;
}
.gallery .box:hover .icon{
    bottom: 25px;
}
.box .icon li{
    display: inline-block;
}
.gallery .box .icon li a{
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: #444;
    border-radius: 50%;
    margin: 0 3px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    transition: all 0.5s ease 0s;
}
.gallery .box .icon li a:hover{
    background: #fff;
    color: #ff402a;
}
@media only screen and (max-width:990px){
    .gallery .box{ margin-bottom: 30px; }
}
@media only screen and (max-width:479px){
    .gallery .box .title{ font-size: 16px; }
}*/


.testi{
  -border:1px solid red; 
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(242,242,242,0.2);

}
.testi .heading{
  text-align: center;
  padding-bottom: 20px;
}
.testi .heading h3{
color: #444;
font-weight: bold;
text-transform: uppercase;
margin-bottom: 0;
letter-spacing: 1px;
}
.testi .heading .nbtsow-secondsub{
  margin-top: 10px;
}
.testi .heading .nbtsow-secondsub .education-divide {
    display: inline-block;
    width: 75px;
    height: 6px;
    background-image: url('../image/divide.png') ;

}
.testi .heading i{
  color: #ff3d00;
font-size: 28px;
line-height: 1;
vertical-align: middle;
margin: 3px 10px;
display: inline-block;
}


.testimonial{
    margin: 0 15px;
}
.testimonial .content{
    padding: 15px 10px;
    border-radius:6px;
    margin-bottom: 15px;
    position: relative;
    background:#e67e22;
    min-height: 100px;
}
.testimonial .content:after{
    content: "";
    border-top: 10px solid #e67e22;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 16%;
}
#testimonial-slider div.owl-item:nth-child(2n) .content{
    background: #1abc9c;
}
#testimonial-slider div.owl-item:nth-child(2n) .content:after{
    content: "";
    border-top: 10px solid #1abc9c;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 16%;
}
#testimonial-slider div.owl-item:nth-child(3n+1) .content{
    background: #9b59b6;
}
#testimonial-slider div.owl-item:nth-child(3n+1) .content:after{
    content: "";
    border-top: 10px solid #9b59b6;
    border-left: 10px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -8px;
    left: 16%;
}
.testimonial .description{
    margin-bottom: 10px;
    color:#fff;
}
.testimonial-pic{
    float:left;
}
.testimonial-pic > img{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border: 2px solid #e5e5e5;
    margin-left: 20px;
}
.testimonial .testimonial-review{
    margin:3px 0 0 15px;
    float: left;
}
.testimonial .testimonial-title{
    font-size:16px;
    text-transform:capitalize;
    font-weight: bold;
    margin:0;
}
.testimonial > .testimonial-review span{
    color: darkgray;
    display: block;
    font-size: 13px;
    margin-bottom:5px;
}
.testimonial .social-links{
    padding:0;
    margin:0;
}
.testimonial .social-links > li{
    list-style:none;
    display:inline-block;
    margin-right:10px;
}
.testimonial .social-links > li > a.fa-twitter{
    color:#00aced;
}
.testimonial .social-links > li > a.fa-facebook{
    color: #3b599a;
}
.testimonial .social-links > li > a.fa-pinterest{
    color:#E14782;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
    background: #ff3d00;
}
.owl-theme .owl-controls .owl-page span{
    background: #333;
    opacity: 1;
}
.owl-theme .owl-controls .owl-page span{
    width: 10px;
    height:10px;
    margin: 5px 6px;
}

/**********footer**********/
.ftr-logo {
    width: 120px;
    -position: absolute;
    -right: 50px;
    -bottom: 50px;
    margin-top:50px;
}

.footer {
    border-top: 1px solid #ddd;
    padding-block: 30px;
    -padding-bottom: 30px;
    -background-color: #f1f1f1;
    -background: linear-gradient(to bottom,rgba(45, 62, 80,.85),rgba(45, 62, 80,1)),url('../images/Slider/1031.jpg');
    background-size: cover;
    background-position: left;
}
.footer .ft-abo{
  -border: 1px solid red;
  -padding: 10px;
  font-style: normal !important;
  color:gray;
}
.footer .ft-abo img{
  margin-bottom: 20px;
  width: 52%;
}
.footer .ft-abo p{
  font-size: 17px;
line-height: 23px;
color: grey;
text-align: justify;
}
    .footer .ft-abo .btn {
        border: 1px solid #623480;
        background-color: #623480;
        color: #fff;
        padding: 8px 30px;
        margin-top: 8px;
        font-size: 15px;
        border-radius: 2px;
    }
.footer  .azen-info-fa {
    position: relative;
    line-height: 40px;
    font-style :normal !important
}

.footer .az-icon {
    font-size: 18px;
    color: silver;
}
.footer  .address {
    font-size: 17px;
    color: grey;
    padding-left: 10px;
    display: inline-block;
    line-height:1.6;
}
.footer .az-inline{
  font-size: 17px;
  color: grey;
  padding-left: 10px;
}

.footer .azen-list-title {
    color: #623480;
    font-weight: 600;
    font-size: 20px;
    margin-top: 20px;
    margin-bottom: 15px;
    font-style: normal !important;
}
.footer .azen-fotter-list .azen-list-content > span {
    display: block;
    padding: 2px 0;
    font-style: normal!important
}
.footer .azen-fotter-list .azen-list-content > span a {
    display: inline-block;
    color: silver;
    font-size: 16px;
    padding-left: 12px;
    position: relative;
    line-height: 1.4;
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    overflow: hidden;
}
.footer .azen-fotter-list .azen-list-content > span a::before {
    -webkit-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    -ms-transition: all 0.2s linear 0s;
    transition: all 0.2s linear 0s;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    content: "\f111";
    position: absolute;
    font-size: 5px;
    top: 10px;
    left: 0;
}
.azen-fotter-list .azen-list-content > span a::after {
content: "\f178";
font: normal normal normal 14px/1 FontAwesome;
text-rendering: auto;
position: absolute;
color: #fff;
font-size: 15px;
top: 6px;
left: 0;
transform: translate(-35px, 0);
transition: all 0.2s linear 0s;
}
.azen-fotter-list .azen-list-content > span:hover a {
    color: #fff;
    padding-left: 27px;
}
.azen-fotter-list .azen-list-content > span:hover a::before {
transform: scale(0);
}
.azen-fotter-list .azen-list-content > span:hover a::after {
transform: translate(0, 0);
}



.lt-footer {
    background-color: #623480;
}
.lt-footer .copy-right{
    width: 100%;
    float: left;
    clear: both;
    padding: 25px 0px;
    margin: 0px;
    color: #fdf6ea;
}

    .lt-footer .copy-right .copyright-info {
        -float: left;
        font-style: normal !important;
        text-transform: uppercase;
    }

    .lt-footer .copy-right .copyright-info span a{color:yellow;padding:0 5px 0 0px;font-size:13px;text-transform:capitalize;text-decoration:underline;}
    .lt-footer .social-icons {
        -float: right;
        margin: 0px;
        padding: 0px;
        list-style: none;
        overflow: auto;
    }
    .lt-footer .social-icons li {
        display: inline-block;
        clear: none;
        float: left;
        display: inline;
        margin: 5px;
        padding: 0px;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        text-align: center;
        line-height: 38px;
       
    }

        .lt-footer .social-icons li:first-child {
            -background-color: #FF1010;
        }
        /*.lt-footer .social-icons li:nth-child(2) {
            background-color: #365899;
        }
        .lt-footer .social-icons li:nth-child(3) {
            background-color: #1AB2E8;
        }*/
        .lt-footer .social-icons li:last-child {
            -background-color: #365899;
        }

.lt-footer .social-icons li a{
  font-size: 18px;
  color:#fff;
}

p:empty{
    display:none;
}

.text-truncate {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new-slider-part .carousel-control{
    opacity:1;
    top:50%;
    transform:translateY(-50%);
}
.new-slider-part .left.carousel-control{
    left:6%;
}

.new-slider-part .right.carousel-control {
    right: 6%;
}
.new-slider-part .left.carousel-control,
.new-slider-part .right.carousel-control {
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #623480;
}
/*<home Page Complated>*/
/*<activities Page start>*/
.FAQ .panel-default .panel-collapse .photos {
    margin-top: 30px;
    padding: 0;
}

.FAQ .panel-default .panel-collapse .photos img{
  height: 200px;
  width: 100%;
}







/*<activities Page Compalted>*/










/*<about Page start>*/
.kf_inr_banner {
    -float: left;
    width: 100%;
    padding: 35px 0px;
    background-image: url('/content/image/girl_banner.jpg');
    background-size: cover;
    position: relative;
    z-index: 9;
    -margin-bottom: 50px;
    background-position: center;
}
.kf_inr_banner::before {
    content: "";
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background: #000000;
    opacity: 0.7;
    z-index: -1;
}
.kf_inr_ban_des {
    float: left;
    width: 100%;
    text-align: left;
}
.inr_banner_heading {
    float: left;
    text-align: left;
    width: 50%;
}
.kf_inr_ban_des h3 {
    color: #fff;
    text-transform: uppercase;
    font-size: 30px;
    margin-top: 10px;
}
.kf_inr_breadcrumb .breadcrumb, .kf_inr_breadcrumb {
    float: right;
    text-align: right;
    width: auto;
    padding: 6px 0px;
    line-height: 14px;
}
.kode-breadcrumb.breadcrumb {
    background: transparent;
}
.kf_inr_breadcrumb .breadcrumb li, .kf_inr_breadcrumb ul li {
    display: inline-block;
    position: relative;
    padding: 0px 10px;
    color: #fff;
}
.kf_inr_breadcrumb .breadcrumb li a, .kf_inr_breadcrumb .breadcrumb li strong, .kf_inr_breadcrumb ul li a {
    font-size: 14px;
    text-transform: capitalize;
    color: #fff;
    padding: 0 7px;
    display: block;
    line-height: 14px;
    font-weight: bold;
}
.kf_inr_breadcrumb .breadcrumb .item-49::before, .kf_inr_breadcrumb ul .item-49::before {
    color: #fff;
    content: "\f105";
    font-family: fontawesome;
    font-size: 12px;
    font-weight: normal;
    left: -7px;
    margin-top: -6px;
    position: absolute;
    top: 50%;
    line-height: normal;
}


.about{
  padding: 30px 20px;
}

    .about p {
        font-size: 18px;
        line-height: 1.5;
        color: grey;
    }

    .about span.date {
        color: #623480 !important;
    }

.about .aboutus h3{
  color: #ff3d00;
font-weight: 600;
font-size: 35px;
margin-top: 20px;
margin-bottom: 30px;
}
.about .aboutus p{
  font-size: 16px;
line-height: 25px;
color: #333;
text-align: justify;
}


.about .abt-info .abt-img img{
  height: 350px;
  width: 100%;
}

.about .abt-info .content h4{
  color: #ff3d00;
font-weight: 600;
font-size: 22px;
}
.about .abt-info .content p{
  font-size: 15px;
color: grey;
}


.abt-clg{
    font-weight:bold;
    line-height:1.6;
}
    .abt-clg span {
        color: #b78522;font-size:18px;
    }

.abt-right-img{
    -border:1px solid #ddd;
    margin-top:50px;
}

.main-timeline {
    position: relative;
    -webkit-transition: all 0.4s ease 0s;
    -moz-transition: all 0.4s ease 0s;
    -ms-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}
.main-timeline:before{
    content: "";
    width: 3px;
    height: 100%;
    background: #ff3d00;
    position: absolute;
    top: 0;
    left: 50%;
}
.main-timeline .timeline{
    margin-bottom: 50px;
    position: relative;
}
.main-timeline .timeline:before,
.main-timeline .timeline:after{
    content: "";
    display: block;
    width: 100%;
    clear: both;
}
.main-timeline .timeline-icon{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #ff3d00;
    overflow: hidden;
    margin-left: -23px;
    position: absolute;
    top: 0;
    left: 50%;
    text-align: center;
}
.main-timeline .timeline-icon i{
    font-size: 30px;
    line-height: 50px;
    color: #fff;
}
.main-timeline .timeline-content{
    width: 45%;
    padding: 20px;
    border-radius: 0px;
    background-color: rgba(242,242,242,0.5);
    -webkit-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.1);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.main-timeline .timeline-content:before{
    content: "";
    border-left: 7px solid #ff3d00;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    position: absolute;
    left: 45%;
    top: 20px;
}
.main-timeline .title{
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    padding: 10px;
    background: #ff3d00;
    border-radius: 3px 3px 0 0;
    margin: -20px -20px 10px;
}
.main-timeline .description{
    font-size: 16px;
color: #333;
text-align: justify;
}

.main-timeline .timeline-content.right{
    float: right;
}
.main-timeline .timeline-content.right:before{
    content: "";
    right: 45%;
    left: inherit;
    border-left: 0;
    border-right: 7px solid #ff3d00;
}
@media only screen and (max-width: 990px){
    .main-timeline .title{
        font-size: 25px;
    }
    .main-timeline .timeline-content::before{
        top: 16px;
    }
}
@media only screen and (max-width: 767px){

    .main-timeline{ margin-left: 20px; }
    .main-timeline:before{ left: 0; }
    .main-timeline .timeline-content{
        width: 90%;
        float: right;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline-content.right:before{
        left: 10%;
        right: inherit;
        margin-left: -6px;
        border-left: 0;
        border-right: 7px solid #ff3d00;
    }
    .main-timeline .timeline-icon{
        left: 0;
    }
    .carousel-indicators li{width:10px;height:10px;}
    .carousel-indicators .active:before{
        width:14px;
    }
    .carousel-indicators .active {
        -box-shadow: none;
    }
}
@media only screen and (max-width: 479px){
    
    .main-timeline .timeline-content{
        width: 85%;
    }
    .main-timeline .timeline-content:before,
    .main-timeline .timeline-content.right:before{
        left: 15%;
    }
    .main-timeline .title{
        font-size: 20px;
    }
    .main-timeline .timeline-content:before{
        top: 13px;
    }
}



.count-main{
  -border:1px solid red;
  background-image: url('../image/count-bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  padding-top: 30px;
  padding-bottom: 20px;
}

.count-main .count {
  -border:1px solid red;
  text-align: center;
  padding: 10px;
}
.count-main .count i{
  font-size: 60px;
  color:#fff;
}


.count-main .count .counter{
    -border:1px solid red;
   color:#fff;
  font-size: 50px;
  position: relative;
  top: 0px;
  font-family: Franklin Gothic Medium,Franklin Gothic,ITC Franklin Gothic,Arial,sans-serif;
}

.count-main .count h4{
  color:#fff;
  font-size: 24px;
  text-transform: uppercase;
}


.history{
  -border: 1px solid red;
  padding-top: 20px;
  padding-bottom: 20px;
  background-color: rgba(242,242,242,0.2);
}
.history .histo-info{
  padding: 20px;
}
 .history .histo-info h3{
  color: #ff3d00;
font-weight: 600;
font-size: 35px;
margin-bottom: 30px;
}
.history .histo-info p{
   font-size: 16px;
    line-height: 25px;
    color: grey;
    text-align: justify;
}
/* <about page complated>*/

/*<courses page strat>*/
.cou-main{
  -border: 1px solid red;
 padding-block: 50px;
}
.cou-main .welcome-box{
  margin-bottom: 40px;
  border: 1px solid #623480;
  border-radius:10px;overflow:hidden;
  position:relative;
}
.welcome-box img{
  height: 400px;
  width: 100%;
  object-fit:cover;
}
.cou-main .welcome-title{
  position: absolute;
  top: 270px;
  -bottom: 50px;
  -left: 15px;
  right: 0;
  -display: inline-block;
  width: 100%;
  -padding-right: 49px;
   transition: 1s;
}

    .cou-main .welcome-title h3 {
        position: relative;
        font-size: 16px;
        color: #fefefe;
        text-transform: capitalize;
        line-height: 24px;
        letter-spacing: 0.48px;
        font-family: "Montserrat", sans-serif;
        padding-left: 30px;
        padding-top: 15px;
        padding-bottom: 15px;
        margin: 0;
        background-color: #623480;
        -border-right: 2px solid #fff;
        -height:100px;
    }
.cou-main .welcome-content{
background-color: #623480;
-border-right: 2px solid #fff;
-left: 15px;
-right: 15px;
padding-bottom: 5px;
padding-left: 30px;
padding-right: 55px;
position: absolute;
right: 0;
top: 85px;
opacity: 0;
height: 0;
overflow: hidden;
 transition: 1s;
}

.cou-main .welcome-box:hover h3{
    height:100px;
}
.welcome-content > span {
    color: #ff3d00;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0.6px;
    text-transform: capitalize;
    display: block;
    margin-bottom: 5px;
}

.welcome-content p {
    font-size: 14px;
    color: #bbb;
    line-height: 22px;
    letter-spacing: 0.24px;
    text-align: justify;

}

.welcome-content .course-detail {
    padding-left: 0;
    margin-bottom: 15px;  
}

.welcome-content .course-detail li {
     display: inline-block;
    color: #fff;
    font-size: 14px;
    line-height: 24px;
    width: 100%;
    margin-bottom: 8px;
    font-weight: 300;
    text-transform: capitalize;
}

.welcome-content .course-detail li  i {
    margin-right: 10px;
}
.welcome-content .rating{
  margin-top: -15px;
}
.welcome-content .rating li{
  display:inline-block;
  color:#ff3d00;
  position: relative;
  top: 0;
  left: 0px;
  letter-spacing: 4.48px;
    
}
.welcome-content a {
    border: 2px solid #b78522;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 12px;
    padding: 9px 22px;
    background-color: #b78522;
    color: #fff;
    font-weight: 600;
    position: relative;
    top: 6px;
    transition: 0.5s;
}
.welcome-content a:hover{
  background-color: rgba(54, 53, 51, 0.95);
  color:#fff;
  transition: 0.5s;
}

.welcome-box:hover .welcome-title{
  position:absolute;
   top:10px;
   transition: 1s;

}
.welcome-box:hover .welcome-content{
  height: 310px;
  opacity: 1;
   transition: 1s;

}


.excellence{
  -border: 1px solid red;
   background-color: rgba(242,242,242,0.5); 
}

.excellence .title{
  color: #ff3d00;
  padding-bottom: 20px;
  font-size: 28px;
  font-weight: 600;
}
.excellence .exce-info{
  padding: 20px;
}
.excellence .exce-info p{
  font-size: 16px;
    line-height: 25px;
    color: #aaaaaa;
    text-align: justify;
}
.excellence .cou-offer{
  padding: 20px;
}


.cou-offer .standard-arrow li, .standard-number-list li {
    position: relative;
    padding-left: 24px;
    margin-bottom: 10px;
    list-style: none;
}
.cou-offer .standard-number-list li::before, .standard-arrow li::before {
    color: #fff;
    background-color: #ff3d00;
}
.cou-offer .standard-number-list li::before, .standard-number-list.list-divider li:first-child::before, .standard-arrow li::before {
    -webkit-border-radius: 50%;
    border-radius: 50%;
}
.cou-offer .standard-arrow li::before, .standard-arrow li::after {
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -7px;
    width: 13px;
    height: 13px;
    content: "";
    background-position: 0 center;
    background-repeat: no-repeat;
    background-size: 13px 13px;
}
.cou-offer .standard-arrow li::after {
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='13px' height='13px' viewBox='0 0 13 13' enable-background='new 0 0 13 13' fill='white' xml:space='preserve'%3E%3Cpolygon points='5.159,2.802 8.841,6.57 5.314,10.291 4.237,9.254 6.897,6.51 4.159,3.833 '/%3E%3C/svg%3E");
}
.cou-offer .standard-arrow li p{
  font: normal 14px / 25px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
word-spacing: normal;
color: #aaaaaa;

}


/*<courses compalated>*/

/*news stat*/
.news .main-news{
  margin-bottom: 10px;
}
/*news compalted*/

.fac-main{
  background-color:#f1f1f1;
  padding: 30px 20px;
}
    .fac-main h5 {
        padding: 5px;
        font-size: 16px;
        line-height: 25px;
    }

    .fac-main ul li{
        overflow:auto;
    }
    .fac-main ul li img{
        width:100px;float:left;margin-right:15px;
        height:100px;
    }
        .fac-main ul li span {
            font-weight: bold;
            color: maroon;
        }
        .fac-main ul li p {
            margin:0;
        }


.fac-txt{
  margin-bottom: 30px !important;
}
.fac-txt .team{
  border: 1px solid #ddd;
  background-color:#fff;
}
    .fac-txt .thumb img {
        height: 200px;
        width: 100%;object-fit:contain;
        border-bottom: 1px solid #eeeeee;
    }
.fac-txt .content{
  border-bottom: 2px solid #023473  !important;
padding: 15px !important;
background-color: rgba(242,242,242,0.5);
  -min-height:220px;text-align:center;

}
.fac-txt .content h4{
  color: #333;
letter-spacing: 2px;
font-size: 17px;
margin: 0;
padding-bottom: 10px;
font-weight: 100;
}
.fac-txt .content span{
  font-weight: normal;
line-height: 27px;
display: block;
color: orangered;
font-size: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}

.fac-txt .content .styled-icon{
  -border:1px solid red;
  padding-left: 0px !important;
  list-style: none;
  display: block;
  margin-top: 20px;

}
.fac-txt .content .styled-icon li{
  display: inline-block;
  -border:1px solid red;
  height: 30px;
  width:30px;
  border-radius: 50px;
  margin-right: 10px;
  text-align: center;
  transition: 0.3s;
  outline:none;
}

    .fac-txt .content .styled-icon .facebook {
        background-color: #3b5998;
    }

    .fac-txt .content .styled-icon .twitter {
        background-color: #0084b4;
    }

    .fac-txt .content .styled-icon .google {
        background-color: #C44B41;
    }

.fac-txt .content .styled-icon .facebook:hover{
  background-color: #3b5998;
  color: #fff;
  transition: 0.3s;
}
.fac-txt .content .styled-icon .twitter:hover{
  background-color: #0084b4;
  color: #fff;
  transition: 0.3s;
}
.fac-txt .content .styled-icon .google:hover{
  background-color: #C44B41;
  color: #fff;
  transition: 0.3s;
}

.fac-txt .content .styled-icon li a i{
  color: #fff;
  padding-top: 8px;
  outline:none; 
}
    .fac-txt .content .btn {
        color: #ff3d00;
        -background-color: #ff3d00;
        -border-color: #ff3d00;
        font-size: 14px;
        -padding: 5px 12px;
        -margin-top: 20px;
        transition: 0.3s;
        outline: none;
    }



.modal-backdrop.in {
    -opacity: 0;
}

.fac-main .modal {
    top: 50px !important;
    overflow:visible !important;
}

.fac-main .modal-dialog {
    width: 700px;
    margin: 0px auto 10px;
}

.fac-main .modal-header {
    padding:0;border:none;
}

    .fac-main .modal-dialog .modal-content {
        text-align: center;
        -border: 5px solid #1d5899;
        border-radius: 15px;
        box-shadow: -12px 12px 1px rgba(0, 0,0,0.2);
        position: relative;
        z-index: 1;
    }

        .fac-main .modal-dialog .modal-content:before,
        .fac-main .modal-dialog .modal-content:after {
            content: "";
            -background: linear-gradient(-32deg, #507fb2 49%,#39699E 50%);
            width: 100%;
            height: 75%;
            border-radius: 12px 12px 0 0;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
        }

        .fac-main .modal-dialog .modal-content:after {
            background: #FFB300;
            width: 25px;
            height: 25px;
            border-radius: 0;
            transform: translateX(-50%) rotate(45deg);
            left: 50%;
            bottom: 100px;
            top: auto;display:none;
        }

        .fac-main .modal-dialog .modal-content .close {
            color: #fff;
            background-color: #623480;
            font-size: 20px;
            line-height: 30px;
            height: 40px;
            width: 40px;
            -border: 3px solid #1d5899;
            border-radius: 50%;
            box-shadow: -5px 5px 1px rgba(0, 0, 0, 0.1);
            opacity: 1;
            position: absolute;
            left: auto;
            right: -15px;
            top: -8px;
            z-index: 1;
            transition: all 0.3s;
        }

.modal-fac-img {
    height: 250px;
    width: 250px;
    object-fit: cover;
    border-radius: 50%;
    margin-inline: auto;
    margin-bottom:20px;
}
        }
            /*.fac-main .modal-dialog .modal-content .close:hover {
                color: #fff;
                background-color: #4D4D4D;
                border: 3px solid #262628;
            }*/

        .fac-main .modal-dialog .modal-content .modal-body {
            padding: 20px 20px 30px !important;
        }

            .fac-main .modal-dialog .modal-content .modal-body .icon {
                color: #3E3E40;
                -background: #fff;
                font-size: 80px;
                font-weight: 600;
                text-align: center;
                line-height: 140px;
                height: 100px;
                width: 100px;
                margin: 0 auto 20px;
                /*-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
                clip-path: polygon(50% 0%, 0% 100%, 100% 100%);*/
            }

            .fac-main .modal-dialog .modal-content .modal-body .title {
                color: #fff;
                font-family: 'Archivo Black', sans-serif;
                font-size: 25px;
                text-transform: capitalize;
                margin: 0 0 5px 0;
            }

            .fac-main .modal-dialog .modal-content .modal-body .description {
                color: rgba(255,255,255,.85);
                font-size: 15px;
                margin: 0 0 60px;
            }

            .fac-main .modal-dialog .modal-content .modal-body .subscribe {
                color: #fff;
                background: #1d5899;
                font-size: 18px;
                padding: 8px 40px;
                font-weight: 500;
                text-transform: uppercase;
                margin: 0 auto;
                border: 3px solid #174677;
                box-shadow: -5px 5px 1px rgba(0,0,0,0.3);
                border-radius: 8px;
                display: block;
                transition: all 0.3s;
            }

               

@media only screen and (max-width: 576px) {
    .modal-dialog {
        width: 96% !important;
    }
}

/*<courses page complated*/

/*<contact page start>*/
.contact{
  -border: 1px solid red;
  padding: 50px 20px 30px;
}
.contact-info {
    border: 1px solid #ddd;
    background: #fff;
    padding: 0px 20px;
    transition: 0.4s;
    text-align: center;
    height: 180px;
    border-bottom-width: 1px;
    border-radius: 10px;
}

.contact-form input[type="text"], input[type="number"], input[type="email"] {
    height: 45px;
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: none;
}
.contact-form textarea {
    border-radius: 0;
    border: 1px solid #ddd;
    box-shadow: none;
}

.info-icon {
    color: #fff;
    font-size: 37px;
    height: 70px;
    left: 0;
    text-align: center;
    line-height: 74px;
    margin: auto;
    position: relative;
    transform: translateY(-13px);
    -webkit-transform: translateY(-13px);
    -moz-transform: translateY(-13px);
    -ms-transform: translateY(-13px);
    -o-transform: translateY(-13px);
    width: 70px;
}
.bg-dark {
    background-color: #623480;
    -background-color: rgba(231,152,0,0.8);
}
.info-icon::after {
    border-right: 10px solid #2d3e50;
    border-top: 13px solid transparent;
    content: "";
    left: -10px;
    position: absolute;
}

.contact-info h5 {
    font-size: 20px;
    line-height: 27px;
    margin: 0 0 5px 0;
    color: #262626;
font-weight: bold;
}

.contact-panel{
  background-color: rgba(242,242,242,0.2);
  padding-top: 20px;
  padding-bottom: 20px;
}

    .contact-panel .title-wrap h4 {
        font-size: 27px;
        font-weight: 600;
        color: #2d3e50;
        padding-bottom: 5px;
    }

    .contact-panel .contact-form .btn {
        background-color: #623480;
        padding: 8px 15px;
        border-radius: 2px;
        color: #fff;
    }


.ifarme .map {
    width: 100%;
    height: 360px;
    margin-top: 15px;
    border:1px solid #ddd;
    padding:5px;
}


.FAQ{
  -border: 1px solid red;
  background-color: rgba(242,242,242,0.2);
  padding-top: 30px;
  padding-bottom: 30px;
}

.FAQ .list-group-item:nth-child(even){
    background-color:#fbfbfb;
}

.FAQ .list-group h4{padding-bottom:10px;font-size:21px;}
    .FAQ .list-group p {
        font-size:15px;line-height:25px;-font-weight:bold;color:cornflowerblue;position:relative;
        padding-left:20px;
    }
    .FAQ .list-group .badge {
        padding: 4px;
        border-radius: 3px;
        background-color: #DA0223;
    }
    .FAQ .list-group p:before {
        content: '\f138 ';
        font-family:fontawesome;
        position:absolute;
        left:0;
    }

#accordion .panel{
    border: none;
    box-shadow: none;
    border-radius: 0;
    margin-bottom: 15px;
}
#accordion .panel-heading{
    padding: 0;
    border-radius:0;
    border: none;
}
#accordion .panel-title a{
    display: block;
    padding: 20px 30px 20px 70px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #023473;
    position: relative;
    overflow: hidden;
    transition: all 0.5s ease 0s;
    outline: none;
    border-radius: 5px 5px 0 0;
}
#accordion .panel-title a.collapsed{
    background: #ddd;
    color: #1e4276;
    outline:none;
}
#accordion .panel-title a.collapsed:hover{
    color: #023473;
}
#accordion .panel-title a:before{
    content: "";
    width: 55px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    position: absolute;
    top: 0;
    left: -13px;
    -transform: skewX(-25deg);
    transition: all 0.5s ease 0s;
}
#accordion .panel-title a.collapsed:hover:before{
    background: #023473;
}
#accordion .panel-title a:after{
    content: "\f047";
    font-family: FontAwesome;
    position: absolute;
    left: 10px;
    top: 50%;
    color: #fff;
    transform: translateY(-50%);
}
#accordion .panel-title a.collapsed:after{
    color: #9f9f9f;
}
#accordion .panel-title a.collapsed:hover:after{
    color: #fff;
}
#accordion .panel-body{
    font-size: 14px;
    color: #5a3245;
    line-height: 25px;
    padding: 20px 15px 20px 40px;
    position: relative;
    border: none;
    position: relative;
    transition: all 0.5s ease 0s;background-color: #ddd;
}
#accordion .panel-body:before{
    content: "";
    width: 3px;
    height: 20px;
    background: #ff3d00;
    position: absolute;
    left: 8px;
    transform: rotate(90deg);
    top: 24px;
}
#accordion .panel-body p{
    margin-bottom: 0;
    text-transform: capitalize;
    color: #333;
    line-height: 26px;
}
#accordion .panel-body a{
  -border:1px solid red;
  display: block;
  padding-bottom: 7px;
  font-size: 15px;
  outline:none;
} 
#accordion .panel-body ul li{
  list-style: none;
  color: #333;
    line-height: 26px;

}
#accordion .panel-body ul li::before {
    content: '\f046';
    font-family: 'FontAwesome';
    margin-right: 4px; 
}
#accordion .panel-body ul li span{
  padding-left: 35px;
  font-size: 14px;
  color: #333;
}
#accordion .panel-body ul li span::before {
    content: '\f111';
    font-family: 'FontAwesome';
    font-size: 10px;
   position: absolute;
   left: 60px;  
}

/*<newsdetails page start>*/

.newsdetails{
  padding: 30px 20px;
  background-color: #f8f8f8;
}
.newsdetails .detailsmain {
  background-color: #fff;
  border: 1px solid #ddd;
  box-shadow:0 1px 2px silver;
}
.newsdetails .detailsmain .detailbgimg img{
  height: 450px;
  width: 100%;
}
.newsdetails .detailsmain .contant .post-date{
    min-width:28px;
    min-height:28px;
    line-height: 28px;
    text-align: center;
    background: #444444;
    position: absolute;
    left: 30px;
    top: 420px;
}
.newsdetails .detailsmain .contant{
  padding: 20px;
}
.newsdetails .detailsmain .contant .post-date .month{
    display: block;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    padding: 0 10px;
    background: #b78522;;
    text-transform: uppercase;
}
.newsdetails .detailsmain .contant .post-date .date{
    color: #fff;
    font-size: 14px;
}

.newsdetails .detailsmain .contant .post-title{
    margin: 0px 0px 10px 0px;
}
    .newsdetails .detailsmain .contant .post-title a {
        color :#623480;
        font-size: 22px;
        text-transform: capitalize;
        transition: all 0.50s ease 0s;
    }
.newsdetails .detailsmain .contant .post-title a:hover{
    color:#333;
    text-decoration: none;
}
.newsdetails .detailsmain .contant .post-description{
    color: #838383;
    font-size: 14px;
    line-height: 24px;
}
.newsdetails .newpostmain{
  -border: 1px solid red;
}
.newsdetails .newpostmain .widget {
  margin-bottom: 30px;
}
    .newsdetails .newpostmain .widget h4 {
        font-size: 18px;
        font-weight: bold;
        text-transform: uppercase;
        padding-bottom: 10px;
        margin-bottom: 15px;
        border-bottom: 2px dashed #623480;
        letter-spacing: 2px;
        color: #623480;
    }

.newsdetails .newpostmain .widget ul li {
    display: block;
    float: none;
    color: #353535;
    position: relative;
    padding-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #afafaf;
    margin-bottom: 10px;
}
.newsdetails .newpostmain .widget ul li::before {
    content: '\f105';
    font-family: 'FontAwesome';
    position: absolute;
    color: #353535;
    top: 1px;
    left: 3px;
}

.newsdetails .newpostmain .widget ul li a {
    color: #353535;
    font-size: 13px;
}

.newsdetails .commment{
   background-color: #fff;
  border: 1px solid #f1f1f1;
  margin-top: 30px;
  margin-bottom: 40px;
  padding: 20px;
}
.newsdetails .commment .title{
  color: #ff3d00;
  border-bottom: 2px solid #ff3d00;
   padding-bottom: 10px;
   -text-transform: capitalize;
   letter-spacing: 2px;
}
.newsdetails .commment .contact-form{ margin-top:15px;}
.newsdetails .commment .contact-form .textarea{ min-height:220px; resize:none;}
.newsdetails .commment .form-control{ box-shadow:none; border-color:#eee; height:49px;}
.newsdetails .commment .form-control:focus{ box-shadow:none; border-color:#ff3d00;}
.newsdetails .commment .form-control-feedback{ line-height:50px;}
.newsdetails .commment .main-btn{ background:#ff3d00; border-color:#ff3d00; color:#fff;}
.newsdetails .commment .main-btn:hover{ background:#ff3d00;color:#fff;}
.newsdetails .commment .form-control-feedback {
line-height: 50px;
top: 0px;
}



/*<faculty Model>*/

.fac-main .modal .modal-content .po-img img{
  height: 300px;
  width: 100%;
}
.fac-main .modal .modal-content .po-text h3{
    font-size: 15px;
color: #023473;margin: 0;
padding-bottom: 5px;
}

.fac-main .modal .modal-content .po-text p{
    font-size: 17px;
    border-bottom:1px solid #ddd;padding-bottom:3px;margin-bottom:5px;
}


/*<view more button css>*/

.btn-center{
    display:block;
    text-align:center;
}

.viewmore {
    color: #fff;
    border-radius: 5px;
    background: #ff3d00;
    border: none;
    -float: right;
    -margin-right: 20px;
    padding: 10px 30px 10px 30px;
    border-bottom: 3px solid #ce3304;
    font-size: 16px;
}
.viewmore:after{
    content: "\f18e";
    font-family: 'FontAwesome';
    margin-left: 10px;
    font-size: 16px;
}


/*<event Viewmore>*/

.newsdetails .detailsmain .contant .event-meta {
    list-style: none outside none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    color: #606060;
}
.newsdetails .detailsmain .contant .event-meta li {
    margin: 10px 0;
    display: inline-block;
}

.newsdetails .detailsmain .contant .event-meta li i {
    color: #ff3d00;
    margin-left: 10px;
    margin-right: 10px;
}

/*<event content>*/

.megaimg{
    -border:1px solid red;
}
.gallery .megaimg img {
    height: 200px;
    width: 100%;
}













@media screen and (max-width: 480px){

   
    .about {
        padding: 30px 0px;
    }
    .m-w-100{width:100%;}
    .fac-main .list-group h4{font-size:15px;}
    .fac-main .modal-dialog .modal-content .modal-body .title {
        font-size: 15px;
        margin: 0 0 8px 0;
        font-weight: bold;
    }
    .fac-main .modal {
        top: 10px !important;
    }
    .fac-main .modal-dialog .modal-content .modal-body .description{font-size:13px;}
    .fac-main .modal-dialog .modal-content::before, .fac-main .modal-dialog .modal-content::after
    {
        height:80%;
    }

    .activities {
        padding: 30px 0px !important;
    }
.newsdetails .detailsmain .detailbgimg img{
  height: auto !important;
  width: 100%;
}

.first-header .contct_2{
  display: none;
}

.first-header .login_wrap{
 float: none;
}

    .first-header .login_wrap li a {
        background: transparent !important;
    }

.first-header .top_nav li a{
  font-size: 12px;
  padding: 10px 3px 10px;
}
.navbar-header {
    padding: 0px;
}
    .navbar-header .navbar-brand img {
        height: 80px;
        margin-top: 35px;
        margin-left: -14px;
        background-color:transparent;
    }
.navbar-right {
    float: none !important;
    margin-right: -15px !important;
    margin-top: 10px;
}


    .nav > li {
        display: block;
        text-align: left;
    }
    ul.dropdown-menu.inner-submenu {
        display: block;
        padding-left: 25px;
    }

.carousel-inner img {
    width: 100%;
    height: 180px !important;
}
.carousel-indicators {
    position: absolute;
    top:45px;
}
.second-part {
    -border: 1px solid red;
    padding-top: 10px;
    padding-bottom: 10px;
}
.second-part {
    -border: 1px solid red;
    padding-top: 10px;
    padding-bottom: 10px;
}
.ab-header h2{
 font-size: 19px;
}
.second-part .ab-header h4{
  font-size: 15px;
margin-top: 10px;
margin-bottom: 10px;
}
.second-part .ab-header p{
  font-size: 12px;
}
.second-part .ab-header .btn{
  padding: 7px 18px;
font-size: 13px;
border-radius: 2px;
margin-top: 5px;
margin-bottom: 30px;
}
.second-part .ab-img img {
    height: 200px;
    width: 100%;
}
.ser-box {  
    padding-top: 20px;
    padding-bottom: 0px;
}
.ser-box .educare-service-box{
  margin-bottom: 25px;
}

.course{
  padding-top: 0px;
  padding-bottom: 0px;
}

.Teachers{
  padding-top: 30px;
  padding-bottom: 30px !important;
}
.Teachers img{width:100%;margin-bottom:20px;}
.Teachers .btn{margin-bottom:10px;}
.news {
    padding:30px 0;
}
.EVENTS {
    -padding-top: 0px;
    -padding-bottom: 0px;
    -border:1px solid red;
}
.event-img {
    position:relative;
}
    .overlay-date {
        background-color: #fff;
        padding: 3px 10px;
        border-radius: 50px;
        position: absolute;
        right: 20px;
        bottom: 15px;color:#333;
    }
    .EVENTS .event-wrap .event-img img {
        height: 185px;
        width: 100%;
    }
.EVENTS .event-details {
    padding: 15px 20px 20px;
}   

.gallery {
    padding-top: 0px;
    padding-bottom: 0px;
}
.gallery .box img {
    height: 220px;
    width: 100%;
}
.testi {
    padding-top: 0px;
    padding-bottom: 0px;
}
.footer {
    padding-top: 15px;
    padding-bottom: 15px;
}
.footer .ft-abo p {
    font-size: 13px;
    line-height: 23px;
}
.footer .ft-abo .btn{
  padding: 8px 23px;
margin-top: 8px;
font-size: 14px;
}
.footer .address {
  font-size: 13px;
} 
.footer .az-inline {
    font-size: 13px;
}
.lt-footer .copy-right .copyright-info {
    float: left;
    line-height: 25px;
    font-size: 12px;
}
.lt-footer .social-icons{
  display: none;
}

a.back-to-top{
  width: 40px;
height: 40px;
}


.count-main{
  padding-top: 0px;
padding-bottom: 0px;
}

.count-main .count i {
    font-size: 32px;
    padding-bottom: 5px;
}
.count-main .count .counter{
  font-size: 19px;
}
.count-main .count .plus {
    font-size: 16px;
    padding-left: 4px;
}
.count-main .count h4 {
    font-size: 9px;
}

    .ftr-logo {
        width: 70px;
      /*  position: absolute;
        right: 20px;
        bottom: 20px;*/
    }

/*<about page start>*/


.kf_inr_banner{
  padding: 5px !important;
  margin-bottom: 20px;
}
.kf_inr_ban_des h3{
  font-size: 19px;
}
.kf_inr_ban_des{
  padding-top: 25px;
}
.kf_inr_breadcrumb .breadcrumb li, .kf_inr_breadcrumb ul li
{
  padding: 0px !important;
}
.kf_inr_breadcrumb .breadcrumb li a, .kf_inr_breadcrumb .breadcrumb li strong, .kf_inr_breadcrumb ul li a {
    font-size: 12px;
}
.about .aboutus h3 {
    font-size: 22px;
    margin-bottom: 10px;
}
.about .aboutus p {
    font-size: 13px;
    line-height: 23px;
}
.main-timeline .title {
    font-size: 18px;
}
.mision{
  padding: 15px;
}
.main-timeline .description {
    font-size: 13px;
}

.history{
  padding-top: 0px;
  padding-bottom: 0px;
}
.history .histo-info h3 {
    font-size: 22px;
    margin-bottom: 11px;
}
.history .histo-info p {
    font-size: 13px;
    line-height: 23px;
}

.welcome-box img {
    height: 330px;
    width: 100%;
}
.cou-main .welcome-title h3{
  font-size: 15px;
  padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.cou-main .welcome-content{
  left: 15px;
  margin-right: 34px;
padding-bottom: 0px;
padding-left: 18px;
padding-right: 20px;
position: absolute;
right: 0;
top: 54px;
}
.welcome-content > span{
  font-size: 10px;
line-height: 14px;
margin-bottom: 3px;
}

.welcome-content p {
    font-size: 12px;
    line-height: 20px;
}
.welcome-box:hover .welcome-content {
    height: 271px;
    opacity: 1;
    transition: 1s;
}
.welcome-box .persoal{
  position: absolute;
top: 401px;
}
.welcome-box .persoal1{
position: absolute;
top: 100px;
}
.welcome-box:hover .persoal{
    position: absolute;
    top: 40px !important;
    transition: 1s;
}
.welcome-content .course-detail li{
  font-size: 11px;
line-height: 0px;
}
.welcome-content a{
  font-size: 11px;
padding: 7px 10px;
}
.excellence .exce-info {
    padding: 0px;
}
.excellence .title {
    padding-bottom: 0px;
    font-size: 18px;
}
.excellence .exce-info p {
    font-size: 13px;
    line-height: 22px;
}
.excellence .cou-offer {
    padding: 0px;
}
.cou-offer .standard-arrow li p {
    font: normal 13px / 25px "Open Sans", Helvetica, Arial, Verdana, sans-serif;
}
.cou-offer .standard-arrow li::before, .standard-arrow li::after {
    margin-top: -5px;
}
.EVENTS .personal{
  -margin-top: 135px !important;
}
.gallery .personal{
 -margin-top: 135px !important;
}
.contact .personal{
  margin-top: 5px !important;
}
.contact .contact-info{
  margin-bottom: 30px;
}
    .contact {
        padding: 50px 0 10px;
    }
.contact-panel .contact-form{
  padding-bottom: 30px !important;
}
.ifarme .map {
    width: 100%;
    height: 250px;
}
.news .mediaquery{
-margin-top: 129px !important;
}

.FAQ .heading{
  margin-top: 100px;
}

.navbar-toggle{-float:none;background-color:transparent;border:none;color:#fff;font-weight:bold;}
    .navbar-toggle:hover, .navbar-toggle:focus {
        background-color: transparent !important;
        border: none !important;
        color: #fff;
    }
#accordion .panel-title a{
    padding: 11px 20px 11px 60px;
    font-size: 12px;
}
#accordion .panel-body a {
    padding-bottom: 2px;
    font-size: 12px;
}
.personal{
  -margin-top: 100px !important;
}
.newsdetails .detailsmain{
    margin-bottom:20px;
}

}


@media (min-width:768px) and (max-width:990px) {

    .first-header .top_nav li a {
        font-size: 12px;
        padding: 10px 10px 8px;
    }

    .first-header .contct_2 {
        font-size: 12px;
    }

    .navbar-header {
        padding: 8px;
    }

    .nav > li > a {
        position: relative;
        display: block;
        padding: 5px 10px;
        font-size: 10px;
    }

    .navbar-header .navbar-brand img {
        height: 36px;
        margin-top: -8px;
        margin-left: -13px;
    }

    .navbar-right {
        float: none;
        margin-right: 15px;
        margin-top: 16px;
    }

    .container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
        margin-right: -30px;
        margin-left: 0;
    }

    .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {
        margin-left: -20px;
        -padding: 0px !important;
    }

    .carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
        display: block;
        width: 100%;
        height: 260px;
    }

    .ab-header h2 {
        font-size: 21px;
    }

    .second-part .ab-header h4 {
        font-size: 16px;
        margin-top: 13px;
        margin-bottom: 10px;
    }

    .second-part .ab-header p {
        font-size: 13px;
    }

    .second-part .ab-img img {
        height: 240px;
        width: 100%;
    }

    .second-part .ab-img {
        margin-top: 50px;
    }

    .wpb_wrapper {
        margin-bottom: 20px;
    }

    .footer .ft-abo p {
        font-size: 12px;
        line-height: 21px;
    }

    .footer .azen-list-title {
        font-size: 16px;
        margin-top: 25px;
        margin-bottom: 30px;
    }

    .footer .azen-fotter-list .azen-list-content > span a {
        font-size: 12px;
    }

        .footer .azen-fotter-list .azen-list-content > span a::before {
            position: absolute;
            font-size: 6px;
            top: 7px;
            left: 0;
        }

    .azen-fotter-list .azen-list-content > span a::after {
        font-size: 14px;
        top: 2px;
    }

    .footer .address {
        font-size: 11px;
        color: #aaaaaa;
        padding-left: 8px;
        display: inline-block;
    }

    .footer .az-inline {
        font-size: 10px;
        color: #ff3d00;
        padding-left: 10px;
    }
}



/********yusee new css********/


.top-border {
    border: 3px solid #623480;
}


.top-header {
    
    padding-block: 15px;
    background-color: #fff;
    -background: linear-gradient(to right,rgba(45, 62, 80,.8),rgba(45, 62, 80,.9)),url('../image/banner.jpg');
    background-position-x: 0%, 0%;
    background-position-y: 0%, 0%;
    background-size: auto, auto;
    background-size: cover;
    background-position: right;
}

    .top-header h1 {
        font-size: 30px;
        color: #623480;
        margin: 0 0 10px;
        font-weight: bold;
    }

.top-header .college-name p{font-size:14px;padding-bottom:3px;color:grey;margin:0;}
    .top-header .college-name h6 {
        font-size: 15px;
        padding-bottom: 3px;
        color: yellow;
    }
.top-header .logo{
	width:100px;margin-right:15px;
}

.top-header .p-l-0{padding-left:0;}


.logo-with-name{
    display:flex;
    align-items:center;
}
.top-header .icon {
    -border: 1px solid red;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    background: #b78522;
    color: #fff;
    flex-shrink: 0;
    margin-right: 15px;
}
.icon i{
    font-size:25px;
}
.d-flex{
    display:flex;
    align-items:center;
}
.align-items-center{
    align-items:center;
}
.college-address h6 {
    font-size: 18px;
    line-height: 1.4;
}

.nacc-approval {
    width: 110px;
    border-radius: 3px;
    margin-bottom: 10px;
    margin-top: -7px;
}

.iqac{
    position: fixed;
    bottom: 250px;
    transform: rotate(90deg);
    left: -30px;
    background-color: #023473;
    color: #fff;
    font-weight: bold;
    width: 100px;
    letter-spacing:1px;
    text-align: center;
    z-index:999;
    border-radius: 5px 5px 0 0;
    animation: blink 1s linear infinite;
    font-weight: bold;
}

.iqac h4 a{color:#fff;display:block;padding: 0px 20px;}

@keyframes blink{
0%{background-color: #023473;}
50%{background-color: orangered;}
100%{background-color: orangered;}
}

.feedback{
    -border: 1px solid red;
    padding: 0px 15px;
    position: absolute;
    top: 0;
    right: 30px;
    border-radius: 0 0 5px 5px;
    background-color: #023473;
    color: #fff;
}
.feedback h4 a {
    color:#fff;font-size:13px;
}


.call{
	font-size: 16px;
    color: #333;
    border: 1px solid #023473;
    padding: 7px 7px 7px 38px;position:relative;border-radius:5px;
    background-color:#f5f5f5;margin-left:0px;display:inline-block;
}

.call i{
    font-size: 30px;
    position: absolute;
    top: 5px;left:10px;
}
.scp-icon-bullet-text-icon{float:left;}

.new-slider-part
{
    padding:0px 0;background-color:#fbfbfb;
}
.banner {
    -background: rgba(226, 234, 242,.1);
    background: radial-gradient(#623480,#fff 150%);
    border-radius: 3px;
    padding: 0;
    overflow: hidden;
    position: relative;
    display: block;
    min-height: 75px;
    transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -moz-transition: background 0.3s;
    margin-bottom: 20px;
    border: 5px solid #623480;
    -box-shadow: 0 0px 2px silver;
}

    .banner h4 {
        color: #fff !important;
        background-color: #623480;
        padding: 15px 12px;
        font-weight: 900;
        -text-align: center;
        text-transform: uppercase;
        margin: 0;
        white-space: nowrap;
        transition: color 0.2s;
        -webkit-transition: color 0.2s;
        -moz-transition: color 0.2s;
        border-bottom: 1px solid rgba(255,255,255,.2);
        border-radius: 0px;
    }

    /*.banner .notification-section {
        height: 240px;
        line-height: 30px;
        overflow: Hidden;
    }*/
.banner .notification-section .notifications li{
    padding:7px 15px 7px 35px;position:relative;
}

    .banner .notification-section .notifications li:before {
        content: '\f178 ';
        font-family: 'fontawesome';
        margin-right: 3px;
        color: #fff;
        position: absolute;
        left: 15px;
    }

.banner .notification-section .notifications.event-gallery li:before{
   content:' ';
   font-family:'fontawesome';
   margin-right:0px;color:#FF3D00;
   position:static !important;
   left:0px !important;
}
.banner .notification-section .notifications.event-gallery li{
    padding:15px;margin-bottom:10px;
}

    .banner .notification-section .notifications li a {
        color: #fff;
        font-weight: 100;
        font-family: Verdana;
    }

.banner .notification-section .notifications li img{
    
    width: 100%;
}

.banner .notification-section .notifications li .btm-img{
    padding:10px;background-color:#ddd;
}

.banner .notification-section .notifications li  h5{
   color:#274472;font-size:18px;margin:0;
}

.banner .notification-section .notifications li span{
    color: #FF3D00;
    display: block;
    padding: 5px 0;
    font-size: 11px;
    font-weight: 200;
}

.image-banner a {
    background: #63b2f5;
    color: #fff;
    text-align: center;
    padding: 0;
    padding-bottom: 0px;
    padding-bottom: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-bottom: 1px solid #579dd9;
    display: block;
    transition: background 0.3s, border 0.3s;
    -webkit-transition: background 0.3s, border 0.3s;
    -moz-transition: background 0.3s, border 0.3s;margin-bottom:10px;
}

.image-banner img {
    width: 100%;
    border-bottom: 1px solid #80bff0;
}

.image-banner h3 {
    margin: 15px 0 0;
    font-weight: 700;
    color: #fff;
}
.image-banner .button.transparent {
    padding: 0;
    font-size: 13px;
}
.image-banner .button {
    border: none;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    font-size: 13px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus{
    color:#fff !important;
    background-color:transparent !important;
}


.about-college h3 {
    text-transform: uppercase;
    font-weight: bold;
    margin: 0;
    padding-bottom: 10px;
    line-height: 1.5;
}

.about-college p {
    color: grey;
    text-align: justify;
    font-size: 17px;
    line-height: 30px;
}
.about-college h6 {
    font-size: 17px;
    margin: 0;
    line-height: 25px;
    color: grey;
}
.about-college ul {
    padding-left: 0px;
}

    .about-college ul li {
        -border: 1px solid red;
        padding: 5px;
        font-size: 16px;
        color: grey;
        list-style:none;
    }

.about-college .v-m {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -9;
    opacity: .1;
}

.about-college .btn-default{
    margin-bottom:10px;
}

.blg
{
    border:2px solid #274472;
    padding:20px 0 0;
    text-align:center;
    background-color:#fff;
    -box-shadow:0 2px 3px silver;margin-bottom:20px;
    border-radius:4px;
}

.blg img{width:120px;}
.blg h4{
    margin: 20px 0 0;
padding: 17px;border-top:1px solid #ddd;
background-color: #f1f1f1;
}

.blg h4 a{
    color: #274472;
font-weight: bold;
}

.event-gallery .post-slide{
    position:relative;
    padding-right:14px;
}
.event-gallery  .post-slide .post-img{
    position: relative;
}
.event-gallery .post-slide .overlay{
    background: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    transition: opacity 0.2s ease 0s;
}
.event-gallery .post-slide  .post-img:hover .overlay{
    opacity:1;
}
.event-gallery .post-slide .overlay > i{
    position: absolute;
    top:40%;
    left: 45%;
    opacity:0;
    color:#e74c3c;
    transform:translate(-50%, -50%) scale(8);
    transition:transform 0.40s linear, opacity 0.40s linear;
}
.event-gallery .post-slide .overlay:hover i{
    transform: translate(50%,50%) scale(2);
    opacity:1;
}
.event-gallery .post-slide .post-review{
    padding:17px 17px 17px 5px;
    background: #fff;
}
.event-gallery .post-slide .post-comment{
    float:left;
    margin:0;
    padding:7px 0 0 0;
    line-height:1;
    text-align:center;
}
.event-gallery .post-slide .post-comment li{
    list-style:none;
    margin-left: 15px;
    font-size:26px;
    color:darkgray;
    font-weight:700;
}
.event-gallery .post-slide:hover .post-comment li{
    color:#e74c3c;
}
.event-gallery .post-slide .post-comment li small{
    display:block;
    margin-bottom:10px;
    font-size: 13px;
    text-transform: capitalize;
}
.event-gallery .post-slide .post-comment li a,
.event-gallery .post-slide:hover .post-comment li small{
    color:darkgray;
}
.event-gallery .post-slide .post-comment li:after{
    content: "";
    border-bottom:1px solid lightgray;
    margin-bottom:10px;
    display: block;
}
.event-gallery .post-slide .post-comment li:last-child:after{
    border-bottom: 0px none;
    margin-bottom: 0;
}
.event-gallery .post-slide .post-title{
    margin: 0;
    padding: 0 0 0 70px;
}
.event-gallery .post-slide .post-title > a{
    font-size:17px;
    color: #444;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: block;
    letter-spacing: 1px;
    font-weight: bold;
}
.event-gallery .post-slide .post-title > a:hover{
    color:#e74c3c;
}
.event-gallery .post-slide .post-description{
    font-size:13px;
    color:gray;
    line-height:21px;
    padding: 0 0 0 70px;
}


.principal-Desk-wrap .title {
    background: #E9011F;
    color: #ffffff;
    padding: 15px;
    margin: 0;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: 1px;
    font-size: 20px;
    text-align: center;
    border-radius: 3px 3px 0 0;
}

.principal-Desk {
    position: relative;
    border: 1px solid #E9011F;
    padding: 15px;
    margin: 0;
    background-color:#fff;
}

.principal-Desk{padding-left:25px;}

.principal-Desk ul li{
    padding:5px;
}

    .principal-Desk ul li a {
        color:grey;font-size:15px;
    }
.coming-soon img{
    width:300px;
    display:block;margin:auto;
}



.new-gallery {
    padding: 30px 30px 30px;
    background-color: #F1F1F1;
}

.new-gallery h3{margin:0;padding-bottom:10px;text-transform:uppercase;font-weight:bold;}

    .new-gallery .post-slide {
        margin: 0 15px;
        border: 1px solid #e2eaf2;
        background-color: #fff;
        padding: 5px;
        border-radius: 10px;
        padding: 20px 15px;
        text-align: center;
    }
.new-gallery .post-slide .post-img{
    position: relative;
    overflow: hidden;
}
.new-gallery .post-slide .over-layer:before{
    content: "";
    position: absolute;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    background:rgba(255, 255, 255,0);
    transition: all 0.50s ease 0s;
}
.new-gallery .post-img:hover .over-layer:before{
    background:rgba(255, 255, 255,0.6);
}
 .new-gallery .post-slide .post-img img{
    width: 100%;
    height:140px;
}
.new-gallery .post-slide .post-content{
    -background:#fff;
    padding:10px;
}

.new-gallery .post-slide .post-content .title{
    font-weight:bold;margin:0;padding-top:3px;white-space:nowrap;overflow:hidden;
    text-overflow:ellipsis;padding-bottom: 10px;
}
.new-gallery .post-slide .post-date{
    display: block;
    color:orangered;
    font-size: 12px;
    text-transform: uppercase;
}
.new-gallery .post-slide .post-title{
    margin: 15px 0 14px;
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
}
.new-gallery .post-slide .post-title > a{
    color:#3c3c3c;
    transition:all 300ms linear 0s;
}
.new-gallery .post-slide .post-title > a:hover{
    color:#c70034;
    text-decoration: none;
}
.new-gallery .post-slide .post-description{
    color:#676767;
    font-size: 15px;
    line-height: 24px;
}
.new-gallery .post-slide .post-bar{
    padding: 0;
    list-style: none;
    text-transform: uppercase;
}
.new-gallery .post-slide .post-bar li{
    display: inline-block;
    font-size: 13px;
    color:#676767;
}
.new-gallery .post-slide .post-bar li a{
    color:#c70034;
    font-weight: bold;
}
.new-gallery .post-slide .post-bar li a:hover{
    text-decoration:none;
    color:#999;
}

    .new-gallery .owl-carousel .owl-wrapper-outer {
       
        margin-bottom: 30px;
    }

@media only screen and (max-width: 650px){
    .new-gallery .post-slide{ margin-bottom:15px; }
    .new-gallery {
    padding: 20px;
}
        
   
}


.new-event-gallery
{
    border:1px solid #ddd;
    background-color:#e2eaf2;border-radius:5px;
    padding:10px;position:relative;
}

.new-event-gallery:before{
    content:'';position:absolute;
    box-shadow:0 13px 5px #333;bottom:3px;width:105%;
    height:3px;left:-10px;right:-10px;
}

.new-event-gallery h4{
    -border:1px solid red;font-weight:bold;
    padding:15px;margin:0;background-color:#023473;color:#fff;text-align:center;
}
.new-event-gallery h5{
    -border:1px solid red;margin-bottom:10px;
    padding:15px;margin:0;background-color:#023473;color:#fff;text-align:center;
}

.new-event-gallery h5 a{
    color:#fff;
}

.new-event-gallery img{
   width:100%;
}

.new-event-gallery ul li{
   border:1px solid #ddd;margin-top:15px;
}


.l-g li a{
    color:#333;font-weight:bold;display:block;padding:10px;
}

.l-g li:nth-child(even){
    background-color:#fbfbfb;
}

.l-g li span{
    color:#fff;font-weight:100;text-decoration:underline;padding:5px;
}


#radioBtn .notActive{
    color: #3276b1;
    background-color: #fff;
}

#fdbk .modal-header{
    background-color:#023473;color:#fff;font-weight:bold;
}

#fdbk .modal-header .close{
    color:#fff !important;opacity:1;
}

#fdbk .modal-header .btn-group-lg > .btn{border-radius:0;}

#fdbk .form-group label{
    font-weight:100;
}

#fdbk .form-group .input-group{
    margin:10px 0 15px;
}

#fdbk .form-group .txt{
    border-radius:3px;background-color:#f4f6f7;height:40px;
}

#fdbk .form-group .tarea{
    height:90px;
}

.about-kadi
{    
    padding:25px;
}
.about-kadi .governing-body tr td
{
    padding:10px;font-weight:bold;
}
.about-kadi .governing-body tr td:nth-child(odd)
{
    background-color:#f5f5f5;
}

.about-kadi .governing-body tr td:nth-child(even)
{
    background-color:#f1f1f1;
}
.about-kadi .governing-body tr td img{
    width:100%;margin-bottom:7px;height:80px;
}

.about-kadi .v-mdl tr td{font-size:17px;font-weight:bold;vertical-align:middle;}

.about-kadi h2
{
    font-weight:bold;padding-bottom:5px;
}

.about-kadi p
{
    font-size:17px;color:grey;text-align:justify;line-height:30px;
}

.principal-msg
{
    padding:20px 20px 35px;
}

.principal-msg h5{margin:0;padding-bottom:10px;font-size:18px;}
.principal-msg p{color:#444;font-size:17px;line-height:1.6}

.visitors {
    color: white;
    font-size: 14px;
}


.position-relative{
    position:relative;
}
/*******Faculty Box*******/
.fac-box {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 15px;
}
    .fac-box img {
        height: 300px;
        object-fit: cover;
    }

    .fac-box span {
        position: absolute;
        right: 10px;
        bottom: 10px;
        background: #b78522;
        color: #fff;
        padding: 3px 10px;
        border-radius: 50px;
    }
.fac-info{
    padding:15px;
}
    .fac-info h4{
        font-weight:500;
    }
    /*.visitors b{
    -border:1px solid red;padding:2px 5px;border-radius:3px;
    background-color:maroon;color:#fff;
    animation:blink 1s infinite;box-shadow:0 2px 3px grey;
}*/
    @keyframes blink2 {
        10%{transform:rotateX(0deg);}
    20%{transform:rotateX(80deg);}
    40%{transform:rotateX(160deg);}
    60%{transform:rotateX(220deg);}
    80%{transform:rotateX(300deg);}
    100%{transform:rotateX(360deg);}
}


@media screen and (max-width:480px){

    .visitors{
        float:none;
        margin:0;
    }
    .top-header .logo {
    width: 80px;
    float: none;
    display: block;
    margin: auto;
}

    .top-header h1 {
        font-size: 16px;
        -color: #fff;
        margin: 5px 0 0;
        text-align: center;
        line-height: 1.5;
    }
    .top-header .college-name p {
    font-size: 14px;
    padding: 10px;
    color: grey;
    margin: 0;
    text-align: center;
    line-height: 20px;
}
    .principal-Desk {
    margin-bottom: 15px;

}
    .voc_btn {        
        width: 100%;
    }
    .nav > li > a {
        padding: 5px 13px;
    }

    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: silver;
        text-align: left;
    }
    .navbar-nav > li > .dropdown-menu li{border-bottom:0;}

    .navbar-default .navbar-collapse {
        border-color: transparent;
    }

    .newsdetails .detailsmain .contant .post-date {
        top: 10px;
    }

    .inr_banner_heading {
        float: none;
        text-align: center;
        width: 100%;
    }
    .kf_inr_breadcrumb .breadcrumb, .kf_inr_breadcrumb {
        float: none;
        text-align: center;
    }


}





/*****Departments*******/

.departments {
    -border: 1px solid red;
    padding:40px 20px;
}

    .departments img {
        width: 100%;
    }

    .departments h2 {
        margin: 0;
        padding-bottom: 15px;
    }



    .departments p {
        font-size: 18px;
        color: grey;
    }
    .departments .nav-pills {
        margin-bottom:20px;
    }

    .departments .nav-pills > li > a {
        font-size: 16px;
        padding: 10px 12px;
        background-color: #ddd;
        color: #333;margin-right:10px;
    }
    .departments .nav-pills > li.active > a,
    .departments .nav-pills > li.active > a:focus,
    .departments .nav-pills > li.active > a:hover {
        background-color:#623480;color:#fff;
    }

.img-100 {
    width: 100px !important;
    height: 100px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #ddd;
    padding: 5px;
    object-fit: cover;
}
.dept-card{
    margin-bottom:15px;
}
.dept-card h4{
    margin-top:0;margin-bottom:1px;
}
.text-theme{
    color:#623480;
}
.designation-text{
    display:block;margin-bottom:7px;
}

.departments .list-group .list-group-item {
    overflow: auto;
}
    .departments .list-group .list-group-item img {
        float: left;margin-right:13px;
    }
    .departments .nav-tabs {
        border-bottom: 1px solid #e4e4e4;
    }

        .departments .nav-tabs > li {
            margin-right: 0px;
        }

            .departments .nav-tabs > li > a {
                border-radius: 0px;
                border: 1px solid #e8d378;
                border-right: 0px none;
                margin-right: 0px;
                padding: 8px 17px;
                color: #222222;
                transition: all 0.3s ease-in 0s;
            }

            .departments .nav-tabs > li:last-child {
                border-right: 1px solid #ededed;
            }

            .departments .nav-tabs > li > a {
                padding: 15px 30px;
                border: 1px solid #ddd;
                border-right: 0px none;
                border-top: 2px solid #ddd;
                background: #f1f1f1;
                color: #333;
                font-weight: bold;font-size:20px;
            }

                .departments .nav-tabs > li > a:hover {
                    border-bottom-color: #ededed;
                    border-right: 0px none;
                    background: #f1f1f1;
                    color: #444;
                }

            .departments .nav-tabs > li.active > a,
            .departments .nav-tabs > li.active > a:focus,
            .departments .nav-tabs > li.active > a:hover {
                border-top: 2px solid #0C3871;
                border-right: 0px none;
                color: #0C3871;
                background-color:#fff;
            }

    .departments .tab-content > .tab-pane {
        /*border: 1px solid #e4e4e4;
        border-top: 0px none;
        padding: 20px;
        line-height: 22px;*/
    }

        .departments .tab-content > .tab-pane > h3 {
            margin-top: 0;
            padding-bottom: 10px;
            font-weight: bold;
        }


.activities{
    padding:35px 20px;
}

    .activities h3 {
        text-transform: uppercase;
        font-weight: bold;
        margin: 0;
        padding-bottom: 10px;
    }


    .activities .post-slide {
        position: relative;
        -padding-right: 14px;
        border-radius: 10px;
        overflow: hidden;
        margin: 5px;
    }

        .activities .post-slide .post-img {
            position: relative;
            
        }

        .activities .post-slide .post-img img{
            width: 100%;height:160px;
        }
            .activities .post-slide .post-img h5 {
                font-size: 14px;
                border: 1px solid #b78522;
                margin: 0;
                padding: 13px 10px;
                text-align: center;
                background: #b78522;
                color: #fff;
            }

    .activities .owl-theme .owl-controls {
        margin-top: 0px;
        text-align: center;
        position: absolute;
        top: -50px;
        right: 7px;
    }
        .activities .owl-theme .owl-controls .owl-buttons div {
            background: #623480;
            opacity: 1;
            padding: 10px 15px;
            border-radius: 5px;
            text-transform:capitalize;
        }


.admission{
    padding:30px 20px;
}
.admission a{font-size:20px;display:block;line-height:40px;}
.admission img{
    width:180px;

}


/****vocation_training******/

.vocation_training{
    padding:35px 0;
}
.vocation_training .top_block {
    margin-bottom: 20px;
}
.vocation_training .top_block h3 {
    font-size: 30px;
    font-weight: bold;
    padding-bottom: 10px;
    color: #39699E;
}

    .vocation_training .top_block p {
        font-size: 18px;
        font-weight: bold;
        color: #2D3E50;
    }

   
         .vocation_training table tr th, .vocation_training table tr td {
            border: 2px solid #333;
        }
.vocation_training table tr th{
    font-size:18px;background-color:#ddd;
}

    .vocation_training table tr td{
        font-size: 16px;line-height:27px;vertical-align:middle;
        
    }

.vocation_training .tab_course{
    font-weight:bold;
}

.voc_btn:hover {
    background-color: #D9534F !important;
}

.voc_btn{
    animation:blink_btn 1.5s infinite;
    border:none;
}

@keyframes blink_btn{
    from {
        background-color: #D9534F;
    }
    to {
        background-color: #000;
    }
}

@media screen and (max-width:767px){
    .vocation_training table {
        border: 2px solid #333 !important;
    }
    .in_mobile{
        flex-direction:column;
        margin-bottom:10px;
    }
    .logo-with-name {
        display: block;
    }
    .college-address h6 {
        font-size: 15px;
        line-height: 1.4;
    }

    .top-header .icon {
        width: 40px;
        height: 40px;
    }
    .about-college h3{
        font-size:20px;
    }
    .about .row{
        flex-direction:column-reverse;display:flex;
    }
}