/* 

Newline Template

http://www.templatemo.com/tm-503-newline

*/

body {
	font-family: cambria;
}

p {
  font-size: 14px;
  color: #5a5a5a;
  font-weight: 300;
  line-height: 25px;
    text-align: justify;
}

video { 
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
}

video::-webkit-media-controls {
    display:none !important;
}

.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: rgba(0,0,0,0.75); /*dim the background*/
}

.primary-button a {
  display: inline-block;
  background: linear-gradient(#FF0000, #FF0000);
  color: #fff;
  font-size: 16px;
  padding: 8px 18px;
  border-radius: 3px;
  text-decoration: none;
  border: 1px solid transparent;
}

.primary-button a:hover {
  background: transparent;
  border: 1px solid #FF0000;
    color:#FF0000;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

.cd-hero {
  z-index: 2;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 25px 0 25px;
}

.cd-hero-slider {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.cd-hero-slider li {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-hero-slider li.selected {
  /* this is the visible slide */
  position: relative;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.cd-hero-slider li.move-left {
  /* slide hidden on the left */
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
}
.cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
  /* the is-moving class is assigned to the slide which is moving outside the viewport */
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
@media only screen and (min-width: 768px) {
  .cd-hero-slider {
  }
}
@media only screen and (min-width: 1170px) {
  .cd-hero-slider {
  }
}

.cd-slider-nav {
  text-align: center;
}

.cd-slider-nav ul {
  padding: 0;
  margin: 0;
}

.cd-slider-nav ul li {
  display: inline-block;
  margin: 0px 25px 10px;
}

.cd-slider-nav ul li a {
  text-decoration: none;
}

.cd-slider-nav ul li h6 {
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 600;
  color: #003A73;
  margin-top: 15px;
}

/*
  .cd-slider-nav ul li h6{
              font-size:16px;
              font-weight: 600;
              font-family: "Lato script=all rev=1";
          }
*/

.cd-slider-nav ul .selected h6 {
  color: #003A73;
  text-decoration: none;
}

.cd-slider-nav .image-icon {
  margin: 0 auto;
  margin-bottom: 15px;
  display: block;
  width: 80px;
  height: 80px;
  line-height: 80px;
     border-radius: 30%;
  text-align: center;
  margin: 0px;
  padding: 5px 22px;
  border:3px solid #003a73;
  color:#003a73;
}

.cd-slider-nav .image-icon i{
    color:#003A73;
}

.cd-slider-nav .image-icon:hover {
  background-color: #fff;
    color:#fff;
    background:#003A73;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}

.cd-slider-nav .image-icon:hover i{
    color:#ffffff;
    margin: 0px 0px;
}

.image-icon i{
   color:#fff;
          }


.content {
  margin-bottom: 10px;
  margin-top: -80px;
  background-color: #fff;
  border-top: 5px solid #0B3D6D;
  box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}


/*
=====================
----- TOP PART ------
=====================
*/

.top-part img {
  width: 100%;
  background-size: cover;
  position: absolute;
  overflow: hidden;
  top:0;
  left: 0;
}


/*
=======================
----- FIRST SLIDE -----
=======================
*/

.first-slide {
  text-align: center;
}

.first-slide {
  background-color: #fff;
  width: 100%;
}

.heading {
  text-align: center;
  margin-bottom: 180px;
}

.heading h1 {
  margin-top: 30px;
  font-size: 38px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}

.heading span {
  font-size: 16px;
  text-transform: uppercase;
/*  color: #ffbb05;*/
  font-weight: 300;
  letter-spacing: 0.5px;
}

.first-content h4 {
  font-size: 19px;
  text-transform: uppercase;
  color: #121212;
  letter-spacing: 1px;
  margin-top: 0px;
  margin-bottom: 30px;
}

.first-content {
    margin-top: 0;
  padding: 30px 30px;
}

.first-content p {
  margin: 0px 120px;
}

.first-content .primary-button {
  margin-top: 30px;
}



/*
=======================
----- SECOND SLIDE ----
=======================
*/

.second-slide {
/*  text-align: center;*/
  background-color: #fff;
  width: 100%;
}

.second-slide .heading h1 {
  margin-top: 30px;
  font-size: 38px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}

.second-slide .heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #ffbb05;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.second-slide img {
  width: 100%;
  overflow: hidden;
}

.second-slide .left-image {
  padding-right: 0px!important;
}

.second-slide .right-image {
  padding-left: 0px!important;
}

.second-slide .right-about-text {
  text-align: left;
  margin-left: 15px;
  margin-right: 30px;
}

.second-slide .right-about-text h4 {
  font-size: 19px;
  color: #121212;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 25px;
}

.second-slide .right-about-text .primary-button {
  margin-top: 25px;
}

.second-slide .left-about-text {
  text-align: left;
  margin-left: 15px;
  margin-left: 30px;
}

.second-slide .left-about-text h4 {
  font-size: 19px;
  color: #121212;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 25px;
}

.second-slide .left-about-text .primary-button {
  margin-top: 25px;
}



/*
=======================
----- THIRD SLIDE -----
=======================
*/

.third-slide {
/*  text-align: center;*/
  background-color: #fff;
  width: 100%;
}

.third-slide .heading h1 {
  margin-top: 30px;
  font-size: 38px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}

.third-slide .heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #ffbb05;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.third-slide .feature-list ul {
  padding: 0;
  margin: 0;
}

.third-slide .feature-list ul li {
  display: block;
}

.third-content {
  padding: 30px;
}

.third-content .left-image img {
  width: 100%;
  overflow: hidden;
}

.third-content .right-feature-text h4 {
  font-size: 19px;
  color: #121212;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-top: 30px;
  margin-bottom: 30px;
}

.third-content .right-feature-text h4 em {
  font-style: normal;
  font-weight: 700;
  color: #ffbb05;
}

.third-content .feature-list {
  margin-top: 20px;
}

.third-content .feature-list p {
  font-weight: 400;
}

.third-content .right-feature-text {
  text-align: left;
  margin: 0px 15px 0px 15px;
}

.third-content .right-feature-text .primary-button {
  margin-top: 30px;
}


/*
=======================
----- FOURTH SLIDE ----
=======================
*/

.fourth-slide {
/*  text-align: center;*/
  background-color: #fff;
  width: 100%;
}

.fourth-slide .heading h1 {
  margin-top: 30px;
  font-size: 38px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}

.fourth-slide .heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #ffbb05;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.fourth-content {
  padding: 15px 30px;
}

.fourth-content .project-item {
  margin: 15px 0px;
}

.fourth-content img {
  width: 100%;
  overflow: hidden;
}


/*
=======================
----- FOURTH SLIDE ----
=======================
*/

.fivth-slide {
/*  text-align: center;*/
  background-color: #fff;
  width: 100%;
}

.fivth-slide .heading h1 {
  margin-top: 30px;
  font-size: 38px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  letter-spacing: 1px;
}

.fivth-slide .heading span {
  font-size: 16px;
  text-transform: uppercase;
  color: #ffbb05;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.fivth-content {
  padding: 30px;
  text-align: left;
}

.fivth-content .left-info em {
  font-weight: 500;
}

.fivth-content .left-info .social-icons {
  margin-top: 60px;
}

.fivth-content .left-info ul {
  padding: 0;
  margin: 0;
}

.fivth-content .left-info i {
  margin-right: 10px;
  color: #fff;
  font-size: 15px;
  width: 34px;
  height: 34px;
  background-color: #cdcdcd;
  display: inline-block;
  border-radius: 50%;
  text-align: center;
  line-height: 34px;
}

.fivth-content .left-info i:hover {
  background-color: #ffbb05;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  -webkit-transition: all 0.3s linear;
}

.fivth-content input {
  margin-bottom: 20px;
  padding-left: 15px;
  max-width: 100%;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  font-size: 13px;
  color: #aaa;
  background-color: #f4f4f4;
  border: none;
  outline: none;
  border-radius: 0;
  box-shadow: none;
}

.fivth-content input:focus {
  outline: none!important;
  box-shadow: none;
}

.fivth-content textarea {
  margin-bottom: 20px;
  padding-left: 15px;
  width: 100%;
  max-width: 100%;
  max-height: 180px;
  height: 140px;
  display: inline-block;
  line-height: 40px;
  font-size: 13px;
  color: #aaa;
  background-color: #f4f4f4;
  border: none;
  outline: none!important;
  border-radius: 0;
  box-shadow: none;
}

.fivth-content textarea:focus {
  outline: none!important;
  box-shadow: none;
}

.fivth-content button {
  display: inline-block;
  background-color: #ffbb05;
  color: #343434;
  font-size: 13px;
  padding: 12px 18px;
  border-radius: 3px;
  text-decoration: none;
  outline: none;
  margin-bottom: 0px;
}

.fivth-content button:hover {
  background-color: transparent;
  border: 1px solid #ffbb05;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
}



/*
=======================
---- FOOTER STYLE -----
=======================
*/

footer {
    background: #003a73;
  background: linear-gradient(#275d92, #245079);
  position: relative;
  width: 100%;
  bottom: 0;
  z-index: 2;
  margin-top:0px;
    padding: 60px 20px 20px;
}

footer p, footer .cnt {
  font-size: 14px;
  color: #fff;
  margin: 0px;
  padding: 25px 0px;
  text-align: left;
  font-weight: 400;
}

footer h3{
    color:#fff;
}

footer p em {
  font-style: normal;
  font-weight: 500;
}

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

footer a:hover {
	color: #fff;
    text-decoration: underline;
}

/*
========================================
---------- RESPONSIVE STYLE ------------
========================================
*/

@media (max-width: 850px){
  .cd-slider-nav ul li h6 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 400;
    color: #fff;
    margin-top: 15px;
    
  }

  .cd-slider-nav .image-icon img {
    width: 25px;
  }


  .cd-slider-nav ul .selected img {
    border-bottom: 3px solid #fff;
    padding-bottom: 10px;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  }

  .cd-slider-nav .image-icon {
    width: 80px;
    height: 80px;
    line-height: 40px;
    margin: 0 auto;
      padding: 22px;
  }

  .cd-slider-nav {
    background-color: #fff;
    width: 100%;
    height: 80px;
    line-height: 80px;
    margin: 0 auto;
    text-align: center!important;
  }

  .cd-slider-nav ul {
    padding: 0;
    margin: 0;
    text-align: center!important;
  }

  .cd-slider-nav ul li {
    display: inline-block;
    margin-top: 0px;
    margin-left: 15px;
  }

  .heading h1 {
    margin-top: 60px;
    font-size: 24px;
    font-weight: 700;
    letter-spacing: 0px;
  }

  .heading span {
    font-size: 13px;
    letter-spacing: px;
  }

  .content {
/*    margin-bottom: 100px;*/
    margin-top: 50px;
    background-color: #fff;
    border-top: 5px solid #184168;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
  }

  .first-content h4 {
    margin-left: 15px;
    margin-right: 15px; 
  }

  .first-content p {
    margin: 0px 30px;
  }

  .second-slide .left-image {
    padding-right: 15px!important;
  }

  .second-slide .right-image {
    padding-left: 15px!important;
  }

  .second-slide .right-about-text {
    text-align: left;
    margin-left: 15px;
    margin-left: 30px;
  }

  .second-slide .left-about-text {
    text-align: left;
    margin-left: 0px;
    margin-left: 30px;
    margin-bottom: 30px;
  }

  .fivth-content .left-info .social-icons {
    margin-top: 30px;
    margin-bottom: 60px;
  }

}


/*
========================================
----------- LIGHT BOX STYLE ------------
========================================
*/

/* Preload images */
body:after {
  content: url(../img/close.png) url(../img/loading.gif) url(../img/prev.png) url(../img/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  margin-top: 5%;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 3px;

  /* Image border */
  border: 4px solid white;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;

  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../img/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

  #carouselBanner .b-img img{
                          width:100%;
                      }

/* Courses */
.bg-dark {
        background-color: white!important;
 
       }
.course, .digital, .teach{
    margin-top: 1%;
}
          
          .course h1, .course h3, .course h4{
              color:#767676;
              
          }
          
          .course h1{
              font-size: 26px;
              border-bottom: 1px solid #e0e0e0;
              box-shadow: 0px 1px 5px #e0e0e0;
              padding: 3px 3px 10px;
          }
          
          .course h3{
              font-size:24px;
              margin-top: 25px;
          }
          
          .course h4{
              font-size:22px;
              margin-top:10px;
          }
          
          .course ul{
              list-style-type: none; 
              line-height: 30px; 
              color:#767676; 
              font-size: 16px;
              padding: 5px;
              margin-bottom: 0;
          }
          
          .course ul li{
              line-height:26px;
              color:#767676;
          }
        .syllabus ul{
            list-style: decimal;
            padding-left: 15px;
            text-align: justify;
        }
        .syllabus .box-div{
            color:#767676;
            margin-top: 10px;
            text-align: justify;
        }
          .course p{
              font-size:16px;
              margin: 10px 0;
              color:#767676;
          }

            .course ul li a{
                color:#767676;
            }

              .c-sidebar-box a {
                  color:#fff;
              }

               .course a:hover {
                      text-decoration: none;
                  }
            .details{
                color:#767676;
                font-weight: bold;
            }
                  .box{
                      background: #ececec; 
                      border:1px solid #e0e0e0; 
                      padding: 10px; 
                      color:#767676; 
                      width:100%; 
                      margin-bottom: 1%;
                      font-size:18px;
                  }
                  
                  .box:hover{
                      text-decoration: none;
                  }
                  .section-01{
                      margin:  10px;
                  }
                  
                  .section-01 h5{
                      border-bottom: 1px solid #e0e0e0;
                      padding-bottom: 5px;
                  }
                  
                  table{
                      border:1px solid #e0e0e0;
                      font-size: 18px;
                      color:#767676;
                      
                  }
                  table tr td{
                      border:1px solid #e0e0e0;
                      padding: 8px;
                  }
                  .bg-table{
                      background: #265B8F;                      
                      padding: 10px;
                      color:#fff;
                  }
          .collapse-detail{
              margin-top: 25px;
          }
          .c-course{
              border-right:1px solid #e0e0e0; box-shadow: 1px 3px 3px #e0e0e0;
          }
          
          .a-blue{
              color:#1F4365;
          }
          .ul-m-btm{
              margin-bottom: 0;
          }
          .course #triangle-topleft {
                    width: 0;
                    height: 0;
                    border-top: 20px solid #4CAF50;
                    border-right: 20px solid transparent;
                    }
                  .c-sidebar{
                      margin: 10px 0 0;
                  }
                  .c-sidebar-box
                  {
                      border-bottom:1px solid #e0e0e0; 
                      box-shadow: 3px 3px 3px #e0e0e0; 
                      margin: 10px 0 20px;
                      padding: 2px 0 20px;
                  }
                  .q-textbox{
                      margin-top: 7px;
                  }
                  .q-button{
                      color:#fff;
                      /*background: linear-gradient(#105497, #0C4073); background: #0C4073;*/ font-size: 14px; margin: 10px 0 0;
                  }
.q-button:not([disabled]):not(.disabled).active, .q-button:not([disabled]):not(.disabled):active{
     background-image: linear-gradient(to bottom, #10579D, #0E4E8C);
          }
                  .c-sidebar-btn{
                      color:#fff; font-size: 18px; margin: 10px 0 0; border-radius: 0; border:1px solid #DE504C;
                  }
                  
                  .bg1{
border:1px solid #cc2a26;
/* background-color: #DE504C; */
 background-image: -webkit-gradient(linear, left top, left bottom, from(#DE504C), to(#DE4433));
 background-image: -webkit-linear-gradient(top, #DE504C, #DE4433);
 background-image: -moz-linear-gradient(top, #DE504C, #DE4433);
 background-image: -ms-linear-gradient(top, #DE504C, #DE4433);
 background-image: -o-linear-gradient(top, #DE504C, #DE4433);
 background-image: linear-gradient(to bottom, #DE504C, #DE4433);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DE504C, endColorstr=#DE4433);
}

.bg1:hover{
 border:1px solid #a5221f;
/* background-color: #d12b26; */
 background-image: -webkit-gradient(linear, left top, left bottom, from(#d12b26), to(#bf2f1f));
 background-image: -webkit-linear-gradient(top, #d12b26, #bf2f1f);
 background-image: -moz-linear-gradient(top, #d12b26, #bf2f1f);
 background-image: -ms-linear-gradient(top, #d12b26, #bf2f1f);
 background-image: -o-linear-gradient(top, #d12b26, #bf2f1f);
 background-image: linear-gradient(to bottom, #d12b26, #bf2f1f);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d12b26, endColorstr=#bf2f1f);
}
                  .bg2{
border:1px solid #dd6600;
/* background: #FF8216; */
 background: -webkit-gradient(linear, left top, left bottom, from(#FF8216), to(#FF7F11));
 background: -webkit-linear-gradient(top, #FF8216, #FF7F11);
 background: -moz-linear-gradient(top, #FF8216, #FF7F11);
 background: -ms-linear-gradient(top, #FF8216, #FF7F11);
 background: -o-linear-gradient(top, #FF8216, #FF7F11);
 background: linear-gradient(to bottom, #FF8216, #FF7F11);
 filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF8216, endColorstr=#FF7F11);
}

.bg2:hover{
 border:1px solid #af5100;
 background: -webkit-gradient(linear, left top, left bottom, from(#e26900), to(#dd6600));
 background: -webkit-linear-gradient(top, #e26900, #dd6600);
 background: -moz-linear-gradient(top, #e26900, #dd6600);
 background: -ms-linear-gradient(top, #e26900, #dd6600);
 background: -o-linear-gradient(top, #e26900, #dd6600);
 background: linear-gradient(to bottom, #e26900, #dd6600);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#e26900, endColorstr=#dd6600);
}
                  .bg3{
 border:1px solid #2bb697;
/* background-color: #46D3B4; */
 background: -webkit-gradient(linear, left top, left bottom, from(#46D3B4), to(#3DD3B0));
 background: -webkit-linear-gradient(top, #46D3B4, #3DD3B0);
 background: -moz-linear-gradient(top, #46D3B4, #3DD3B0);
 background: -ms-linear-gradient(top, #46D3B4, #3DD3B0);
 background: -o-linear-gradient(top, #46D3B4, #3DD3B0);
 background: linear-gradient(to bottom, #46D3B4, #3DD3B0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#46D3B4, endColorstr=#3DD3B0);
}

.bg3:hover{
 border:1px solid #229178;
/* background-color: #2cba9b; */
 background: -webkit-gradient(linear, left top, left bottom, from(#2cba9b), to(#29b494));
 background: -webkit-linear-gradient(top, #2cba9b, #29b494);
 background: -moz-linear-gradient(top, #2cba9b, #29b494);
 background: -ms-linear-gradient(top, #2cba9b, #29b494);
 background: -o-linear-gradient(top, #2cba9b, #29b494);
 background: linear-gradient(to bottom, #2cba9b, #29b494);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#2cba9b, endColorstr=#29b494);
}
                 .bg4{
border:1px solid #16919c; 
/* background-color: #1DBFCD; */
 background: -webkit-gradient(linear, left top, left bottom, from(#1DBFCD), to(#21B6CD));
 background: -webkit-linear-gradient(top, #1DBFCD, #21B6CD);
 background: -moz-linear-gradient(top, #1DBFCD, #21B6CD);
 background: -ms-linear-gradient(top, #1DBFCD, #21B6CD);
 background: -o-linear-gradient(top, #1DBFCD, #21B6CD);
 background: linear-gradient(to bottom, #1DBFCD, #21B6CD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1DBFCD, endColorstr=#21B6CD);
}

.bg4:hover{
 border:1px solid #106c74;
/* background-color: #1795a0; */
 background: -webkit-gradient(linear, left top, left bottom, from(#1795a0), to(#1a8fa1));
 background: -webkit-linear-gradient(top, #1795a0, #1a8fa1);
 background: -moz-linear-gradient(top, #1795a0, #1a8fa1);
 background: -ms-linear-gradient(top, #1795a0, #1a8fa1);
 background: -o-linear-gradient(top, #1795a0, #1a8fa1);
 background: linear-gradient(to bottom, #1795a0, #1a8fa1);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#1795a0, endColorstr=#1a8fa1);
}
                  .bg5{
border:1px solid #9e3552; 
 background-color: #C24A6B; 
 background: -webkit-gradient(linear, left top, left bottom, from(#C24A6B), to(#C2367C));
 background: -webkit-linear-gradient(top, #C24A6B, #C2367C);
 background: -moz-linear-gradient(top, #C24A6B, #C2367C);
 background: -ms-linear-gradient(top, #C24A6B, #C2367C);
 background: -o-linear-gradient(top, #C24A6B, #C2367C);
 background: linear-gradient(to bottom, #C24A6B, #C2367C);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C24A6B, endColorstr=#C2367C);
}

.bg5:hover{
 border:1px solid #7c2a40;
/* background-color: #a23754; */
 background: -webkit-gradient(linear, left top, left bottom, from(#a23754), to(#9a2b63));
 background: -webkit-linear-gradient(top, #a23754, #9a2b63);
 background: -moz-linear-gradient(top, #a23754, #9a2b63);
 background: -ms-linear-gradient(top, #a23754, #9a2b63);
 background: -o-linear-gradient(top, #a23754, #9a2b63);
 background: linear-gradient(to bottom, #a23754, #9a2b63);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a23754, endColorstr=#9a2b63);
}
.bg6{
     border:1px solid #E91E63;
     background-color: #E91E63;
     background: -webkit-gradient(linear, left top, left bottom, from(#E91E63), to(#E91E63));
     background: -webkit-linear-gradient(top, #E91E63, #E91E63);
     background: -moz-linear-gradient(top, #E91E63, #E91E63);
     background: -ms-linear-gradient(top, #E91E63, #E91E63);
     background: -o-linear-gradient(top, #E91E63, #E91E63);
     background: linear-gradient(to bottom, #E91E63, #E91E63);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E91E63, endColorstr=#E91E63);
}
 .bg6:not([disabled]):not(.disabled).active, .bg6:not([disabled]):not(.disabled):active{
     background: linear-gradient(to bottom, #E91E63, #E91E63);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E91E63, endColorstr=#E91E63);
}
 .bg6:hover{
     border:1px solid #7c2a40;
    /* background-color: #a23754;
     */
     background: -webkit-gradient(linear, left top, left bottom, from(#a23754), to(#9a2b63));
     background: -webkit-linear-gradient(top, #a23754, #9a2b63);
     background: -moz-linear-gradient(top, #a23754, #9a2b63);
     background: -ms-linear-gradient(top, #a23754, #9a2b63);
     background: -o-linear-gradient(top, #a23754, #9a2b63);
     background: linear-gradient(to bottom, #a23754, #9a2b63);
    filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#a23754, endColorstr=#9a2b63);
}
                  
                  .more span{
                      font-weight: bold; padding:0 5px; color:#000;
                  }
                  .more span a{
                      color:#2E5C88;
                  }
                  .bold, b{
                      font-weight: bold;
                  }
                  .btn{
                      border-radius: 0;
                  }
                  .btn:hover{
                      color:#fff;
                      border-radius: 0;
                  }
            .footer-con
          {
              text-align: left; color:#fff;
          }
          .syllabus .collapse-hd h4{
              margin: 30px 0 0 10px;
          }

.digital .cont, .digital h1, .digital h4{
              padding-left: 5%;
          }
          
          .digital h1, .digital h4{
              color:#616161;
              
          }
          
          .digital ul, .teach ul{
              list-style-type: none; 
              line-height: 30px; 
              color:#767676; 
              font-size: 18px;
          }
          
          .digital ul li,.teach ul li{
             margin-top: 15px;
              line-height:26px;
          }
          
       .digital-circle-01{
    font-size: 21px;
    box-shadow: 0px 0px 5px #989898;
    padding: 34px 0;
    border-radius: 50%;
    width: 160px;
    height: 160px;
    height: 160px;
    color: #fff;
    text-align: center;
    margin: 10px 0;
          }
          
          .digital p{
                line-height: 30px; 
              color:#767676; 
              font-size: 18px;
          }

        .teach h1, .teach ul li{
              color:#767676;
          }
.footer-b{
    background: #154069;
}

.footer-b a{
              color:#fff;
          }
          .footer-b a:hover{
              color:#fff;
              text-decoration: underline;
          }
#enquireForm{
    padding: 5px;
}

@media (max-width: 1300px) {
     #carouselBanner .b-img img{
                          width:100%;
          height:350px
                      }
}
@media (max-width: 1024px) {
               .container {
                    max-width: 930px;
                }
      #carouselBanner .b-img img{
                          width:100%;
          height:350px
                      }
              
          }
          @media (max-width: 850px) {
             .cd-slider-nav .image-icon {
    width: 60px;
    height: 60px;
    line-height: 40px;
    margin: 0 auto;
    padding: 12px 6px;
}
              
              .content {
    /* margin-bottom: 100px; */
    margin-top: 10px;
    background-color: #fff;
    border-top: 5px solid #184168;
    box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
}
               .cd-slider-nav ul li h6 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #0c4277;
    margin-top: 3px;
    display: block;
  }
                #carouselBanner .b-img img{
                          width:100%;
          height:350px
                      }
              
          }
          
                  @media (max-width: 570px) {
  
                .hd-form
                {
                position: absolute;
                width: 100%;
                padding:25px 25px;
                margin-top: 25%;
                }

                .cd-hero{
                padding: 3% 0 25px;        
                }
                      .cd-slider-nav{
                          height: 90px;
                      }
                .cd-slider-nav ul{
                display:flex;          
                width: 100%;
                overflow: hidden;
                    padding: 0 5%;
                }
                .cd-slider-nav ul li{
                margin:10px 18px 0;          
                }
                .first-content, .second-content, .third-content {
                        margin-top: 0;
                        margin-bottom: 30px;
                        padding: 30px 30px;
                    }
                      .cd-slider-nav .image-icon {
                        width: 50px;
                        height: 50px;
                        line-height: 0;
                        margin: 0;
                        padding: 8px 0px;
                    }
                      
                      .image-icon .fa-2x{
                          font-size:25px;
                      }
                      .cd-slider-nav ul li {
                            margin: 10px 7px 0;
                        }
                      .carousel-item {
                          height: 21vh;
                          min-height: 100px;
                          background: no-repeat center center scroll;
                          -webkit-background-size: cover;
                          -moz-background-size: cover;
                          -o-background-size: cover;
                          background-size: cover;
                        }
                    
/*
                   .mt-banner{
              margin-top: 24.5% !important;
          }
*/

                      .l-info{
       margin: 70px auto 0 !important;
      }
                       .cd-slider-nav ul li h6 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #0c4277;
    margin-top: 3px;
    display: block;
  }
                        #carouselBanner .b-img img{
                          width:100%;
          height:auto;
                      }
                }
          
          @media (max-width: 350px) {
              .toll{
            
                  margin-bottom: 200px;
              }
              .top-hd{
              padding: 3px 0 8px;
                  margin-bottom: 10px
          }
/*
           .mt-banner{
              margin-top: 44% !important;
          }
*/
              .hd-form {
          margin-top: 20%;
              }
              marquee{
                  margin-top: 0;
              }
               .cd-slider-nav .image-icon {
                        width: 40px;
                        height: 40px;
                        line-height: 0;
                        margin: 0 auto;
                        padding: 8px 0px;
                    }
              .image-icon .fa-2x{
                          font-size:18px;
                      }
              .l-info{
       margin: 10px auto 0 !important;
      }
              
              .cd-slider-nav ul li h6 {
    font-size: 13px;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #0c4277;
    margin-top: 3px;
    display: block;
  }
              
          }
          
          .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
    /* color: #fff; */
    box-shadow: 0 0 0 transparent;
}
          a:hover{
              text-decoration: none;
			  color:#02080e;
          }
		  
          .top-hd{
              padding: 3px 0 1px;
              text-align: right;  color: #fff;
          }
          .toll{
              margin: 1px 7px; font-weight: bold;
              padding: 10px;
          }
          .s-login, .t-enq{
              padding:8px 10px; color:#fff; margin: 1px 7px; border-radius: 5px;
          }
          .s-login:hover, .t-enq:hover{
              color:#fff;
          }
          .s-login
          {
              background: #EA6645;
          }
          .t-enq{
              background: #4FB1FF;
          }
          .toll-p{
              padding:0 0 5px;
          }
          .navbar-brand {
/*    margin-left: auto;*/
    margin-right: auto;
    
}
          .navbar {
    padding: .3rem 1rem;          
          }
/*
         .mt-banner{
              margin-top: 7.8%;
          }
*/
           .admission{
      background:red; color:#fff; padding:10px 15px; border-radius: 10px;
      }
      .l-info{
      padding: 10px; font-size: 18px; margin: 0 auto;
      }
      .col-info{
      margin: 5px auto; padding: 0;
      }
          iframe{
              padding: 5px 0!important;
          }

/*30-12*/
.bg-dark {
    background-color: white!important;

}

.navbar-dark .navbar-nav .nav-link {
    color: #0e5192;
}
          .cd-hero-slider li .row ul li{
     position: inherit; 
     top: 0; 
     left: 0; 
     width: 100%; 
              text-align: left;
     -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
     transform: none; 
}
          
          .cd-hero .fa-check-square{
            color: #D97304;                
          }
          #enquireForm .form-group{
              margin-bottom: 0px;
              margin-top: 0px;
          }
          
          #enquireForm .form-control, #enquireForm select.form-control:not([size]):not([multiple]){
            margin-bottom: 8px;
            font-size:13px;
              height:33px;
              color:#767676;
          }
          
          #enquireForm .input-group-addon {
              font-size:13px;
              padding: 0 10px;
              height:33px;
          }
          
           h2{
               font-size: 20px;
               font-family: "Lato script=all rev=1";
               color: #fff;
               background-color: #003a73!important;
               background: -webkit-linear-gradient(#487fb5, #1b4267));
               background: -o-linear-gradient(#487fb5, #1b4267);
               background: -moz-linear-gradient(#487fb5, #1b4267);
               background: linear-gradient(#487fb5, #1b4267);
               padding: 5px 10px;
           }
           
           .first-content ul{
               padding: 10px 20px;
           }
           
           .first-content ul li{
               font-size: 16px;
               font-family: "Lato script=all rev=1";
               list-style: none;
           }
           
           .first-content ul li i{padding:0 10px 0 0;}
      
           .carousel-item-01{
               padding: 25px 65px 50px;
               margin-top:10px;
               height:10px;
               min-height: 250px;
           }
           
           .quote{
               color:#fff;
           }
           
           .quote-img{
               border-radius:50%;
               vertical-align: middle;
           }
           .stu-name{
               color: #fff;
               text-align: right;
               padding: 10px;
               font-size: 18px;
           }
          
          .ranker p{
              margin-bottom: 5px;
              font-size: 14px;
              font-family: "Lato script=all rev=1";
          }
/*
          .ranker:hover p{
              color:#fff;
            }
*/
          .ranker{
              padding-bottom: 25px;
          }
/*
  .ranker:hover {
    color:#fff;
    background-color: #275d92;
    background:linear-gradient(#275d92, #245079);
}
*/
          .rankers {
/*    float: left;*/
    width: 100%;
    margin-bottom: -30px;
}
          .ranker:hover .ranker-icon {
    background-color: #ffffff;
    box-shadow: 0 0 0 10px #0b3d6e;
    
}
          .rankers p{
              text-align: center;
          }

.ranker-icon {
    font-size: 3rem;
    background-color: #0A3D6E;
    position: relative;
    text-align: center;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    line-height: 63px;
    display: block;
    margin: 0 auto 0 auto;
    box-shadow: 0 0 0 10px rgb(72, 108, 142);
    color: #ffffff;
    top: -41px;
    transition: all 0.4s ease;
}
.ranker-icon img{
border-radius:50%;              
}
  .section-padding-extra {
    padding: 0 0 50px;
}
  .single-about-detail {
    position: relative;
}
.about-img img {
    width: 66%;
}
    .about-details {
    min-height: 120px;
    box-shadow: 0px 0px 10px #c0c0c0;
    border-top: 2px solid #fff;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
}
/*
    .single-about-detail:hover .about-details{
     background: linear-gradient(#5d8ab5, #4b7ead);
        color:#fff;
      }
*/
  .pentagon-text {
    width: 96%;
    height: 52px;
    background: #265B8E;
    position: relative;
    top: -30px;
    left: 2%;
    padding: 8px;
      color:#fff;
     }
    .pentagon-text span{
        font-size: 22px;
     }
    .about-details p {
        color:#767676;
        padding: 10px;
        font-size: 14px;
        text-align: center;
        
     }

/*
   .about-details:hover p, .about-details:hover h3{
    color:#fff;
     }          
*/
    .about-details h3{
        color:#505050;
    font-size: 16px;
    padding: 0;
    margin-top: -10px;
    font-weight: bold;
    }
.about-details:hover .pentagon-text{
    color:#fff;
          }

.team {
    padding-bottom: 10px;
}

.single-member {
    margin: 0;
    padding: 0;
}
          
.single-member:hover .person-detail {
    background: #DD7505;
}

.person-detail {
    padding: 10px;
    
    background: linear-gradient(#d28430, #ffb15d);
    position: relative;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
}

.single-member:hover .arrow-bottom {
    background: #DD7505;
}
.single-member:hover .arrow-top {
    background: #DD7505;
}
.arrow-bottom {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #D38531;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    top: -9px;
    left: 46%;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
}

.arrow-top {
    position: absolute;
    width: 20px;
    height: 20px;
    background: #FCAE5A;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    bottom: -10px;
    left: 46%;
    transition: all .7s ease 0s;
    -webkit-transition: all .7s ease 0s;
    -moz-transition: all .7s ease 0s;
    -o-transition: all .7s ease 0s;
    -ms-transition: all .7s ease 0s;
}

          .person-detail{
              height:190px;
          }
.person-detail h3 {
    font-size: 16px;
    color: #fff;
}
.person-detail p {
    font-size: 13px;
    color: #fff;
    font-family: "Lato script=all rev=1";
    line-height: 18px;
}

          .person img{
             width: 190px;
          }
          .hd{
                  text-align: left;
    color:#003A73;
    background: #fff;
    font-size: 28px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: "Lato script=all rev=1";
              
          }
          
          #triangle-topleft {
	width: 0;
	height: 0;
	border-top: 20px solid #003A73;
	border-right: 20px solid transparent;
}
          
          .social .row{
              background: #fff; padding:30px 100px 100px; color:#265c90;
              text-align: center;
              background-image: url('assets/images/bg02.jpg');
           
          }
          
          .social .count{
           font-size: 50px;
          }
           
          .hd-form
                  {
                      position: absolute; 
                      width: 100%; 
                      padding:10px 25px;
                  }
           .section-padding-extra {
                    padding: 0 0 50px;
                }
          
              .digital-circle{
    font-size: 21px;
    box-shadow: 0px 0px 5px #989898;
    padding: 27px;
    border-radius: 50%;
     width: 150px;
    height:150px;
    color: #fff;
    text-align: center;
    margin: 10px;
          }

                     .digi-01{
                          background:#DE504C;
                      }
                      .digi-02{
                          background: #F0AB4E;
                      }
                      .digi-03{
                          background: #2ECCA9;
                      }
                      .digi-04{
                          background: #19A7B3;
                      }
                      .digi-05{
                          background: #B7385B
                      }
/*
          @media (min-width: 1024px) {
              .mt-banner {
                    margin-top: 10.8%;
                }
          }
*/
          
          .bf-panel{
                  float:left; 
                  z-index: 1000; 
                  background: #f8f8f8; 
                  width:300px; 
                  height:auto; 
                  min-height: 325px; 
                  padding: 0; 
                  border: 2px solid #d2d2d2;
              }
              .bf-panel h2{
                 text-align: center; 
                 margin-bottom: 0; 
              }
              .bf-panel form{
                  padding:5px 15px;
              }
              .bf-btn{
                  color:#fff; 
                  background: linear-gradient(#105497, #0C4073); 
                  background: #0C4073; 
                  font-size: 14px;
              }
          .bl-btn, .bl-btn a {
                  color:#fff; 
/*
                  background: linear-gradient(#105497, #0C4073);
                  background: -moz-linear-gradient(#105497, #0C4073);
                  background: -webkit-linear-gradient(#105497, #0C4073);
                  background: -o-linear-gradient(#105497, #0C4073);
                  background: -ms-linear-gradient(#105497, #0C4073);
                  background: #0C4073; 
*/
                  font-size: 20px; 
                  margin: 2px 0;
              }

.q-button, .bl-btn{
       
border:1px solid #0b3b6a; 
 background: #4CAF50; 
 background: -webkit-gradient(linear, left top, left bottom, from(#4CAF50), to(#145f1a));
 background: -webkit-linear-gradient(top, #4CAF50, #145f1a);
 background: -moz-linear-gradient(top, #4CAF50, #145f1a);
 background: -ms-linear-gradient(top, #4CAF50, #145f1a);
 background: -o-linear-gradient(top, #4CAF50, #145f1a);
 background: linear-gradient(to bottom, #4CAF50, #145f1a);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4CAF50, endColorstr=#0E4E8C);
     }
 .q-button:hover, .bl-btn:hover{
    border:1px solid #0b3b6a; 
 background: #009688; 
 background: -webkit-gradient(linear, left top, left bottom, from(#009688), to(#0a524c));
 background: -webkit-linear-gradient(top, #009688, #0a524c);
 background: -moz-linear-gradient(top, #009688, #0a524c);
 background: -ms-linear-gradient(top, #009688, #0a524c);
 background: -o-linear-gradient(top, #009688, #0a524c);
 background: linear-gradient(to bottom, #009688, #0a524c);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#009688, endColorstr=#0E4E8C);
     }
.bl-btn:not([disabled]):not(.disabled).active, .bl-btn:not([disabled]):not(.disabled):active{
     background-image: linear-gradient(to bottom, #4CAF50, #0a524c);
          }
          .first-content ul li i{
              color:#346493;
          }
          .first-content ul li a{
              color:#000;
          }
          .box-br{
              border:1px solid #123F6A; 
              min-height: 260px;
          }
          .lh-35{
              line-height:35px;
          }
          .list{
              list-style: none; 
              color:#767676;
          }
           .box-rankers{
                        border: 1px solid #f3f3f3; 
                        -webkit-box-shadow: 0px 2px 5px 5px rgba(207,207,207,0.64); 
                        -moz-box-shadow: 0px 2px 5px 5px rgba(207,207,207,0.64); 
                        box-shadow: 0px 2px 5px 3px rgba(207,207,207,0.64); 
                        box-shadow: 3px 3px 3px .9 #666; 
                        padding: 71px 0 0; 
                        margin: 10px 0;
                    }
                    .ranker-icon img{
                        width:100px;
                    }
                    .ranker-mark{
                        font-size: 20px;
                    }
                    .award-img{
                        width:80%;
                    }
                        .kmb, .kmw{
                           text-align: center; padding: 20px 0; font-weight: bold;
                       }
                                .kmb a, .kmw a{
                                    font-size: 16px; font-weight:bold;
                                } 
                       .kmb a{
                           color:#306293;
                       }
                       .kmw a{
                           color:#fff;
                       }
                                .kmb i, .kmw i{
                                    font-weight: bold;
                                }
                    .h-100{
        height:100%;
    }
                      .teach1{
                              padding:0; 
                              margin:0; 
                              height:100%;
                          }
                          
                          .teach1 img{
                              width:100%; 
                              height:100%;
                          }
                          
                          .c-white{
                              color:#fff;
                          }
                          .teach-hd{
                              color: #fff; 
                              text-align: center; 
                              padding:30px 0 0; 
                              font-size: 32px;
                          }
                       #faculty .carousel-item-01{
              padding:0;
          }
          .fac-carousel{
                    min-height: 320px;
                    }
          .faculty-box
          {
              border: 2px solid #e0e0e0; 
              padding: 20px; 
              background: #efefef; 
              box-shadow: 0px 0px 10px #c0c0c0; 
              border-top:5px solid #0B3D6D;
          }
                    
                      .digital-hd{
          padding: 10px 10px 25px;
          }
          
          .digital-hd h3{
              color: #fff; 
              text-align: center; 
              padding:30px 0 0; 
              font-size: 36px; 
              line-height:50px;
          }
                       .testimonials-hd{
              background: linear-gradient(#275d92, #245079);
              background: -moz-linear-gradient(#275d92, #245079);
            background: -webkit-linear-gradient(#275d92, #245079);
            background: -o-linear-gradient(#275d92, #245079);
            background: -ms-linear-gradient(#275d92, #245079);
          }
          
          .testimonials-hd h3{
              color: #fff; 
              text-align: center; 
              padding:30px 0 0; 
              font-family: 'Lato script=all rev=1'; 
              font-size: 32px;
          }
                    .social h3{
              font-size: 36px; margin: 50px 0;
          }
          .social-icon
          {
              padding:20px 0;
          }
          
          .fb i{
              color:#4267B2;
          }
          .yt i{
              color:#FF0000;
          }
          .tw i{
              color:#2C7FCE;
          }
          .gp i{
              color:#DB4437;
          }
          .lk i{
              color:#007BB6;
          }
          .social-ft-icon img{
              width:38px;
          }
          .new-btn{
              background: #1f4365;color: #fff;
          }
          .new-input{
             border-radius: 0;
          }

          /*Gallery*/
          .g-img{
             overflow: hidden;
             border-radius: 4px;
          }
   .g-img img {
    filter: gray; /* IE6-9 */
    border-radius: 4px;
    box-shadow: none;
    margin-bottom:5px;
        -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
        overflow: hidden;
         display: block;
  position: relative;
    height: 200px;
    width: 100%;
    }

.g-img img:hover {
  filter: none; /* IE6-9 */
    -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
    overflow: hidden;
    border-radius: 4px;
    height: 200px;
}
.g-back{
color: #767676;
    font-size: 16px;
    float: right;
    padding:10px;
}

.loc{
                      border-bottom: 1px solid #e0e0e0; 
                      margin:0 10px; 
                      padding: 10px 0;
                  }
                  .loc-hd
                  {
                      color:#767676; 
                      margin-top: 20px;
                  }
                  .loc-mail{
                      color:#767676; 
                      text-decoration: underline;
                  }
                  .loc-enq, .loc-enq:hover{
                      padding:5px 10px; 
/*                      background-color: #4c4c4c;*/
                      float: right;
                  }

.loc-enq a, .loc-enq a:hover{
     padding:5px 10px;
     background-color: #4c4c4c;
     float: right;
     color:#fff;
}
 .loc .map-wrapper iframe{
     border:0;
}
 .vat table{
     text-align: center;
     text-transform: uppercase;
}
 .vat-hd{
     font-size: 22px;
     font-weight: bold;
     text-align: center;
     margin-top: 5%;
     text-transform: uppercase;
}
 .i-cd table tr td, .tb table tr td{
     border: 1px solid #3170a9;
}
 .enquiry-btn{
     color:#fff;
     background: #EA6645;
     font-size: 14px;
}
 .enquiry-panel{
     float:right;
     z-index: 1000;
     background: #f8f8f8;
     width:100%;
     height:auto;
     min-height: 325px;
     padding: 0 ;
     border: 1px solid #f3f3f3;
     -webkit-box-shadow: 0px 2px 5px 5px rgba(207,207,207,0.64);
     -moz-box-shadow: 0px 2px 5px 5px rgba(207,207,207,0.64);
     box-shadow: 0px 2px 5px 3px rgba(207,207,207,0.64);
}
 .enquiry-panel h2{
     text-align: center;
     font-size: 22px;
     background: #0C4073;
     background: linear-gradient(#105497, #0C4073);
     color: #fff;
     padding: 10px;
     margin-bottom: 10px;
     transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
 .enquiry-panel form{
     padding:5px 15px;
}
 .enq-text{
     border-left: 1px solid #e0e0e0;
     box-shadow: 1px 3px 3px #e0e0e0;
}
 .enq-text i{
     color: #346493;
}
 .enquiry-inpanel-01, .enquiry-inpanel{
     padding:5px 11px 15px;
}
 #enquireForm .form-control, #enquireForm select.form-control:not([size]):not([multiple]) {
     margin-bottom: 8px;
     font-size: 13px;
     height: 40px;
     color: #767676;
}
 #enquireForm .input-group-addon {
     font-size: 13px;
     padding: 0 10px;
     height: 40px;
}
 .container-fluid .card-body {
     background-color: #FFFCE0 !important;
     color: #000;
}
 .i-hd{
     color:red;
     font-size: 18px;
     text-align: center;
}
 .o-sidebar{
     background: #fffce0;
     padding: 10px 10px;
     border: #e8e1a0 1px solid;
     margin-bottom: 15px;
}
 .o-sidebar h3{
    color: #FF5722;
     margin-top: 0;
}
 .i-cd, .tb{
     background: #D9EDF7;
     border:1px solid #BCE8F1;
     padding:10px;
}
 .i-cd table, .tb table{
     color:#3170A9;
     border:1px solid #000;
     width:100%;
}
 .enq-f{
     margin-left: -5px;
}
 .jm-add-open{
     margin:0;
     padding: 8px 0;
     border-radius: 5px;
     background: #0541A2;
     font-size: 24px;
     color: #fff;
     line-height: 28px;
     box-shadow: 0px 2px 6px 2px rgba(146, 146, 146, 0.75);
}
 .jm-add-open span {
     font-size: 20px;
}
 .red-txt{
     color:#c72525;
}
 .jm-btxt{
     font-size:24px;
     text-align: center;
     font-weight: bold;
}
 .jm-panel{
     text-align: center;
     font-size: 19px;
}
/***/
 .ft {
     position: fixed;
     left: 0;
     bottom: 0;
     width: 100%;
     background-color: #0E5192;
     color: white;
     text-align: center;
     z-index: 1000;
     padding: 5px;
     font-size: 11px;
}
 .ft i{
    font-size:21px;
     padding: 0 5px;
}
 .ft a{
     color:#fff;
}
 @media only screen and (max-width: 720px) {
    .ft, #lb img.ncc{
        display: block;
    }
    .hd-form, #lb img.he {
        display: none;
    }
}
 @media only screen and (min-width: 721px) {
     .ft, #lb img.ncc{
        display: none;
    }
    .hd-form, #lb img.he {
        display: block;
    }
}
 .ft table, .ft table tr td{
     border: 0;
     margin-left: auto;
     margin-right: auto;
}
 .ft table{
     width: 100% 
}

.lh{
    line-height:30px;
}

.hd-img img{
    width: 100%
}