.topContainer{width: 100%;float: left;background: #032147;padding: 20px 15px 0;}
.topContainer .siteTitle{display: block;position: relative;}
.topContainer .siteTitle:before{content: 'Affiliated to University of North Bengal || Established 1950';position: absolute;left: 50px;color: #fff;bottom: 0;font: 400 10.9px 'PT Sans', sans-serif;}

.topright{width: 100%;float: right;text-align: right;font: 400 16px 'PT Sans', sans-serif;margin: 0 0 20px 0;}
.topright ul{margin: 0;padding: 0;float: right;background: #021733;display: inline-table;}
.topright ul li {list-style-type: none;color: #fff;display: inline-block;position: relative;}
.topright ul li form{display: inline-block; background: #1a385a; transition: all ease-in-out 0.5s;}
.topright ul li form input, .topright ul li form button{border: 0;outline: 0;background: transparent;color: #fff;padding: 15px 12px;}
.topright ul li form input::placeholder {color: #fff;}
.topright ul li form input:-ms-input-placeholder {color: #fff;}
.topright ul li form input::-ms-input-placeholder {color: #fff;}
.topright ul li form input{padding: 15px 0 15px 15px;width: 112px;}
.topright ul li form button{padding: 15px;}
.topright ul li form.inputFocus{background: #fff;}
.topright ul li form.inputFocus input{color: #000 !important;}
.topright ul li form.inputFocus input::placeholder {color: #000;}
.topright ul li form.inputFocus input:-ms-input-placeholder {color: #000;}
.topright ul li form.inputFocus input::-ms-input-placeholder {color: #000;}
.topright ul li .havSub{font-size: 13px;padding: 18px 19px 18px 22px;position: relative;color: #b2bcc7;cursor: pointer;}
.topright ul li .havSub:after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 15px;z-index: 0;}
.topright ul li .havSubSelected{background: #f3f1ee;color: #032147;z-index: 100;}
.topright ul li .havSubSelected:after{background: #f3f1ee;}

.topright ul li .havSubContainer{z-index: 99;visibility: hidden;background: #f3f1ee;opacity: 0;position: absolute;top: 53px;right: 0;color: #000;transition: all ease-in-out 0.3s;padding: 40px;width: 1000px;-webkit-box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5);-moz-box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5);box-shadow: 0px 0px 8px 1px rgba(68,68,68,0.5);-webkit-border-bottom-right-radius: 3px;-moz-border-radius-bottomright: 3px;border-bottom-right-radius: 3px;-webkit-border-bottom-left-radius: 3px;-moz-border-radius-bottomleft: 3px;border-bottom-left-radius: 3px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.topright ul li .havSubContainer ul{background: transparent;text-align: left;font: 700 18px 'PT Sans';margin: 0;padding: 0;width: 100%;}
.topright ul li .havSubContainer ul li{list-style-type: none;text-transform: uppercase;margin: 0 0 15px 0;display: block;}
.topright ul li .havSubContainer ul li a{color: #2C2C2C;display: block;float: left;}
.topright ul li .havSubContainer ul li a:hover{text-decoration: none;}
.topright ul li .havSubContainer ul li ul{margin: 15px 0 0 0;font-weight: 400;font-size: 14px;padding: 0;border-top: 1px solid #ccc;margin-bottom: 20px;width: 100%;}
.topright ul li .havSubContainer ul li ul li{text-transform: initial;transition: all ease-in-out 0.3s;width: 33.33%;float: left;margin: 0;border: 1px solid #ccc;border-top: 0;}
.topright ul li .havSubContainer ul li ul li:hover{background: #fff;}
.topright ul li .havSubContainer ul li ul li a{font-size: 11px;display: grid;padding: 10px 20px;color: #9b6d92;text-transform: uppercase;width: 100%;}
.topright ul li .havSubContainer ul li ul li a span, .topright ul li .havSubContainer ul li ul li a strong{font-weight: normal;width: 100%;float: left;font-size: 20px;color: #383838;text-transform: capitalize;}
.topright ul li .havSubContainer ul li ul li:nth-child(3n-0){border-right: 0;border-left: 0;}
.topright ul li .havSubContainer ul li ul li:nth-child(3n-2){border-left: 0;border-right: 0;}
.topright ul li .havSubContainerShow {visibility: visible; top: 53px; opacity: 1;}
.topright ul li .havSubContainer ol{margin: 0;padding: 0;position: absolute;right: 40px;z-index: 99;}
.topright ul li .havSubContainer ol a{padding: 7px 13px;background: #2F72A8;color: #fff;font-size: 14px;transition: all ease-in-out 0.3s;}
.topright ul li .havSubContainer ol a:hover{text-decoration:none;background: #cdae6d;}



.topMenuContainer{width: 100%;float: left;background: #032147;padding: 0 30px;}
.topMenu{width: 100%;float: left;font: 400 16px 'PT Sans', sans-serif;text-align: center;}
.topMenu ul{margin: 0; padding: 0;}
.topMenu ul li{list-style-type: none;text-transform: uppercase;display: inline-block; position: relative;}
.topMenu ul li a{color: rgba(255,255,255,0.7);padding: 10px 20px;display: block;transition: all ease-in-out 0.3s;}
.topMenu ul li a:hover{text-decoration: none; background: #2F72A8; color: #fff;}
.topMenu ul li a:focus, .topMenu ul li a:visited, .topMenu ul li a:active{text-decoration: none;}
.topMenu ul li ul{position: absolute;left: 0;width: 200px;text-align: left;top:100px;visibility: hidden;opacity: 0;transition: all ease-in-out 0.3s;z-index: 9;}
.topMenu ul li ul li{display: block;text-transform: capitalize;font-size: 14px;}
.topMenu ul li ul li a {color: #000;padding: 10px 10px;}
.topMenu ul li:hover a{text-decoration: none;background: #2F72A8;color: #fff;}
.topMenu ul li:hover ul{visibility: visible;top: 40px;opacity: 1;background: #fff;box-shadow: 0px 0px 11px #0000004a;z-index: 999;}
.topMenu ul li:hover ul li{}
.topMenu ul li:hover ul li a{background: transparent;color: #000;transition: all ease-in-out 0.3s;}
.topMenu ul li:hover ul li a:hover{background: #2F72A8; color: #fff;}

.bios{width: 100%;float: left;}
.bios .item{width: 100%; float: left;position: relative;}
.bios .item img{width: 100%; height: auto; float: left;}
.bios .item .caption{position: absolute;bottom: 0;left: 0;right: 0;font: 700 36px 'PT Sans', sans-serif;color: #fff;text-transform: uppercase;padding: 100px 40px 40px 30px;background-image: linear-gradient(180deg, #00000000 0%, #000000c4 100%);}
.bios .item .caption span{font-size: 20px;width: 100%;float: left;font-weight: 400;text-transform: none;}
.bios:hover .prev, .bios:hover .next{opacity: 1;}
.bios .prev, .bios .next{position: absolute; z-index: 9; overflow: hidden; top: 40%;cursor: pointer; opacity: 0; transition: all ease-in-out 0.3s;}
.bios .prev{left: 25px;}
.bios .next{right: 25px;}
.bios .custNav{width: 100%;float: left;position: absolute;text-align: right;bottom: 15px;right: 20px;}
.bios .custNav > div{width: 12px;height: 12px;background: transparent;border: 1px solid #fff;display: inline-block;border-radius: 50%;margin: 0 0 0 10px;transition:  all ease-in-out 0.3s;}
.bios .custNav > div:hover{background: #fff;}
.bios .custNav > div.active{background: #fff;}

.bannerContainer{transition: all ease-in-out 0.3s;font: 400 16px 'PT Sans', sans-serif;width: 100%;float: left;padding: 30px 30px 0px 30px;/* height: 320px; */overflow: hidden;position: relative;}
.bannerContainer .moreBotonContainer{background: #fff;bottom: 0;left: 0;right: 0;z-index: 9;text-align: center;}
.bannerContainer .moreBotonContainer .moreBoton{transition: all ease-in-out 0.3s;font: 700 14px 'PT Sans', sans-serif;text-transform: uppercase;padding: 6px 20px;border-radius: 5px;display: inline-block;color: #000000;margin: 15px 0 15px 0;cursor: pointer;border: 1px solid #000;}
.bannerContainer .moreBotonContainer .moreBoton:hover{background: #032147;color: #fff;}
.longContent{height: inherit;transition: all ease-in-out 0.3s;}
.bannerContainer .heading{width: 100%;float: left; font-weight: 700;font-size: 25px;text-transform: uppercase;position: relative;margin: 0 0 20px 0;color: #2C2C2C;}
.bannerContainer .eachNotice{width: 100%;float: left;padding: 20px 20px 20px 20px;position: relative;line-height: 24px;color: #fff;margin-bottom: 30px;font: 400 20px 'Oswald', sans-serif;border-radius: 5px;border: 1px solid #fff;box-shadow: 0px 0px 8px #989898;}
.bannerContainer .latest{padding: 20px 20px 20px 50px;}
.bannerContainer .latest:before{content: '';height: 75px;width: 75px;z-index: 2;background-image: url(../../images/new-icon.gif);background-position: left top;background-repeat: no-repeat;position: absolute;top: -4px;left: -4px;}
.bannerContainer .eachNotice span{font: 400 13px 'PT Sans', sans-serif;font-style: italic;color: #ffffffc2;}
.bannerContainer .eachNotice a{display: inline;text-align: right;color: #fff;margin: 10px 0 0 0;float: right;border: 1px solid #fff;padding: 2px 8px;/* position: absolute; *//* bottom: 20px; *//* right: 20px; */font: 400 13px 'PT Sans', sans-serif;}
.bannerContainer .eachNotice a:hover{text-decoration: none; opacity: 0.8;}
.bannerContainer .eachNotice > div{min-height: 90px;}
.bannerContainer .latest > div{-webkit-animation-name: example; -webkit-animation-duration: 1.5s; animation-name: example;animation-duration: 1.5s ;animation-iteration-count: infinite;-webkit-animation-iteration-count: infinite;-moz-animation-name: example;-moz-animation-duration: 1.5s;-moz-animation-iteration-count: infinite;}
.bannerContainer .imageNotice{padding: 0;margin-bottom: 30px;}
.bannerContainer .imageNotice a{padding: 0;margin: 0;}
@-webkit-keyframes example {0%   {color: white;}25%  {color: white;}80%  {color: white;}100% {color: transparent;}}
@keyframes example {0%   {color: white;}25%  {color: white;}80%  {color: white;}100% {color: transparent;}}

.featuredBanner{width: 100%; float: left;padding: 30px;}
.featuredBanner .custNav{width: 100%;float: left;margin: 20px 0 0 0;}
.featuredBanner .custNav > div{width: 15px;height: 12px;background: #ccc;display: inline-block;margin: 0 3px;border-radius: 50px;transition: all ease-in-out 0.3s;}
.featuredBanner .custNav > div.active{width: 35px;background: #ffc000;}

.bbaBanner{width: 100%; float: left; padding: 0 30px 25px;}

.newsEventContainer{width: 100%;float: left;background: #f3f1ec;padding: 45px 0;font: 700 36px 'PT Sans', sans-serif;}
.newsEventContainer .heading{width: 100%;float: left;font-size: 30px;text-transform: uppercase;position: relative;margin: 0 0 20px 0;color: #2C2C2C;}
.newsEventContainer .heading a{color: #337ab7;font-size: 16px;text-transform: capitalize;font-weight: 400;position: absolute;top: 5px;padding: 0 0 0 6px;margin: 0 0 0 10px;}
.newsEventContainer .heading a:before{content: '';width: 1px;background: #337ab7;position: absolute;top: 5px;left: 0;bottom: 2px;}
.newsEventContainer .eachNews{width: 100%; float: left;}
.newsEventContainer .eachNews img{width: 100%; height: 250px;object-fit:cover;}
.newsEventContainer .eachNews > div{font-size: 22px;color: #000;margin: 10px 0 0 0;width: 100%;float: left;font-family: Oswald, sans-serif;font-weight: normal;}
.newsEventContainer .eachNews > p{font-size: 16px;color: #000;font-weight: 400;margin: 10px 0 0 0;padding: 0;width: 100%;float: left;}
.newsEventContainer .eachNews > span{font-size: 13px;color: #000;font-weight: 400;margin: 10px 0 0 0;padding: 0;width: 100%;float: left; color: #746d69;}
.newsEventContainer .eachNews:hover > div{color: #be0f34;}
.newsEventContainer .eachEvents{width: 100%;float: left;color: #2c2c2c;margin: 0 0 30px 0;}
.newsEventContainer .eachEvents:hover strong{color: #be0f34;}
.newsEventContainer .eachEvents .eachEventsDate{width: 15%;margin-right: 5%;float: left;font-size: 18px;color: #fff;background: #032147;text-align: center;font-weight: 400;padding: 5px 0;}
.newsEventContainer .eachEvents .eachEventsDate span{width: 100%; float: left;}
.newsEventContainer .eachEvents .eachEventsDate span:first-child{font-weight: 700;font-size: 20px;}
.newsEventContainer .eachEvents .eachEventsDate span:last-child{font-weight: 400;font-size: 14px;}
.newsEventContainer .eachEvents .eachEventsDtls{width: 80%;float: left;font-size: 18px;font-weight: 700;}
.newsEventContainer .eachEvents .eachEventsDtls p{width: 100%;float: left;font-size: 16px;font-weight: 400;margin: 10px 0;}
.newsEventContainer .eachEvents .eachEventsDtls span{width: 100%;float: left;font-size: 13px;font-weight: 400;margin: 0;color: #746d69;}


#moduletable{margin:0;padding:0;overflow:hidden;width: 100%;float: left;}
#moduletable ul{margin:0;padding:0;width:100%;}
#moduletable ul li{margin:0;padding:0;list-style-type:none;width:100%;float:left;}

/*.vina-item{padding:10px !important;color:#141823;MARGIN-BOTTOM:5px !important;background-color:#eaf0f7;}
.vina-item a{color:#3b5998;}*/
#scrollCtrl{margin:8px 0 0 0;padding:0;text-align:right;}
#scrollCtrl span{width:29px;height:29px;display:inline-block;}
#scrollCtrl .up, #scrollCtrl .down, #scrollCtrl .toggle{text-indent:10000px;margin:0;padding:0;width:29px;height:29px;-webkit-transition:all 240ms ease-in-out;-moz-transition:all 240ms ease-in-out;-ms-transition:all 240ms ease-in-out;-o-transition:all 240ms ease-in-out;transition:all 340ms ease-in-out;}
#scrollCtrl .down{background-image:url(../../images/icon_news_ctrl.png);background-position:bottom left;}
#scrollCtrl .down:hover{background-image:url(../../images/icon_news_ctrl.png);background-position:top left;cursor:pointer;}
#scrollCtrl .toggle{background-image:url(../../images/icon_news_ctrl.png);background-position:bottom right;cursor:pointer;}
#scrollCtrl .toggle.et-run{background-image:url(../../images/icon_news_ctrl.png);background-position:top right;cursor:pointer;}
#scrollCtrl .up{background-image:url(../../images/icon_news_ctrl.png);background-position:top center;}
#scrollCtrl .up:hover{background-image:url(../../images/icon_news_ctrl.png);background-position:bottom center;cursor:pointer;}
.vina-items-wrapper ul li.new_item:before{content:'images/new-icon.gif';}


.msgContainer{width: 100%;float: left;background: #e0ded9;border-top: 1px solid #c3bdb7;}
.msgContainer .msgContent{width: 100%;float: left;font: 700 36px 'PT Sans', sans-serif;padding: 70px;}
.msgContainer .msgContent .heading{width: 100%;float: left;font-size: 30px;text-transform: uppercase;position: relative;margin: 0 0 20px 0;color: #2C2C2C;}
.msgContainer .msgContent p{width: 100%;float: left;font-size: 16px;font-weight: 400;margin: 10px 0;line-height: 28px;color: #000;}
.msgContainer .msgContent a{float: right;font-size: 16px;background: #032147;padding: 7px 10px;font-weight: 400;color: #fff;transition: all ease-in-out 0.3s;}
.msgContainer .msgContent a:hover{text-decoration: none;background: #2F72A8;}

.ourDept{width: 100%;float: left;background: #f3f1ec;border-top: 1px solid #c3bdb7;border-bottom: 1px solid #c3bdb7;padding: 50px 0;font: 700 36px 'PT Sans', sans-serif;}
.ourDept .heading{width: 100%;float: left;font-size: 30px;text-transform: uppercase;position: relative;margin: 0 15px 20px 15px;color: #2C2C2C;}
.ourDept .heading a{color: #167b2c;font-size: 16px;text-transform: capitalize;font-weight: 400;position: absolute;top: 5px;padding: 0 0 0 6px;margin: 0 0 0 10px;}
.ourDept .heading a:before{content: '';width: 1px;background: #167b2c;position: absolute;top: 5px;left: 0;bottom: 2px;}
.ourDept .allDept{width: 100%; float: left; padding: 0 15px;}
.ourDept .allDept .owl-nav{width: 100%;float: left;padding: 0;text-align: right;font-size: 18px;text-transform: capitalize;margin: 15px 0 0 0;}
.ourDept .allDept .owl-nav > div {display: inline-block;margin: 0 0 0 10px;color: #746d69;font-weight: 400;transition: all ease-in-out 0.3s;}
.ourDept .allDept .owl-nav > div:hover {color: #2c2c2c;}

.campus{width: 100%;float: left;padding: 50px 0 70px;background: #e0ded9;font: 700 36px 'PT Sans', sans-serif;}
.campus .heading{width: 100%;float: left;font-size: 30px;text-transform: uppercase;position: relative;margin: 0 15px 20px 15px;color: #2C2C2C;/* font: 700 36px 'PT Sans', sans-serif; */}
.campus .heading a{color: #167b2c;font-size: 16px;text-transform: capitalize;font-weight: 400;position: absolute;top: 6px;padding: 0 0 0 6px;margin: 0 0 0 10px;}
.campus .heading a:before{content: '';width: 1px;background: #167b2c;position: absolute;top: 5px;left: 0;bottom: 2px;}
.campus .collegeContainer{width: 100%; float: left; padding: 0 15px;}
.campus .collegeContainer .imageContainer{width: 100%;float: left;position: relative;}
.campus .collegeContainer .imageContainer img{transition: all ease-in-out 0.3s;}
.campus .collegeContainer .imageContainer img.img-responsive{width: 26em;height: 220px;object-fit: cover;}
.campus .collegeContainer .imageContainer:hover img{opacity: 0.5;}
.campus .collegeContainer .imageContainer .caption{float: left;position: absolute;left: 0;bottom: 0;font: 700 18px 'PT Sans', sans-serif;color: #000;background: #ffffffb0;padding: 10px 15px;}
.campus .collegeContainer .imageContainer:hover .caption{color: #be0f34;}

.bottom{width: 100%;float: left;background: #032147;padding: 50px 0 20px;color: #fff;}
.bottom .heading{font: 700 20px 'PT Sans', sans-serif;color: #d4a702;margin: 0 0 10px 0;position: relative;padding: 0 0 5px 0;}
.bottom .heading:before{content: '';width: 30px;height: 2px;background: #846b3f;position: absolute;bottom: 0;}
.bottom p{font: 400 14px/22px 'PT Sans', sans-serif;color: #a8dab5;margin: 0 0 0 0;}
.bottom ul{margin: 0;padding: 0;column-count: 3;font: 400 14px/22px 'PT Sans', sans-serif;}
.bottom ul li{list-style-type: none;}
.bottom ul li a{color: #a8dab5;padding: 4px 0 4px 10px;display: block;transition: all ease-in-out 0.3s;position: relative;}
.bottom ul li a:before{content: '\f0da';position: absolute;font:400 15px 'FontAwesome';left: 0;top: 8px;}
.bottom ul li a:hover{color: #f1f9ae;text-decoration: none;padding: 4px 0 4px 17px;}
.bottom ol{margin: 0;padding: 0;font: 400 14px/22px 'PT Sans', sans-serif;}
.bottom ol li{list-style-type: none;padding: 4px 0;color: #a8dab5;}
.bottom ol li strong{font: 400 16px/22px 'PT Sans', sans-serif;margin: 0 7px 0 0;}

.mapContainer{width: 100%; float: left;}

.footer{width: 100%;float: left;background: #00081d;padding: 10px 0;text-align: center;color: #66718e;font: 400 14px/22px 'PT Sans', sans-serif;position: relative;z-index: 9;}
.footer a{color: #66718e;}
.footer a:hover{color: #d1e5d9;text-decoration: none;}

/*for top scroll */
.scroll_top{position: fixed;bottom: 35px;right: 10px;background: #00000036;text-align: center;border-radius: 5px;transition: all 300ms ease-in-out;z-index: 9;}
.scroll_top i{color: #fff;padding: 3px 10px 5px;margin: 0;font-size: 30px;}
.scroll_top:hover{background: #0000006b;}

.topBarFxd{position: fixed; z-index: 999;transition: all ease-in-out 0.3s;}
.topBarFxd .topMenu{width: 70%;text-align: right;float: right;}
.topBarFxd .topMenu ul{float: right;}
.topBarFxd .topMenu ul li{display: table-cell;float: left;}
.topBarFxd .topMenu ul li a{padding: 26px 10px 26px 10px;font-size: 14px;}
.topBarFxd .topMenu ul li ul{top: 70px;}
.topBarFxd .topMenu ul li ul li a{padding: 10px;}
.topBarFxd .topMenu ul li ul li {width: 100%;}
.topMenuContainer img{transition: all ease-in-out 0.3s;}
.showHideImg{float: left;padding: 0;position: relative;margin: 10px 0;}
.topBarFxd .showHideImg{position: relative;}
.topBarFxd .showHideImg:before{content: 'Affiliated to University of North Bengal || Established 1950';position: absolute;left: 50px;color: #fff;bottom: 0;font: 400 10.9px 'PT Sans', sans-serif;}

/* for other page slider*/
.otherSlider{width: 100%;float: left;min-height: 240px;padding: 60px 0;background: url(../../images/inner-slider-bg.jpg) no-repeat center top / cover;position: relative;z-index: 9;}
.otherSlider:before{content: '';position: absolute;width: 100%;height: 1px;background: #fff;left: 0;right: 0;bottom: 2px;}
.otherSlider h1 {display: block;font-size: 46px;color: #ffffff;text-transform: uppercase;margin: 0;padding: 0 0 20px 0;/* text-shadow: 2px 2px 2px #0000004a; */position: relative;background-image: linear-gradient(180deg, #ffffff 0%, #ffffff 34%, #c4c5c5 35%, #ffffff 60%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.otherSlider h1 strong{width: 100%;float: left;font-weight: 400;margin: -15px 0 0 0;text-shadow: none;background-image: linear-gradient(0deg, #756468 0%, #ffffff00 48%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* opacity: 0.2; */}
.otherSlider span {width: 100%;float: left;margin: -16px 0;padding: 0;position: relative;z-index: 99;}
.otherSlider span .breadcrumb {background: transparent;margin-bottom: 0;position: relative;z-index: 99;}
.otherSlider span .breadcrumb a {font-size: 14px;color: #f7f7cc;transition: all ease-in-out 0.3s;padding: 3px 8px;}
.otherSlider span .breadcrumb a:hover {color: #fdeb69;text-decoration: none;}
.otherSlider span .breadcrumb>li+li:before {color: #f7f7cc;}

.tpsubMen{display: inline-flex;margin: 0;background: #00000082;border-radius: 5px;float: right;font: 400 36px 'PT Sans', sans-serif;bottom: 30px;right: 30px;position: absolute;}
.tpsubMen a:nth-child(1){background: #FFCC00;border-radius: 5px 0 0 5px;}
.tpsubMen a:nth-child(2){background: #FF9900;}
.tpsubMen a:nth-child(3){background: #FF0000;border-radius: 0 5px 5px 0;}
.tpsubMen a {padding: 9px 8px 9px 38px;color: #fff;font-size: 14px;position: relative;transition: all ease-in-out 300ms;}
.tpsubMen a:hover,.tpsubMen a:focus {text-decoration: none;}
.tpsubMen a:nth-child(1):hover{background: #ffe100;}
.tpsubMen a:nth-child(2):hover{background: #e88f0a;}
.tpsubMen a:nth-child(3):hover{background: #e40101;}
.tpsubMen a i {margin-right: 10px;position: absolute;font-size: 25px;color: #ffffff;left: 10px;top: 6px;}
.leftBar ul li .lemmenuToggle{position: absolute;top: 1px;right: 1px;bottom: 1px;cursor: pointer;transition: all 300ms ease-in-out}
.leftBar ul li .lemmenuToggle:hover{background: #ebe0c2;}
.leftBar ul li .lemmenuToggle i{padding: 15px 12px;width: 40px;text-align: center;font-size: 20px;}
.leftBar ul li .lemmenuToggle .selt{background: #ebe0c2;border: 0;color: #fff;}


.workingDiv{width: 100%;float: left;background: #f3f1ec;}
.workingDiv .workingArea{width: 100%;float: left;background: #f3f1ec;font: 400 16px/28px 'PT Sans', sans-serif;}
.workingDiv .contentWrap{width: 100%;float: left;}
.workingDiv .contentWrap .leftBar{font: 400 14px 'PT Sans', sans-serif;margin-right: 20px;}
.workingDiv .contentWrap .leftBar .leftHeading{position: relative;color: #f89900;font-size: 24px;text-transform: uppercase;padding: 0  0 4px 0;}
.workingDiv .contentWrap .leftBar .leftHeading:before{content: '';position: absolute;width: 100%;height: 1px;background: #e6e6e6;bottom: 0;}
.workingDiv .contentWrap .leftBar .leftHeading:after{content: '';position: absolute;width: 20%;height: 3px;background: #fccc03;bottom: -1px;left: 0;}
.workingDiv .contentWrap .leftBar ul{margin: 20px 0 0 0;padding: 0;font-size: 16px;}
.workingDiv .contentWrap .leftBar ul li{list-style-type: none;position: relative;margin: 0 0 0px 0;border-bottom: 1px solid #e8e6e0;border-top: 1px solid #ffffff;}
.workingDiv .contentWrap .leftBar ul li ul{background: #ebe0c2;margin: 0;}
.workingDiv .contentWrap .leftBar ul li .lemmenuToggle{position: absolute;top: 0px;right: 0;}
.workingDiv .contentWrap .leftBar ul li a{display: block;padding: 15px 0 15px 10px;position: relative;color: #000;transition: all ease-in-out 0.3s;border-left: 4px solid #f7a92c;}
.workingDiv .contentWrap .leftBar ul li a.actLftMnu{background: #c0ce91;color: #fff;}
.workingDiv .contentWrap .leftBar ul li a:hover{text-decoration: none;padding: 15px 0 15px 15px;background: #c0ce91;border-left: 4px solid #8e9e58;color: #fff;}
.workingDiv .workingArea{width: 100%;float: left;background: #fff;box-shadow: -11px -1px 22px #cccccc96;margin: 0;padding: 30px 20px;}

.workingDiv .workingArea p{font: 400 16px/28px 'PT Sans', sans-serif;margin: 0 0 15px 0;padding: 0;}
.workingDiv .workingArea p s{display: none;}
.workingDiv .workingArea p a{color: #b50303;}
.workingDiv .workingArea p img.right{float: right;margin: 9px 0 0 20px;}
.workingDiv .workingArea p img.left{float: left;margin: 9px 20px 0 0;}
.workingDiv .workingArea h1, .workingDiv .workingArea h2, .workingDiv .workingArea h3, .workingDiv .workingArea h4, .workingDiv .workingArea h5, .workingDiv .workingArea h6{font: 400 30px 'Oswald', sans-serif;margin: 20px 0 10px 0;padding: 0;text-shadow: 1px 1px 0px #ffffff, 2px 2px 7px #cac7c7;}
.workingDiv .workingArea h1{margin: 0px 0 10px 0;}
.workingDiv .workingArea h2 u{display: block;text-transform: initial;text-decoration: none;font: 400 19px/5px 'Times New Roman';font-style: italic;padding: 0;}
.workingDiv .workingArea h2{color: #032147;}
.workingDiv .workingArea h3{color: #387dc3;}
.workingDiv .workingArea h4{color: #56980e;}
.workingDiv .workingArea h5{color: #2b8ab7;}
.workingDiv .workingArea h6{color: #249fa5;}

.workingDiv .workingArea ul{margin: 0 0 15px 0;padding: 0;font: 400 16px/28px 'PT Sans', sans-serif;}
.workingDiv .workingArea ul li{list-style-type: none;position: relative;padding: 0 0 0 20px;}
.workingDiv .workingArea ul li:before{content: '\f122';font: 400 15px 'FontAwesome';position: absolute;top: 8px;left: 0;-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform: scale(-1, 1);-ms-transform: scale(-1, 1);transform: scale(-1, 1);}
.workingDiv .workingArea ul li ul{margin: 0; padding: 0;}
.workingDiv .workingArea ul li ul li:before{content: '\f0a4';font: 400 15px 'FontAwesome';top: 6px;left: 0;-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);}
.workingDiv .workingArea ul li ul li ul{margin: 0; padding: 0;}
.workingDiv .workingArea ul li ul li ul li:before{content: '\f0da';left: 2px;}
.workingDiv .workingArea ul li ul li ul li ul{margin: 0; padding: 0;}
.workingDiv .workingArea ul li ul li ul li ul li:before{content: '\f101';}

.workingDiv .workingArea ol{margin: 0 0 15px 24px;padding: 0;font: 400 16px/28px 'PT Sans', sans-serif;}
.workingDiv .workingArea ol li{list-style-type: decimal-leading-zero;position: relative;padding: 0 0 0 4px;}
.workingDiv .workingArea ol li ol{margin: 0 0 0 15px;}
.workingDiv .workingArea ol li ol li{list-style-type: lower-latin;}
.workingDiv .workingArea ol li ol li ol{margin: 0 0 0 15px;padding: 0;}
.workingDiv .workingArea ol li ol li ol li{list-style-type: lower-roman;}

.workingDiv .workingArea .dropdown-menu{margin: 0;padding: 0;font: 400 14px 'PT Sans', sans-serif;}
.workingDiv .workingArea .dropdown-menu li:before{content: '\f0a4';left: 2px;-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform: scale(1, 1);-ms-transform: scale(1, 1);transform: scale(1, 1);top: 6px;}
.workingDiv .workingArea .dropdown-menu li a{padding-left: 2px;}

.workingDiv .sideSticky{position: -webkit-sticky;position: sticky;top: 85px;}

.workingDiv .workingArea .eachNotice{width: 100%;float: left;padding: 20px 20px 20px 50px;position: relative;line-height: 24px;color: #fff;margin-bottom: 30px;}
.workingDiv .workingArea .latest:before{content: '';height: 75px;width: 75px;z-index: 2;background-image: url(../../images/new-icon.gif);background-position: left top;background-repeat: no-repeat;position: absolute;top: -4px;left: -4px;}
.workingDiv .workingArea .eachNotice a{display: inline;text-align: right;color: #fff;margin: 10px 0 0 0;float: right;border: 1px solid #fff;padding: 2px 8px;/* position: absolute; *//* bottom: 20px; *//* right: 20px; */}
.workingDiv .workingArea .eachNotice a:hover{text-decoration: none; opacity: 0.8;}


.onlineQuePap{transition: all ease-in-out 0.3s;font: 400 16px 'PT Sans', sans-serif;width: 100%;float: left;padding: 30px 30px 0px 30px;overflow: hidden;position: relative;}
.onlineQuePap .heading{width: 100%;float: left; font-weight: 700;font-size: 25px;text-transform: uppercase;position: relative;margin: 0 0 20px 0;color: #2C2C2C;}
.onlineQuePap ul{width: 100%;display: inline-block;margin: 0;padding: 0;column-count: 3; column-gap: 20px;}
.onlineQuePap ul li{list-style-type:none; transition: all ease-in-out 0.3s;}
.onlineQuePap ul li a{color: #222;position: relative;padding: 5px 0px 5px 18px;display: block;text-decoration: none;}
.onlineQuePap ul li:hover{background: #e6a66361; padding: 0 0 0 10px; border-radius: 4px;}
.onlineQuePap ul li a:before{content: '\f0f6';font:400 15px 'FontAwesome';left: 0;position: absolute;top: 8px;}

.faculty{margin-right: -15px;margin-left: -15px;}
.faculty span{position: relative;width: 100%;float: left;background: #f3f1ec;overflow: hidden;margin: 0 0 30px 0;box-shadow: inset 0px 0px 17px #fff, 0px 0px 20px #b1aeaea1;border: 1px solid #cfd1d8;/* background-image: linear-gradient(0deg, #e8e8e8 0%, #edeef3 100%); */}
.faculty span:before{content: '';position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../../images/faculty_bg.jpg) no-repeat center center;opacity: 0.1;filter: grayscale(1);}
.faculty span p{font: 400 14px/24px 'PT Sans', sans-serif !important;color: #000;margin: 10px 20px 10px 0 !important;}
.faculty span p strong{font-weight: 400;color: #717171;font-size: 13px;}
.faculty span p em{font-weight: 400;font-size: 13px;font-style: normal;width: 100%;float: left;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.faculty span img{padding: 9px 8px;}

.syllabusBtn{ margin: 0; padding: 10px 30px; background-image: linear-gradient(-45deg, #e605ea 0%, #ffbc00 100%); border-radius: 7px; color: #fff; font-size: 17px; text-shadow: 2px 2px 5px #000000c9; }
.syllabusBtn:hover, .syllabusBtn:active, .syllabusBtn:focus{text-decoration: none; color: #fff;}