/* Custom Scroll Bar */
::-webkit-scrollbar {width: 6px;}
::-webkit-scrollbar-button {width: 8px;height:5px;}
::-webkit-scrollbar-track {background:#eee;border: thin solid lightgray;box-shadow: 0px 0px 3px #dfdfdf inset;border-radius:10px;}
::-webkit-scrollbar-thumb {background:#999;border: thin solid gray;border-radius:10px;}
::-webkit-scrollbar-thumb:hover {background:#7d7d7d;}
/* Custom Scroll Bar */

body{ margin:0; padding:0; background:#F5F5F5;}

#loader{ position:absolute; margin:auto; top:0; bottom:0; left:0; right:0; width:100px; height:100px;}
#content{ display:none;}

.logo{ position:relative; top:-17px;}
.footsection{ min-height:300px; background:#0b1657; margin:0; padding-top:4%;}
.footsmlbox{ min-height:200px; margin-bottom:10px; padding:1%;}
.footsmlbox img{ margin-bottom:10px;}
.wallsection{ min-height:300px; background-image:url(../images/wall.jpg); background-position:center; padding-top:2%; padding-bottom:2%;}
.generalsection{ min-height:300px; background:#FFF; margin:0; padding-top:2%; padding-bottom:2%;}
.affiliationstrap{ min-height:30px; background:#800020; color:#FFF; margin:0; padding-top:10px;}

#myCarousel{ position:relative; top:-20px; margin-bottom:-20px;}
.carousel-caption h3{font-family: 'Open Sans', sans-serif; font-size:2em; font-weight:bold;}
.carousel-caption p{font-family: 'Open Sans', sans-serif; font-size:1.5em; font-weight:bold;}

.newsbox{ height:350px; border:#333333 1px solid; margin-bottom:10px; overflow:hidden; transition: border .5s;}
.newsbox .newsBoxImage{ height:250px; background-position:center; background-repeat:no-repeat; background-size:cover; transition: height .5s;}
.newsbox:hover{ height:350px; border:#FF3300 1px solid; margin-bottom:10px;}
.newsbox:hover .newsBoxImage{ height:100px; background-position:center; background-repeat:no-repeat; background-size:cover;}

.dateCircle{ width:60px; height:60px; border-radius:80px; background:#FF3300; position:relative; top:5%; left:70%; padding-top:8px;}
.newsHeadBox{ height:350px; background:#FFF; padding:2%;}
.newsBoxUp{ height:100px; padding:1%;}
.newsBoxDown{ height:130px; padding:1%;}
.newsBoxDown p{ font-size:.9em; color:#333333; margin-top:10px; text-align:center;}
.newsBoxDown p a{ padding:5px; font-size:1em; background:#FF3300; color:#FFF;}
.newsBoxDown p a:hover{ padding:5px; font-size:1em; background:#FF3300; color:#FFF; text-decoration:none;}

/* Campus Box Design */
.campBox{ height:350px; border:#333333 1px solid; margin-bottom:10px; overflow:hidden; transition: border .5s;}
.campBox .campBoxImage{ height:300px; background-position:center; background-repeat:no-repeat; background-size:cover; transition: height .5s;}
.campBox:hover{ height:350px; border:#FF3300 1px solid; margin-bottom:10px;}
.campBox:hover .campBoxImage{ height:100px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.campHeadBox{ height:350px; background:#FFF; padding:2%;}
.campBoxUp{ height:100px; padding:1%;}
.campBoxDown{ height:130px; padding:1%;}
.campBoxDown p{ font-size:.9em; color:#333333; margin-top:10px; text-align:center;}
.campBoxDown p a{ padding:5px; font-size:1em; background:#FF3300; color:#FFF;}
.campBoxDown p a:hover{ padding:5px; font-size:1em; background:#FF3300; color:#FFF; text-decoration:none;}
/* Campus Box Design */

.bgsection{ min-height:300px; background-image:url(../images/campus-life.jpg); background-position:center; background-size:cover; padding-top:2%;}
.campusbox{ min-height:250px; background:rgba(240, 62, 94, 0.8); padding:2%; margin-bottom:1%; border-radius:5px;}
.campusbox p a{ padding:8px 15px 8px 15px; background:#FF9900; color:#333; font-family: 'Open Sans', sans-serif; font-weight:bolder; font-size:1.1em;  border-radius:10px;}
.campusbox p a:hover{ padding:8px 15px 8px 15px; background:#FF9900; color:#333; font-family: 'Open Sans', sans-serif; font-weight:bolder; font-size:1.1em;  border-radius:10px; text-decoration:none;}
.gray{ background-color:#F4F4F4 !important;}
.white{ color:#FFF;}
.red{ color:#FF3300;}

.heading{font-family: 'Open Sans', sans-serif; font-weight:bolder; color:#800020}
.normal{font-family: 'Open Sans', sans-serif;}
.simple{ font-size:1.2em;}
.extralarge{ font-size:1.3em;}
.extralargeF{ font-size:2em;}
.smallfont{ font-size:.9em;}
.smallest{ font-size:.7em;}
.maintxt{ text-transform:uppercase; font-family: 'Open Sans', sans-serif; font-size:1.1em; font-weight:bold;}

.social ul{ margin:0; padding:0;}
.social ul li{ display:inline; margin-left:10px; margin-right:10px;}
.social ul li a{font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#FFF; transition: color .5s;}
.social ul li a:hover{font-family: 'Open Sans', sans-serif; font-size:1.3em; color:#FFFF66;}

.commm ul{ margin:0; padding:0;}
.commm ul li{ display:inline; margin-left:10px; margin-right:10px;}
.commm ul li a{font-family: 'Open Sans', sans-serif; font-size:.7em; color:#FFF; transition: color .5s;}
.commm ul li a:hover{font-family: 'Open Sans', sans-serif; font-size:.7em; color:#FFFF66; text-decoration:none;} 

.footnav ul{ margin:0; padding:0;}
.footnav ul li{ display:block; margin-top:5px;}
.footnav ul li a{font-family: 'Open Sans', sans-serif; font-size:1em; color:#FFF; transition: color .5s;}
.footnav ul li a:hover{font-family: 'Open Sans', sans-serif; font-size:1em; color:#FFFF66; text-decoration:none;}


.mylink{ min-height:40px; margin-top:10px; margin-bottom:10px;}
.mylink p a{ padding:5px; border:#333 1px solid; position:relative; top:10px; font-family: 'Open Sans', sans-serif; font-size:1.2em; color:#333333; transition: border .5s, color .5s;}
.mylink p a:hover{ padding:5px; border:#FF3300 1px solid; position:relative; top:10px; font-family: 'Open Sans', sans-serif; color:#FF3300; text-decoration:none;}
.contentbox{ min-height:200px; border:#333 1px solid; padding:1%; transition: border .5s;}
.contentbox:hover{ min-height:200px; border:#FF3300 1px solid; padding:1%;}
.mybox{ min-height:180px; padding:1%; margin-bottom:10px;}
.mybox ul li{ display:block; margin-top:30px;}
.mybox ul li a{ font-family: 'Open Sans', sans-serif; font-size:1.1em; font-weight:bold; color:#333; text-decoration:none; transition: color .5s;}
.mybox ul li a .mySpan{ margin-left:5px; transition: margin-left .5s;}
.mybox ul li a:hover{ font-family: 'Open Sans', sans-serif; font-size:1.1em; font-weight:bold; color:#FF3300; text-decoration:none;}
.mybox ul li a:hover .mySpan{ margin-left:15px;}
.footcrew{ min-height:40px; border-top:#999999 1px solid; padding-top:10px;}

.campboxOut{ height:250px; border:#333333 1px solid; background-position:center; background-repeat:no-repeat; background-size:cover;}
.campboxIn{ height:250px; border:#333333 1px solid; background:rgba(0, 0, 0, 0.3); transition: height .5s, background .5s;}
.campboxOut:hover .campboxIn{height:50px; border:#333333 1px solid; background:rgba(0, 0, 0, 0.6);}
.campboxOut:hover campboxIn campboxHalf{ height:190; background:#FFF; position:relative; top:-190px;}
/* .campboxHalf{ height:190; background:#FFF;} */
.owl-carousel .item { height:300px; background:#FFF; margin:5px; box-shadow: 1px 2px 5px #888888; padding:2%;}
.owl-carousel1 .item { height:300px; background:#FFF; margin:5px; box-shadow: 1px 2px 5px #888888; padding:2%;}

.progbox{ min-height:300px; padding:2%;}
.progbox p{font-family: 'Open Sans', sans-serif; font-size:1.2em; text-align:justify;}
.progbox h1{font-family: 'Open Sans', sans-serif; font-weight:bolder; font-size:2em; color:#800020;}
.progbox h2{font-family: 'Open Sans', sans-serif; font-weight:bolder; font-size:2em;  color:#800020;}
.progbox h3{font-family: 'Open Sans', sans-serif; font-weight:500; font-size:1.8em;  color:#800020;}
.progbox ol, li {margin: 0;padding: 0;}
.progbox ol {counter-reset: list; display: table;}
.progbox li {list-style: none; counter-increment: list; display: table-row; margin-bottom:5px; font-family: 'Open Sans', sans-serif; font-size:1.2em; text-align:justify;}
.progbox li::before {content: counter(list) ".";display: table-cell;text-align: right;padding-right: 1em;}



.courseBox p a{ display:inline-block; width:100%; padding:10px; text-align:center; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:bold; text-transform:uppercase; background:#800020; transition: background .5s;}
.courseBox p a:hover{ display:inline-block; width:100%; padding:10px; text-align:center; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1em; font-weight:bold; text-transform:uppercase; text-decoration:none; background:#800020;}
.mydiv{ padding-top:10%;}
.mydiv1{ padding-top:15%;}
.mydiv2{ padding-top:5%;}
.video-container{ height:400px; margin:0; padding:0; position:relative; top:-20px;}
#myVideo { width:100%; height:100%; object-fit:cover; position:relative; top:0; overflow:hidden;}
.fulloverlay{ position:relative; background:rgba(0,0,0,.3); min-height:400px; top:-420px; margin-bottom:-420px;}
.halfoverlay{ position:relative; top:-45px;}
.halfoverlay h2{ font-size:2.2em; padding:10px; background:#FF3300; color:#FFF; font-family: 'Open Sans', sans-serif; font-weight:800; letter-spacing:5px;}
.halfoverlay p{font-family: 'Open Sans', sans-serif; font-size:1.5em; font-weight:400; color:#333333;}



.txtbox{ height:40px; width:100%; border:#CCC 1px solid; background:#FFF; padding-left:2%; padding-right:2%; margin-bottom:15px; outline:none; box-shadow: 1px 2px 5px #888888;}
.txtboxa{ height:80px; width:100%; border:#CCC 1px solid; background:#FFF; padding:2%; margin-bottom:15px; outline:none; box-shadow: 1px 2px 5px #888888;}

.txtbox1{ height:40px; width:100%; border:#CCC 1px solid; background:#FFF; padding-left:2%; padding-right:2%; margin-bottom:15px; outline:none;}

.imgcircle{ height:90px; width:90px; border-radius:90px; background-position:center; background-repeat:no-repeat; background-color:#FFF; background-size:cover; margin:auto; margin-bottom:15px; border:#CCCCCC 1px solid;}
.imgcircle1{ height:150px; width:150px; border-radius:150px; background-position:center; background-repeat:no-repeat; background-color:#FFF; background-size:cover; margin:auto; margin-bottom:15px;  border:#CCCCCC 1px solid;}

.researchimg{ margin-bottom:15px;}
.factbox{ min-height:100px; background:rgba(0,0,0,.3); border-radius:10px; padding:2%;}
.factboxsml{ height:80px; margin-bottom:5px;}

.myBtn{ display:inline-block; width:100%; padding:10px; text-align:center; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-decoration:none; background-image: linear-gradient(45deg, #800020, #b82a4d); border:none;}

.photoarea{ min-height:100px; padding:2%;}

.myBtnSml{ display:inline-block; width:20%; padding:10px; text-align:center; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-decoration:none; background-image: linear-gradient(45deg, orange, red); border:none;}
.myBtnSml:hover{ display:inline-block; width:20%; padding:10px; text-align:center; color:#FFFFFF; font-family: 'Open Sans', sans-serif; font-size:1.1em; font-weight:bold; text-transform:uppercase; text-decoration:none; background-image: linear-gradient(45deg, orange, red); border:none; text-decoration:none;}

.formbox{ min-height:40px; margin-bottom:10px;}

/* News Ticker */
.demof{
    border: 1px solid #ccc;
    margin: 25px 0;
	min-height:300px;
}
.demof ul{
    padding: 0;
    list-style: none;
}
.demof li{
    padding: 20px;
    border-bottom: 1px dashed #ccc;
}
.demof li.odd{
    background: #fafafa;
}
.demof li:after {
    content: '';
    display: block;
    clear: both;
}
.demof img{
    float: left;
    width: 100px;
    margin: 5px 15px 0 0;
}
.demof a{
    font-family: Open Sans, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    color: #06f;
}
.demof p {
	font-family: Open Sans, sans-serif;
    margin: 15px 0 0;
    font-size: 1em;
}
.dateFixer{ height:60px; width:80px; background:red; color:#FFF; text-align:center; font-family: 'Open Sans', sans-serif; font-weight:bold; font-size:1.2em;}
.scrollUp{ padding:2%; background:#FF3300; color:#FFF; margin:1px; cursor:pointer; cursor:hand;}
.scrollDown{ padding:2%; background:#FF3300; color:#FFF; margin:1px; cursor:pointer; cursor:hand;}
.scrollUp1{ padding:2%; background:#FF3300; color:#FFF; margin:1px; cursor:pointer; cursor:hand;}
.scrollDown1{ padding:2%; background:#FF3300; color:#FFF; margin:1px; cursor:pointer; cursor:hand;}

.rlink ul{ margin:0; padding:0;}
.rlink ul li{ margin-top:10px; display:block;}
.rlink ul li a{ }

.noborder{ border:none; outline:none;}

.offlinepage{ height:100vh; width:100vw; background:#FFF; margin:0; padding:0;}

.shortbanner{ height:200px; margin:0; padding:0; position:relative; top:-20px; margin-bottom:-20px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.breadcrums{ margin:0; padding:0; background:#E9E9E9; height:40px;}
.breadcrumb{ background:transparent !important;}
.breadcrumb li{ color:#FFCC33;}
.breadcrumb li a{ color:#FFCC33; text-decoration:none;}
.breadcrumb > .active{ color:#FF6600 !important;}
.yellow{ color:#FFCC33;}

.profile-box{ min-height:250px; padding:2%; border:#D6D6D6 1px solid; margin-bottom:10px;}

/* Light Photo */
.gallery ul {         
          padding:0 0 0 0;
          margin:0 0 0 0;
      }
      .gallery ul li {     
          list-style:none;
          margin-bottom:25px;           
      }
      .gallery ul li img {
          cursor: pointer;
      }
      .modal-body {
          padding:5px !important;
      }
      .modal-content {
          border-radius:0;
      }
      .modal-dialog img {
          text-align:center;
          margin:0 auto;
      }
    .controls{          
        width:50px;
        display:block;
        font-size:11px;
        padding-top:8px;
        font-weight:bold;          
    }
    .next {
        float:right;
        text-align:right;
    }
      /*override modal for demo only*/
      .modal-dialog {
          max-width:500px;
          padding-top: 90px;
      }
      @media screen and (min-width: 768px){
          .modal-dialog {
              width:500px;
              padding-top: 90px;
          }          
      }
      @media screen and (max-width:1500px){
          #ads {
              display:none;
          }
      }
/* Light Photo */

.maparea{ min-height:350px; margin-bottom:10px; padding:1%;}
.seminarbox{ min-height:300px; margin-bottom:10px; padding:2%; border:#E6E6E6 1px solid;}
.sempic{ height:200px; background-position:center; background-repeat:no-repeat; background-size:cover;}
.semcont{ min-height:150px; padding:3% 1%;}
.semcont p{font-family: 'Open Sans', sans-serif; font-size:.9em;}
.semcont p a{ display:block; width:100%; padding:10px; background:#003399; color:#FFF; font-family: 'Open Sans', sans-serif; font-size:1em; border-radius:5px;}
.semcont p a:hover{ display:block; width:100%; padding:10px; background:#003399; color:#FFF; font-family: 'Open Sans', sans-serif; font-size:1em; border-radius:5px;}