@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Lato:400,700&display=swap");
.bgblue {
  background: #05164d;
}

.w-75 {
  width: 75% !important;
}
.callback{position:fixed;top:25%;z-index:99;width:375px;height:240px;border-radius:5px;right:-326px}
.callbkBtn{background:url(../images/callbtngif9.gif) no-repeat -30px 0;float:left;height:240px;width:28px;z-index:4;position:relative;top:2px}
.callbox{background:linear-gradient(to bottom, #F5F5F5 0%, #E6E7E8 100%);float:left;width:347px;height:240px;border:1px solid #b5b5b5;border-radius:10px 0 0 10px;border-right:none}
.callbox .mid{position:relative;height:100%;padding:20px 0;overflow:hidden}
.ud_prevBtn{height:20px;border-bottom:1px solid #b5b1b1;position:absolute;background:#fff;width:100%;top:0;cursor:pointer;z-index:9;background:#fff;border-top-left-radius:10px}
.ud_prevBtn::after{content:"";background:url(../images/uparrow.png) no-repeat;position:absolute;width:17px;height:15px;left:5px;top:6px;transition:all .4s}
.callback.hover .ud_prevBtn::after{transform:translateX(-50%);left:50%}
.ud_nextBtn{height:20px;border-top:1px solid #b5b1b1;position:absolute;bottom:0;width:100%;cursor:pointer;background:#fff;z-index:9;border-bottom-left-radius:10px}
.ud_nextBtn::after{content:"";background:url(../images/downarrow.png) no-repeat;position:absolute;width:17px;height:15px;top:6px;left:5px;transition:all .4s}
.callback.hover .ud_nextBtn::after{left:50%;transform:translateX(-50%)}
.callbackList{margin:0;padding:0;list-style:none}
.callbackList li{border-bottom:1px solid #ababab;margin:0;padding:0 7px}
.callbackList li a{color:#3e3c3c;display:block;padding:3px 3px 3px 10px;position:relative;transition:all .4s;text-decoration:none;font-size:14px}
.callbackList li a:hover{color:#d11e23}
.callbackList li a::before{position:absolute;content:"\f0da";font:normal normal normal 19px/1 FontAwesome;background-size:10px;top:7px;left:0}
.owl-theme .owl-nav [class*=owl-]:hover {
  background: none;
  color: #FFF;
  text-decoration: none;
}

.owl-theme .owl-nav [class*=owl-]:focus {
  outline: 0;
  border: 0;
}

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

/* width */
::-webkit-scrollbar {
  width: 5px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #0e2f7f;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #05164d;
}

.yellow-btn {
  background: #faba13;
  color: #000;
}
.yellow-btn:hover {
  background: #05164d;
  color: #faba13;
}

.courseDetail .courseHeader {
  background-color: #020c23;
  cursor: pointer;
  transition: max-height 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
  -webkit-transition: max-height 600ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.courseDetail .courseHeader .courseTitle {
  line-height: 40px;
  color: #faba13;
}
.courseDetail .courseHeader .courseTitle .counter {
  width: 40px;
  float: left;
  height: 40px;
  line-height: 40px;
  background: #05164d;
  text-align: center;
  color: #faba13;
  border-radius: 50%;
  margin-right: 11px;
}
.courseDetail .courseBody {
  display: none;
}
.courseDetail.active .courseHeader {
  background-color: #fff;
}
.courseDetail.active .courseHeader .fa {
  color: #020c23;
}

/*.gall img {
  border: 8px solid #cfd0da;
}
.gall img:hover {
  border: 8px solid #020c23;
}*/

@font-face {
  font-family: "FontAwesome";
  font-weight: normal;
  font-style: normal;
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
}
body {
  font-family: "Lato", sans-serif;
  margin: 0;
  padding: 0;
  width: 100%;
  position: relative;
}

section {
  width: 100%;
  position: relative;
  float: left;
}

a {
  text-decoration: none !important;
}
a:active {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
a:visited {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
a:link {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}
a:focus {
  outline: 0 !important;
  border: 0 !important;
  box-shadow: none !important;
}

.fixed-btn.btn2 {
  position: fixed;
  top: 50%;
  right: -71px;
  z-index: 999;
  transform: rotate(-90deg);
  color: #05164d;
  text-transform: uppercase;
  border-radius: 0;
  background: #faba13;
  font-weight: bold;
  /*animation:blinkingText 500ms infinite;*/
}
.fixed-btn.btn2:hover {
  color: #fff;
  background: #820a0e;
}

@keyframes blinkingText {
  0% {
    background: #820a0e;
  }
  49% {
    background: #820a0e;
  }
  60% {
    background: #faba13;
  }
  99% {
    background: #faba13;
  }
  100% {
    background: #820a0e;
  }
}
.breadcrumbArea {
 background-image: url(../images/banner-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #E8E8E8;
  background-blend-mode: multiply;
  height:300px;
}
.breadcrumbArea ol {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.breadcrumbArea ol li {
  display: inline-block;
  padding-right: 20px;
  position: relative;
}
.breadcrumbArea ol li:after {
  content: ">";
  position: absolute;
  color: #05164d;
  right: 0px;
}
.breadcrumbArea ol li:last-of-type:after {
  content: "";
}
.breadcrumbArea ol li a {
  color: #fff;
  text-transform: uppercase;
}

.question ul {
  list-style: upper-alpha;
  width: 100%;
}
.question ul li {
  width: 50%;
  margin-bottom: 10px;
  float: left;
}
.question ol {
  padding-left: 10px;
  padding-right: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

.syllabus .card, .cards .card {
  margin-bottom: 10px;
}
.syllabus .card .card-header, .cards .card .card-header {
  background: #020c23;
  cursor: pointer;
  padding: 7px 10px;
}
.syllabus .card .card-header h5, .cards .card .card-header h5 {
  color: #faba13;
  font-size: 18px;
  text-transform: uppercase;
}
.syllabus .card .card-body, .cards .card .card-body {
  display: none;
}

.phd {
  line-height: 30px !important;
  margin-top: 5px;
  padding: 0px 5px;
  font-weight: bold;
  font-size: 13px;
  background: #faba13;
  border-radius: 5px;
  color: #05164d !important;
}
.phd:hover {
  color: #fff !important;
  background: #0e2f7f;
}

.topbar {
 background-color: rgb(44,97,127);
  height: 40px;
}
.topbar .top-left p {
  line-height: 40px;
}
.topbar .top-left p span {
  color: #fff;
}
@media (max-width: 576px){
    .topbar .top-left p span{
        font-size: 12px;
    }
    .topbar .top-left p img{
        width: 20px!important;
    }
}
.topbar .top-left .text-white {
  color: #020c23 !important;
  font-weight: bold;
}
.topbar .top-right ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float: right;
}
.topbar .top-right ul li {
  float: left;
  padding: 0px 8px;
}
.topbar .top-right ul li a {
  color: #020c23;
  line-height: 30px;
  display: block;
  font-weight: bold;
  margin-top: 6px;
}
@media (max-width: 576px){
    .topbar .top-right ul li a{
        font-size: 12px;
    }
}
.navbar {
  padding: 0px;
  z-index: 9999;
  background-color:#fff;
    border: 1px solid rgb(0,139,139,.7);
}
.navbar img {  width: 250px;
}
.navbar .nav-opener {
  color: #fff;
}
.navbar .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  transform: translateX(-10px);
  border-radius: 0px;
  box-shadow: inset 0px 5px #1D7791;
  transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
  transition: all 300ms cubic-bezier(0.47, 0, 0.745, 0.715);
}
.navbar .dropdown-menu .dropdown-item {
  padding: 0.25rem 5px;
  width: 180px;
  white-space: normal !important;
  font-size: 12.5px;
}
.navbar .dropdown-menu .dropdown-item:hover {
  background: #1D7791;
  color: #fff;
}
.navbar .nav-item .nav-link {
  color: #000 !important;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
}
.navbar .nav-item.dropdown {
  padding: 0px 5px;
}
.navbar .nav-item.dropdown > a:after {
  font-family: "FontAwesome";
  font-weight: 900;
  content: "";
  position: absolute;
  right: -3px;
  top: 8px;
}
.navbar .nav-item.dropdown:hover .dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.navbar .stickylogo {
  display: none;
}
.navbar .logo {
  display: block;
}
.navbar.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #fff;
}
.navbar.sticky .logo {
  display: none;
}
.navbar.sticky .nav-item .nav-link {
  color: #05164d !important;
  font-size: 13px;
  font-weight: bold;
}
.navbar.sticky .stickylogo {
  display: block;
}
.navbar.sticky .nav-opener {
  color: #05164d;
}

.mobilemenu {
  width: 300px;
  height: 100vh;
  overflow: auto;
  background: #fff;
  position: fixed;
  right: -300px;
  top: 0;
  z-index: 99999999999;
  -webkit-transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 600ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mobilemenu.active {
  right: 0px;
}
.mobilemenu ul {
  width: 100%;
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.mobilemenu ul li {
  width: 100%;
  position: relative;
  float: left;
  padding: 3px 0px;
  padding-left: 20px;
}
.mobilemenu ul li a {
  color: #05164d;
  display: block;
}
.mobilemenu ul.menu > li .dropmenu {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.mobilemenu ul.menu > li .dropmenu li:hover {
  background:#1D7791 
}
.mobilemenu ul.menu > li .dropmenu li:hover a {
  color: #fff;
}
.mobilemenu ul.menu > li:hover {
  background: rgb(44,97,127);
}
.mobilemenu ul.menu > li:hover a {
  color: #fff;
}
.mobilemenu ul.menu > li:hover .dropmenu {
  max-height: 500px !important;
}

.banner {
  background-image: url("https://res.cloudinary.com/dhaaq9sgz/image/upload/v1/starex/starex_5bf547587845c.jpg");
  /*background-image: url("../images/img-min.jpg");*/
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-color:$mblue;    */
  background-blend-mode: multiply;
}
.banner > row {
  padding-left: 15px;
  padding-right: 15px;
}
.banner .cc {
  margin: 0;
  padding: 0;
}
.banner .card-body {
  height: 414px;
}
.banner .card-body .newstitle {
  font-size: 20px;
  position: relative;
  margin-bottom: 20px;
}
.banner .card-body .newstitle:after {
  content: " ";
  height: 1px;
  background: #000;
  width: 113px;
  position: absolute;
  bottom: -10px;
  left: 0;
}
.banner .card-body .newsbtn {
  color: #fff;
  background: #05164d;
  margin-top: 20px;
}
.banner .card-body .newsbtn:hover {
  background: #faba13;
  color: #05164d;
}
.banner .card-body .newsContainer {
  height: 300px;
  overflow: hidden;
  width: 100%;
  float: left;
}
.banner .card-body .newsContainer .bannerLatestNews {
  list-style-type: none;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
  position: relative;
  animation: marquee 150s linear infinite;
  overflow-y: hidden;
}
.banner .card-body .newsContainer .bannerLatestNews:hover {
  animation-play-state: paused;
}
.banner .card-body .newsContainer .bannerLatestNews li {
  position: relative;
  width: 100%;
  border-bottom: 1px solid #000;
  float: left;
  padding-bottom: 20px;
  padding-top: 15px;
}
.banner .card-body .newsContainer .bannerLatestNews li .icon {
  float: left;
  width: 30px;
}
.banner .card-body .newsContainer .bannerLatestNews li .icon img {
  width: 100%;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail {
  width: calc(100% - 30px);
  float: left;
  padding-left: 10px;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail .date p {
  font-size: 15px;
  color: #020c23;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail .eventHeading {
  width: 100%;
  float: left;
  position: relative;
  top: 0px;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail .eventHeading h5 {
  font-weight: 500;
  font-size: 13px;
  margin: 0;
  padding: 0;
  letter-spacing: 3px;
  color: #820a0e;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail .eventDetail {
  position: relative;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail .eventDetail p {
  line-height: 15px;
  margin: 0;
  padding: 0;
  letter-spacing: 2px;
  line-height: 20px;
  font-size: 13px;
  margin-top: 25px;
}
.banner .card-body .newsContainer .bannerLatestNews li .detail p {
  margin: 0;
  padding: 0;
}

@keyframes marquee {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-100%);
  }
}
/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
  animation-name: jssorl-009-spin;
  animation-duration: 1.6s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}

@keyframes jssorl-009-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
/*jssor slider bullet skin 032 css*/
.jssorb032 {
  position: absolute;
}

.jssorb032 .i {
  position: absolute;
  cursor: pointer;
}

.jssorb032 .i .b {
  fill: #fff;
  fill-opacity: 0.7;
  stroke: #000;
  stroke-width: 1200;
  stroke-miterlimit: 10;
  stroke-opacity: 0.25;
}

.jssorb032 .i:hover .b {
  fill: #000;
  fill-opacity: 0.6;
  stroke: #fff;
  stroke-opacity: 0.35;
}

.jssorb032 .iav .b {
  fill: #000;
  fill-opacity: 1;
  stroke: #fff;
  stroke-opacity: 0.35;
}

.jssorb032 .i.idn {
  opacity: 0.3;
}

/*jssor slider arrow skin 051 css*/
.jssora051 {
  display: block;
  position: absolute;
  cursor: pointer;
}

.jssora051 .a {
  fill: none;
  stroke: #fff;
  stroke-width: 360;
  stroke-miterlimit: 10;
}

.jssora051:hover {
  opacity: 0.8;
}

.jssora051.jssora051dn {
  opacity: 0.5;
}

.jssora051.jssora051ds {
  opacity: 0.3;
  pointer-events: none;
}

/*.red-text{
	color:$red;
}*/
.darkblue-text {
  color: #020c23;
}

.lightblue-text {
  color: #0e2f7f;
}

.blue-text {
  color: #05164d;
}

.yellow-text {
  color: #faba13;
}

/*.red-bg{
	background-color: $red;
}*/
.darkblue-bg {
  background-color: #020c23;
}

.blue-bg {
  background-color: #05164d;
}
.cyan-bg {
  background-color: rgb(44,97,127,.7);
}

.lightblue-bg {
  background-color: #0e2f7f;
}
.lightcyan-bg {
  background-color: rgb(44,97,127,.7);
}

.yellow-bg {
  background-color: #faba13;
}

.title {
  text-transform: uppercase;
  font-weight: bold;
  position: relative;
}

.secondaryTitle {
  text-transform: uppercase;
  font-weight: bold;
  color: #fff;
  position: relative;
}
.secondaryTitle.centerbar:after {
  position: absolute;
  height: 2px;
  width: 20%;
  background: #fff;
  content: " ";
  bottom: -10px;
  left: 40%;
}

p {
  line-height: 28px;
}
.popup-form-section h4{
    margin-bottom: 20px;
}
.popup-form-section p{    font-size: 20px;
    color: #F93C28;
    line-height: 25px;}
.programm {
  /*background-image: url("https://res.cloudinary.com/dhaaq9sgz/image/upload/v1/starex/starex_5bf547587845c.jpg");*/
  background-image: url("../images/banner-1.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  /*background-size: cover;*/
  background-color: #1D7791;
  background-blend-mode: multiply;
}
.programm .titleHeading {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.programm .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 20%;
  background: #fff;
  content: " ";
  bottom: -10px;
  left: 40%;
}
@keyframes pulse {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);}
    100% {
      transform: scale(1);
    }
  }

.programm .schoolContainer {
  width: 100%;
  background: #ffffffc4;
  text-align: center;
  position: relative;
  min-height: 125px;
}
.programm .schoolContainer:hover {
  
  background: linear-gradient(to right, #F5F5F5 0%, #F51128 100%);
  
}
.programm .schoolContainer a {
  color: #000;
}
.programm .schoolContainer .schoolimage {
  position: relative;
  width: 70px;
  top: -33px;
  margin-left: auto;
  margin-right: auto;
}
.programm .schoolContainer .schoolimage img {
  width: 100%;
  transition: all 1s;
}
.programm .schoolContainer .title {
  font-size: 17px;
  font-weight: 500;
  top: -20px;
}
.programm .schoolContainer:hover {
  animation: pulse 1s 1;
  animation-timing-function: linear;
  box-shadow: 0 0 2px 2px #05164d;
}
.programm .schoolContainer:hover .title a {
  color: #05164d;
}
.programm .schoolContainer:hover .schoolimage img {
  transform: rotate(360deg);
}
.programm.about {
  background: #fff;
}

.achievement .content {
  padding-left: 20px;
}
.achievement .owl-dots {
  position: absolute;
  width: 100%;
  bottom: -40px;
}
.achievement .owl-dots span {
  width: 30px !important;
  height: 4px !important;
}

.events .titleHeading {
  position: relative;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}
.events .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}
.events .content-holder {
  text-align: center;
  float: left;
  width: 100%;
}
.events .content-holder h4 {
  font-weight: bold;
  position: relative;
}
.events .content-holder h4:after {
  position: absolute;
  width: 10%;
  left: 45%;
  content: " ";
  height: 1px;
  bottom: -10px;
  background: #000;
}
.events .content-holder h6 {
  font-size: 17px;
  color: #05164d;
  font-weight: bold;
}
.events .imageHolder {
  position: relative;
}
.events .imageHolder h4 {
  position: absolute;
  width: 62px;
  height: 30px;
  background: red;
  text-transform: uppercase;
  font-size: 15px;
  text-align: center;
  line-height: 30px;
  top: 0;
  right: 0;
  background: #faba13;
  color: #020c23;
}
.events .owl-nav {
  position: relative !important;
  right: 0 !important;
  top: -10px !important;
}
.events .owl-nav .owl-prev {
  float: left !important;
}
.events .owl-nav .owl-prev:after {
  content: url("../images/icons/prev.png");
}
.events .owl-nav .owl-prev span {
  visibility: hidden;
}
.events .owl-nav .owl-next {
  float: right !important;
}
.events .owl-nav .owl-next:after {
  content: url("../images/icons/next.png");
}
.events .owl-nav .owl-next span {
  visibility: hidden;
}

.legacy {
  background-image: url("../images/leg-bg.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #7DA1B3;
  background-blend-mode: multiply;
}
.legacy .legacyTitle h1 {
  text-transform: uppercase;
}
.legacy .titleHeading {
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.legacy .titleHeading:after {
     position: absolute;
    height: 2px;
    width: 10%;
    background: #fff;
    content: " ";
    bottom: -10px;
    left: 45%;
 
}
.legacy .blog-container {
  width: 100%;
  background: #faba13;
  float: left;
  position: relative;
}
.legacy .blog-container .titleHeading {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  position: relative;
}
.legacy .blog-container .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 20%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 0%;
}
.legacy .blog-container ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  margin-top: 20px;
  height: 500px;
  overflow-y: auto;
}
.legacy .blog-container ul li {
  display: block;
  width: 100%;
  border-bottom: 1px solid #05164d;
  padding-top: 10px;
  padding-bottom: 10px;
  float: left;
}
.legacy .blog-container ul li .img {
  width: 100px;
  float: left;
}
.legacy .blog-container ul li .content {
  width: calc(100% - 100px);
  float: left;
  padding-left: 8px;
}
.legacy .blog-container ul li .content p {
  line-height: 17px;
}
.legacy .blog-container ul li .content h5 {
  color: #05164d;
}

.highlights .titleHeading {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.highlights .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}
.highlights h4 {
  color: #020c23;
}
.highlights .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0px;
}
.highlights .owl-nav .owl-prev:after {
  content: url("../images/icons/prev.png");
}
.highlights .owl-nav .owl-prev span {
  visibility: hidden;
}
.highlights .owl-nav .owl-next:after {
  content: url("../images/icons/next.png");
}
.highlights .owl-nav .owl-next span {
  visibility: hidden;
}
.highlights h6 {
  background: #1D7791;
  color: #fff !important;
  text-aligh: center !important;
  text-align: center;
  padding: 5px;
}

.starexnotice .col2 h5 {
  text-transform: uppercase;
}
.starexnotice .col1 h2 {
  text-transform: uppercase;
}
.starexnotice .col1 h2:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}

.pressMedia {
  background: #e5e5e5;
}
.pressMedia h2 {
  text-transform: uppercase;
  text-align: center;
  position: relative;
  font-weight: bold;
}
.pressMedia h2:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}
.pressMedia h4 {
  text-transform: uppercase;
  margin-top: 10px;
  font-weight: 600;
}
.pressMedia h4 span {
  color: #020c23;
}
.pressMedia .owl-nav {
  position: absolute;
  right: 0;
  bottom: 0px;
}
.pressMedia .owl-nav .owl-prev:after {
  content: url("../images/icons/prev.png");
}
.pressMedia .owl-nav .owl-prev span {
  visibility: hidden;
}
.pressMedia .owl-nav .owl-next:after {
  content: url("../images/icons/next.png");
}
.pressMedia .owl-nav .owl-next span {
  visibility: hidden;
}

.studentSpeak .titleHeading {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.studentSpeak .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}
.studentSpeak blockquote {
  font-weight: bold;
}
.studentSpeak blockquote:before {
  content: url("../images/icons/beforequote.png");
  width: 100px;
}
.studentSpeak blockquote:after {
  content: url("../images/icons/afterquote.png");
}
.studentSpeak .userimage {
  width: 70px !important;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
}
.studentSpeak .owl-nav {
  position: relative !important;
  right: 0 !important;
  top: -100px !important;
}
.studentSpeak .owl-nav .owl-prev {
  float: left !important;
}
.studentSpeak .owl-nav .owl-prev:after {
  content: url("../images/icons/prev.png");
}
.studentSpeak .owl-nav .owl-prev span {
  visibility: hidden;
}
.studentSpeak .owl-nav .owl-next {
  float: right !important;
}
.studentSpeak .owl-nav .owl-next:after {
  content: url("../images/icons/next.png");
}
.studentSpeak .owl-nav .owl-next span {
  visibility: hidden;
}

.industryLinkage {
  background: #e5e5e5;
  border-radius: 40px;
  box-shadow: outset 2px 10px #1D7791;
}
.industryLinkage .titleHeading {
  text-transform: uppercase;
  color: #000;
  font-weight: bold;
  position: relative;
  text-align: center;
}
.industryLinkage .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #000;
  content: " ";
  bottom: -10px;
  left: 45%;
}
.industryLinkage .owl-dots span {
  width: 30px !important;
}

.newsletter {
  background-color: #D6D6D4;
}
.newsletter .col1 h4 {
  text-transform: uppercase;
  font-weight: 600;
}
.newsletter .col1 h4 span {
  font-weight: 400;
  font-size: 20px;
}
.newsletter input {
  padding: 31px 5px;
  font-size: 20px;
}
.newsletter button {
  background: #020c23;
  color: #fff;
  text-transform: uppercase;
  font-size: 20px;
  padding: 16px 5px;
}
.newsletter button:hover {
  color: #faba13;
}

.footer {
  background: rgb(44,97,127,.7);
  color: #fff;
}
.footer h4 {
  text-transform: uppercase;
}
.footer .about h4 {
  text-transform: uppercase;
}
.footer .about p {
  padding-right: 30px;
}
.footer .about .footerAbout {
  position: relative;
}
.footer .about .footerAbout:after {
  content: " ";
  height: 1px;
  width: 200px;
  bottom: -27px;
  position: absolute;
  background: #fff;
  left: 0px;
}
.footer .quicklink ul {
  list-style-type: none;
  margin-bottom: 0px;
  padding: 0px;
}
.footer .quicklink ul li {
  display: block;
  float: left;
  width: 100%;
  line-height: 30px;
}
.footer .quicklink ul li a {
  color: #fff;
}
.footer .quicklink ul li a:hover {
  color: red;
}
.footer .connect ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}
.footer .connect ul li {
  display: inline-block;
}

/*.studentLife{
	background:$mblue;
	   .titleHeading{
    	text-align: center;
    	text-transform: uppercase;
    	color:#fff;
    	font-weight: bold;
    	position: relative;
    	&:after{
    		    position: absolute;
    height: 2px;
    width: 10%;
    background: #fff;
    content: " ";
    bottom: -10px;
    left: 45%;
    	}
    }

    a{
        position: absolute;
        bottom: 0px;
    right: 15px;
        &.rl{

    z-index: 1;
    left: 87%;
    bottom: 0px;
        }
    }
}*/
.banner-overlay-color {
    background: rgba(0, 0, 0, .1);
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}
.content .leftnav {
  list-style-type: none;
 
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}
.content .leftnav li {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px dashed #05164d;
}
.content .leftnav li a {
  display: block;
 
  padding: 7px 0px;
  font-weight: bold;
  color: #000;
  text-transform: uppercase;
}
.content .contentTitle {
    font-family:Georgia;
  text-transform: uppercase;
  color: #05164d;
  border-bottom: 1px dashed #05164d;
  padding-bottom: 10px;
  font-weight: bold;
}
.content .textbox {
  width: 100%;
  float: left;
  position: relative;
  border-bottom: 1px dashed #05164d;
}
.content .textbox .title {
  font-weight: bolder;
}
.content .textbox .description {
  font-weight: 600;
}
.content .textbox a span {
  color: #fff;
  background: #820a0e;
  font-size: 13px;
  padding: 3px 13px;
}

.legacyl {
  background-image: url("../images/d-banner2.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #7DA1B3;
  background-blend-mode: multiply;
}
.legacyl.left h4 {
  color: #fff;
}
.legacyl.left p {
  font-size: 14px;
}

.about p.abouttext {
  line-height: 30px;
  font-weight: bold;
}
.about p.abouttext img {
  float: right;
  margin: 20px;
  max-width: 300px;
}
.about .aboutdesignation {
  color: #666;
  font-size: 14px;
}
.about .aboutname{
    font-size: 24px;
    font-weight: 500;
}
.about .why {
  list-style: lower-roman !important;
  padding: 0;
  margin: 0;
  width: 100%;
  float: left;
}
.about .why li {
  display: block;
  width: 100%;
  /*font-size: 18px;*/
  font-weight: bold;
  color: #05164d;
  padding: 4px 0px;
  padding-left: 10px;
  position: relative;
}
.governingAuthorityImg{
    max-width: 200px;
    height: 258px;
    object-fit: cover;
    margin-bottom: 15px;
}
.media .filter {
  width: 100%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.media .filter li {
  display: inline-block;
  padding: 5px 6px;
}
.media .filter li a {
  font-weight: bold;
  color: #000;
}
.media .filter li a.active {
  color: #05164d;
}
.media .textbox {
  position: relative;
  width: 100%;
  float: left;
  border-bottom: 1px solid #000;
}
.media .textbox .title {
  color: #05164d;
  font-weight: bold;
  text-transform: none;
  font-size: 17px;
}

.program .schoolContainer {
  width: 100%;
  background-color: #e6e7e8;
  min-height: 110px;
}
.program .schoolContainer a {
  color: #000;
}
.program .schoolContainer img {
  width: 40px;
  position: relative;
  top: -20px;
}

.schoolcard > .card-header {
  background-color: #020c23;
  cursor: pointer;
  padding: 7px 10px;
}
.schoolcard > .card-header h4 {
  color: #faba13;
  margin: 0px;
  font-size: 18px;
  text-transform: uppercase;
}
.schoolcard .card-body {
  display: none;
}

.programcard > .card-header {
  padding: 8px 10px;
  background-color: #020c23;
  cursor: pointer;
}
.programcard > .card-header h6 {
  color: #faba13;
  margin: 0px;
}
.programcard .card-body {
  display: none;
}

.courseBtn {
  background-color: #020c23;
  color: #faba13;
}
.courseBtn:hover {
  background: #faba13;
  color: #020c23;
}
.footer-fixed-bar {
    background: rgba(0, 0, 0, .95);
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 100;
    padding: 10px 0;
    display: none
}

.footer-fixed-bar p {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-bottom: 0
}

.footer-fixed-bar a {
    font-size: 16px;
    text-decoration: none;
    /*text-transform:uppercase;font-weight:700;*/
    color: #fff;
    line-height: 20px;
    display: inline-block;
    vertical-align: top
}
.footer-fixed-bar span {
    text-transform: uppercase;
    font-size: 16px;
    text-decoration: none;
    font-weight: 700;
    color: #f7b400;
    display: inline-block;
    vertical-align: top;
}

.footer-fixed-bar {
    display: block;
    padding-bottom: 2px;
}
.admission {
  background-image: url("../images/admissionPic.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.appliOnline {
  background-image: url("../images/applyOnline.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}
.admission .form-control {
  padding: 1px 10px;
  height: auto !important;
}
/*.admission .card {
  background: #faba13;
  border-radius: 0px;
}
.admission .card .alert {
  background: #05164d;
  color: #fff;
  font-weight: 900;
  border-radius: 0;
  padding: 6px 0px;
  font-size: 20px;
}
.admission .card button {
  background: #05164d;
  padding: 0px;
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
}
.admission .form-group {
  margin-bottom: 5px;
}*/

#admission {
  width: 100%;
  float: left;
  position: relative;
  /*background: #0e2f7f;*/
  background-image: url("https://res.cloudinary.com/dhaaq9sgz/image/upload/v1/starex/starex_5bf547587845c.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  /*background-blend-mode: multiply;*/
}

.studentLife {
  background: #7DA1B3;
}
.studentLife .titleHeading {
  text-align: center;
  text-transform: uppercase;
  color: #fff;
  font-weight: bold;
  position: relative;
}
.studentLife .titleHeading:after {
  position: absolute;
  height: 2px;
  width: 10%;
  background: #fff;
  content: " ";
  bottom: -10px;
  left: 45%;
}

.mt50 {
  margin-top: 50px;
}

.mt30 {
  margin-top: 30px;
}

.mt100 {
  margin-top: 100px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb100 {
  margin-bottom: 100px;
}

.my50 {
  margin-bottom: 50px;
  margin-top: 50px;
}

.my30 {
  margin-bottom: 30px;
  margin-top: 30px;
}

.my100 {
  margin-bottom: 100px;
  margin-top: 100px;
}

.pt50 {
  padding-top: 50px;
}

.pt30 {
  padding-top: 30px;
}

.pt100 {
  padding-top: 100px;
}

.pb50 {
  padding-bottom: 50px;
}

.pb30 {
  padding-bottom: 30px;
}

.pb100 {
  padding-bottom: 100px;
}

.py50 {
  padding-bottom: 50px;
  padding-top: 50px;
  
}

.py30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.py100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

@media only screen and (max-width: 991px) {
  .newsletter .col1 h4 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
  }
  .newsletter .col1 h4 span {
    font-weight: 400;
    font-size: 14px;
  }
  .newsletter input {
    padding: 31px 5px;
    font-size: 20px;
  }
  .newsletter button {
    font-size: 14px;
  }

  .content .leftnav li a {
    font-size: 14px;
    font-family:georgia;
  }
}
@media only screen and (max-width: 770px) {
  .programm .schoolContainer .title {
    font-size: 14px;
  }

  .newsletter button {
    margin-top: 10px;
  }

  .topbar .top-right ul li {
    float: left;
    padding: 0px 6px;
}
}

 
.btn-primary {
    color: #fff;
    background-color: #05164d;
    border-color: #05164d;
}
.btn-primary:hover {
    color: #05164d;
    background-color: #faba13;
    border-color: #faba13;
}
.flashButton{
    background-color: red;
    color: #fff;
    padding: 0px 12px;
    border-radius: 4px;
    -webkit-animation: blinkAnimation 1.5s infinite;
          animation: blinkAnimation 1.5s infinite;
}
@-webkit-keyframes blinkAnimation {
  0% {
    background-color: red;
    color: #fff;
  }
  50% {
    background-color: red;
    color: #fff;
  }
  51% {
    background-color: #05164d;
    color: #fff;
  }
  100% {
    background-color: #05164d;
    color: #fff;
  }
}

@keyframes blinkAnimation {
  0% {
    background-color: red;
    color: #fff;
  }
  50% {
    background-color: red;
    color: #fff;
  }
  51% {
    background-color: #05164d;
    color: #fff;
  }
  100% {
    background-color: #05164d;
    color: #fff;
  }
}
@media only screen and (max-width: 770px)
{
    .about-left-sect{width: 510px;}
  .topbar .top-right ul li {
    float: left;
    padding: 0px 3px;
}

}