.devs-input-group input,
.devs-search-btn {
  background: rgba(251, 252, 252, .48)
}

.devs-bottom-link ul,
.devs-footer-link ul,
.devs-last-link ul,
.devs-megamenu-list ul,
.top-menu-list ul {
  list-style-type: none
}

.devs-all-dip:hover,
.devs-bottom-link ul li a:hover,
.devs-footer-link ul li a:hover,
.devs-last-link ul li a:hover,
.devs-megamenu-heading h2,
.devs-megamenu-list ul li a:hover,
.devs-per-info a:hover,
.devs-tabs-con li a,
.navbar-custom .nav li a,
.news_modal:active,
.news_modal:focus,
.news_modal:hover,
a,
a.active,
a:active,
a:focus,
a:hover {
  text-decoration: none
}

#dept_program ul,
.breadcrumb,
.icon_nav ul,
.search-result ul,
.tabs nav ul,
ul#tabbtn {
  list-style: none
}

.clearout,
.content section:after {
  clear: both
}

body {
  overflow-x: hidden;
  font-family: Lato, sans-serif
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  color: inherit;
  font-family: Ubuntu, sans-serif;
  font-weight: 400;
  line-height: 1.1;
  margin-bottom: 20px;
  margin-top: 0
}

.navbar-custom .navbar-toggle,
.top-menu-list ul li a {
  font-family: Lato, sans-serif
}

.modal {
  z-index: 9999
}

img[src=''] {
  display: none
}

a,
a.active,
a:active,
a:focus,
a:hover {
  outline: 0
}

a[href="#"] {
  color: #333
}

.top-menu-list {
  float: left;
  margin-top: 5px;
  padding-bottom: 8px
}

.top-menu-list ul {
  margin: 0;
  padding: 0
}

.top-menu-list ul li {
  float: left
}

.devs-extra-menu11 {
  height: 15px;
  width: 15px;
  margin-top: -4px;
  margin-left: 8px!important;
  margin-right: 0
}

.top-menu-list ul li a {
  padding: 0 2px;
  font-size: 14px;
  color: #1b6ba5
}

.devs-search-btn {
  display: none;
  text-align: right;
  border-radius: 0 18px 18px 0
}

.devs-input-group {
  width: 100%;
  line-height: 30px
}

.devs-input-group input,
.devs-input-group input:focus,
.devs-input-group input:hover {
  height: 30px!important;
  border-radius: 18px!important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  border: 2px solid #1B6BA5
}

.devs-input-group input:hover {
  background: rgba(251, 252, 252, .6)
}

.devs-search-btn button,
.devs-search-btn button:hover {
  background: #09f;
  color: #fff
}

.devs-padding-style {
  padding: 12px
}

.devs-search-btn button {
  font-size: 9px;
  padding: 3px 8px;
  margin-right: 3px;
  border: none;
  border-radius: 10px!important
}

.navbar-custom {
  left: 0;
  -webkit-transition: all .3s ease-in 20ms;
  -moz-transition: all .3s ease-in 20ms;
  -o-transition: all .3s ease-in 20ms;
  -ms-transition: all .3s ease-in 20ms;
  transition: all .3s ease-in 20ms;
  background: #fff;
  padding: 15px 0;
  border-color: transparent;
  margin-bottom: 0;
  z-index: 9999;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  box-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

.hover-div img,
.view-details {
  transition: all ease-in-out .5s
}

.navbar-custom .navbar-collapse {
  border-color: rgba(255, 255, 255, .02)
}

.navbar-custom .navbar-toggle {
  background-color: #09f;
  border-color: #fed136;
  text-transform: uppercase;
  color: #fff;
  font-size: 12px
}

.navbar-custom .navbar-toggle:focus,
.navbar-custom .navbar-toggle:hover {
  background-color: #09f
}

.navbar-custom1 {
  padding: 35px 0 7px
}

.brand_logo {
  margin-top: -30px
}

.navbar-custom .nav li a {
  font-family: Ubuntu, Sans-serif;
  font-size: 15px;
  text-transform: none;
  padding: 0 8px;
  font-weight: 400;
  color: #222534
}

.devs-academic-overly h3,
.devs-list-group {
  text-align: center;
  font-family: Lato, sans-serif
}

.navbar-custom .nav li a:focus,
.navbar-custom .nav li a:hover {
  color: #09f;
  outline: 0
}

.navbar-custom ul.navbar-nav {
  border-top: none!important;
  padding-top: 10px
}

.navbar-custom .navbar-nav>.active>a {
  background: 0 0!important;
  border-radius: 0;
  color: #09f
}

.navbar-custom .navbar-nav>.active>a:focus,
.navbar-custom .navbar-nav>.active>a:hover {
  color: #09f;
  background: 0 0!important
}

.devs-sub-navbarnav li a {
  font-size: 15px!important
}

.devs-navbarbrand {
  padding: 22px 15px
}

.service-heading {
  margin: 15px 0;
  text-transform: none
}

.about {
  background: #ddd;
  padding-top: 100px;
  padding-bottom: 0
}

.devs-academic-commment {
  background-size: 100% 100%;
  background-repeat: no-repeat;
  _overflow: hidden;
  position: relative
}

.devs-academic-commment h1 {
  font-weight: 700;
  margin-bottom: 40px
}

.devs-academic-overly {
  position: absolute;
  top: 151px;
  height: 270px;
  left: 39%;
  width: 270px;
  background-image: url(../componats/new-image/center-box.png);
  background-size: 100% 100%
}

.devs-academic-overly h3 {
  text-transform: uppercase;
  font-size: 15px;
  line-height: 1.2;
  margin-top: 20px
}

.devs-nopadding {
  padding: 0
}

.dept-nopadding {
  padding: 0;
  height: auto
}
.no_margin{
  margin: 0 !important;
}
.no_left_margin{
  margin-left: 0 !important;
}
.no_right_margin{
  margin-right: 0 !important;
}
.no_padding{
  padding: 0 !important;
}
.no_left_padding{
  padding-left: 0 !important;
}
.no_right_padding{
  padding-right: 0 !important;
}
.no_border_radius{
  border-radius: 0px !important;
}
.no_top_left_border_radius{
  border-top-left-radius: 0px !important;
}
.no_top_right_border_radius{
  border-top-right-radius: 0px !important;
}
.no_bottom_left_border_radius{
  border-bottom-left-radius: 0px !important;
}
.no_bottom_right_border_radius{
  border-bottom-right-radius: 0px !important;
}
.devs-imgdescri-one {
  padding: 10px;
  position: absolute;
  bottom: 0;
  font-weight: 700;
  background: rgba(245, 149, 84, .5)
}

.imgdescri-one {
  color: #fff;
  margin: 0 0 20px;
  font-weight: lighter;
  font-size: 20px
}

.devs-list-group {
  color: #000!important;
  border: none;
  padding: 6px 10px;
  font-size: 18px;
  line-height: 25px;
  background: 0 0!important
}

.devs-imgdescri-two {
  padding: 35px 50px!important;
  font-weight: 700;
  width: 100.1%
}

.devs-imgdescri-three {
  padding: 10px;
  position: absolute;
  bottom: 0;
  background: rgba(212, 49, 0, .5)
}

.devs-imgdescri-four {
  padding: 10px;
  position: absolute;
  top: 0;
  background: rgba(0, 184, 241, .5)
}

.devs-modal-content {
  border-radius: 0
}

.devs-navbarbrand h1 {
  margin-left: 15px;
  margin-top: 10px;
  float: right;
  font-size: 43px;
  font-weight: bolder;
  color: #222;
  font-family: Ubuntu, sans-serif
}

.devs-navbarbrand h1 small,
.get,
.get:hover {
  color: #222;
  font-family: Lato, sans-serif
}

.devs-navbarbrand h1 small {
  float: right;
  font-size: 17px;
  margin-top: 4px;
  margin-left: 12px;
  border-left: 2px solid #222;
  padding-left: 14px
}

.carousel-indicators li {
  background: #C4C4BE
}

.carousel-indicators li.active {
  background: #DC143C
}

#slider {
  padding: 0
}

.item_back_1,
.item_back_2,
.item_back_3,
.item_back_4 {
  padding-bottom: 200px;
  padding-top: 200px;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  overflow: hidden
}

.item_back_1 {
  
}

.item_back_2 {

}

.item_back_3 {

}

.item_back_4 {

}

.get,
.get:hover {
  background: rgba(251, 252, 252, .48);
  border: 4px ridge rgba(251, 252, 252, .3);
  border-radius: 15px;
  font-size: 13px;
  padding: 5px 20px;
  font-weight: 300;
  margin-top: 17px
}

.control-carousel {
  position: absolute;
  top: 50%;
  padding: 0 20px;
  font-size: 60px;
  color: #C2C2C1
}

.control-carousel:hover {
  color: #FE980F
}

.right {
  right: 0
}

.caption-5 {
  top: 40%
}

.caption-1 {
  top: 15px;
  text-align: left!important;
  left: 100px
}

.caption-2 {
  top: 15px;
  text-align: right!important;
  right: 100px
}

.caption-3 {
  text-align: left!important;
  left: 100px;
  bottom: 15px
}

.caption-4 {
  text-align: right!important;
  right: 100px;
  bottom: 15px
}

.about_our_company,
.blog-heading-tittle h1,
.carocel_cap_hea,
.panel-box .panel-icon,
.panel-icon p.text,
.post_date,
.titleline-icon:after {
  text-align: center
}

.carousel-caption h3 {
  font-size: 40px;
  font-weight: 700
}

.notice-event-heading h1 {
  color: #333;
  font-family: Ubuntu, sans-serif;
  font-size: 35px;
  margin-bottom: 40px;
  margin-top: 0;
  text-align: center;
  text-transform: none;
  font-weight: 700
}

.devs-navbarbrand {
  margin-top: -59px
}

.navbar-custom.affix .sm-navbarbrand-logo {
  margin-top: -4px
}

.about_our_company h1 {
  font-family: Ubuntu, sans-serif;
  font-size: 25px
}

.titleline-icon {
  position: relative;
  max-width: 100px;
  border-top: 4px double #DC143C;
  margin: 20px auto
}

.titleline-icon:after {
  position: absolute;
  top: -11px;
  left: 0;
  right: 0;
  margin: auto;
  font-family: Lato, sans-serif;
  content: "\f141";
  font-size: 20px;
  line-height: 1;
  color: #DC143C;
  vertical-align: middle;
  width: 40px;
  height: 20px;
  background: #fff
}

.carocel_cap_hea h2,
.carocel_cap_hea p {
  color: #fff;
  border-radius: 3px;
  box-sizing: content-box;
  padding: 10px
}

.carocel_cap_hea h2 {
  font: 400 "open sans"
}

.carocel_cap_hea p {
  line-height: 25px;
  font: 400 20px "open sans"
}

.font-black,
.font-white {
  font-family: Lato, sans-serif
}

.panel-box {
  margin-bottom: 0;
  background: 0 0
}

.panel-box .panel-icon {
  display: table-cell;
  padding: 10px;
  width: 1%;
  vertical-align: top;
  border-radius: 0
}

.size-h1 {
  margin: 0;
  font-weight: 700;
  font-size: 45px;
  color: #222
}

.panel-icon p.text {
  font-size: 15px!important;
  font-weight: 700
}

.devs-coundown-text {
  margin: 0 auto;
  padding-top: 20px;
  height: 101px;
  width: 103px;
  background-color: rgba(255, 255, 255, .54);
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, .09)
}

.devs-coundown-text:after {
  content: '';
  display: block;
  position: absolute;
  top: 3.5px;
  bottom: 0;
  left: 84.5px;
  right: 0;
  border-radius: 50%;
  border: 7px solid rgba(255, 255, 255, .54);
  height: 115px;
  width: 117px
}

#devs-badmission {
  padding: 60px 0;
  background-color: #00AEEF
}

.font-white {
  color: #fff
}

.font-black {
  color: #222
}

.devs-heading_famely {
  font-family: Ubuntu, sans-serif;
  font-size: 35px!important;
  font-weight: 700;
  text-transform: none!important;
  margin-bottom: 35px
}

.devs-oursuccesstory h3,
.devs-per-info {
  font-family: Lato, sans-serif
}

.hover-effect {
  border-radius: 15px;
  background: #2E3092
}

.hover-div img {
  opacity: .6;
  border-radius: 15px;
  width: 100%
}

.hover-div {
  border-radius: 15px;
  margin: 30px auto 0;
  position: relative;
  overflow: hidden
}

.view-details {
  top: 45%;
  left: 32%;
  position: absolute;
  opacity: 0
}

.view-details h4,
.view-details:hover h4 {
  transition: all ease-in-out .2s;
  padding: 9px 14px;
  color: #fff
}

.view-details h4 {
  font-size: 15px;
  background-color: #3ad0fc
}

.view-details:hover h4 {
  background-color: #0D1335
}

.hover-div:hover .view-details {
  transition: all ease-in-out .5s;
  opacity: 1;
  color: #000;
  top: 42%
}

.hover-div:hover img {
  transition: all ease-in-out .5s;
  opacity: .6;
  transform: scale(1.2)
}

.devs-oursuccesstory {
  position: absolute;
  top: 30px;
  left: 15px;
  padding: 15px;
  color: #fff
}

#activities-section,
#blog-section {
  padding: 60px 0 40px
}

.devs-oursuccesstory h3 {
  font-size: 25px
}

.devs-per-info a:hover {
  color: #fff
}

#blog-section {
  background-color: #EDEDED
}

.blog-heading-tittle h1 {
  text-transform: none;
  font-size: 35px;
  font-family: Ubuntu, sans-serif;
  color: #333;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: 35px
}

.blog-item {
  overflow: hidden;
  padding: 35px 50px;
  border-radius: 2px
}

.post_date {
  position: absolute;
  top: -25px;
  right: 40%;
  font-family: Lato, sans-serif;
  background: #da0a0a;
  padding: 10px;
  width: 50px;
  height: 55px
}

.post_date span {
  display: block;
  color: #fff;
  line-height: 16px
}

.post_date .day {
  line-height: 20px;
  font-size: 20px;
  font-weight: 600
}

.devs-blogdiscrip {
  line-height: 25px;
  padding: 10px;
  background: #fff;
  min-height: 95px
}

.devs-blogdiscrip h3 {
  color: rgba(0, 0, 0, .8);
  font-weight: 500;
  margin-top: 0;
  font-size: 16px;
  font-family: Ubuntu, sans-serif;
  text-align: justify
}

.devs-blogdiscrip p,
.search-heading h3,
.tabs nav a:before {
  font-family: Lato, sans-serif
}

.devs-blogdiscrip p {
  line-height: 25px;
  color: rgba(0, 0, 0, .5);
  text-align: justify;
  font-size: 16px
}

.tabs {
  position: relative;
  width: 100%;
  overflow: hidden;
  margin: 1em 0 2em;
  font-weight: 300
}

.tabs nav {
  text-align: center
}

.tabs nav ul {
  padding: 0;
  margin: 0;
  display: inline-block
}

.tabs nav ul li {
  border: 1px solid #becbd2;
  border-bottom: none;
  margin: 0 .25em;
  display: block;
  float: left;
  position: relative
}

.tabs nav li.tab-current {
  border: 1px solid #09F;
  box-shadow: inset 0 2px #47a3da;
  border-bottom: none;
  z-index: 100
}

.tabs nav li.tab-current:after,
.tabs nav li.tab-current:before {
  content: '';
  position: absolute;
  height: 1px;
  right: 100%;
  bottom: 0;
  width: 1000px;
  background: #09F
}

.tabs nav li.tab-current:after {
  right: auto;
  left: 100%;
  width: 4000px
}

.tabs nav a {
  color: #222;
  display: block;
  font-size: 16px;
  padding: 10px 25px;
  white-space: nowrap;
  font-weight: 700
}

.tabs nav a:hover,
.tabs nav li.tab-current a {
  color: #000
}

.tabs nav a:before {
  display: inline-block;
  vertical-align: middle;
  text-transform: none;
  font-weight: 400;
  font-variant: normal;
  line-height: 1;
  speak: none;
  -webkit-font-smoothing: antialiased;
  margin: -.25em .4em 0 0
}

.media-left img {
  border-radius: 40px
}

.icon-food:before {
  content: "\e600"
}

.icon-lab:before {
  content: "\e601"
}

.icon-cup:before {
  content: "\e602"
}

.icon-truck:before {
  content: "\e603"
}

.icon-shop:before {
  content: "\e604"
}

.content section {
  font-size: 1.25em;
  display: none;
  max-width: 1230px;
  margin: 0 auto
}

.content section:after,
.content section:before {
  content: '';
  display: table
}

.content section.content-current,
.mediabox img {
  display: block
}

.no-js .content section {
  display: block;
  padding-bottom: 2em;
  border-bottom: 1px solid #47a3da
}

.mediabox {
  float: left;
  width: 33%;
  padding: 0 25px
}

.Whats_Happening,
._Group_ {
  top: 0;
  width: 5684px;
  height: 20671px;
  position: absolute;
  left: 0
}

.mediabox img {
  max-width: 100%;
  margin: 0 auto
}

.mediabox h3 {
  margin: .75em 0 .5em
}

.mediabox p {
  padding: 0 0 1em;
  margin: 0;
  line-height: 1.3
}

.devs-all-dip,
.ul_menu>li {
  line-height: 25px
}

.Whats_Happening {
  z-index: 90
}

._Group_ {
  background-image: url(_Group.html>.png);
  opacity: .902;
  z-index: 83
}

.devs-tabs-con li a {
  color: #222
}

.devs-tabs-con li a:hover {
  text-decoration: none
}

.search-heading h3 {
  background: #eee;
  color: #898989;
  font-size: 20px;
  font-style: normal;
  font-weight: 700;
  margin-top: 20px;
  padding: 7px;
  text-align: center;
  text-transform: capitalize
}

.devs-media-font h4 {
  font-family: Ubuntu, sans-serif;
  font-size: 16px;
  font-weight: 700
}

.devs-media-font p {
  color: #ccc
}

.devs-all-dip,
.devs-all-dip:hover {
  color: #47a3da;
  font-size: 16px;
  font-family: Lato, sans-serif
}

#devs-footer {
  padding: 50px 0;
  background: #f7f7f7
}

.devs-footer-head h4 {
  font-weight: 700;
  font-size: 16px;
  font-family: Lato, sans-serif
}

.devs-footer-link ul {
  font-family: Lato, sans-serif;
  margin: 0;
  padding: 0
}

.devs-footer-link ul li a {
  font-size: 14px;
  letter-spacing: 1px;
  color: #AEACAC
}

.devs-bottom-link ul li a,
.devs-last-link ul li a {
  font-size: 16px;
  font-family: Lato, sans-serif
}

.devs-footer-link ul li a:hover {
  color: #09f
}

#devs-bottom-futter {
  padding: 10px 0 30px
}

.devs-bottom-link ul {
  margin: 0;
  text-align: center
}

.devs-bottom-link ul li {
  padding: 0 3px
}

.devs-last-link ul {
  margin: 2px;
  padding: 0
}

.devs-last-link ul li {
  float: left;
  border-left: 1px solid #AEACAC
}

.devs-last-link ul li a {
  text-align: center;
  padding: 5px;
  color: #747575
}

.carousel-control.left,
.carousel-control.right {
  background-image: none!important
}

.devs-megamenu-heading {
  border-left: 2px solid #222;
  margin-top: 25px;
  margin-bottom: 25px
}

.devs-megamenu-imag img {
  margin-top: 38px;
  border-radius: 10px;
  height: 190px;
  border: 1px solid #ccc
}

.devs-megamenu-heading h2 {
  color: #2e3192;
  font-size: 14px;
  font-weight: 700;
  margin: 10px 0;
  text-align: left
}

.left.carousel-control,
.right.carousel-control {
  display: none
}

.border_vert {
  width: 2%;
  float: left
}

.ul_menu {
  float: left;
  margin-left: -39px
}

.devs-megamenu-list {
  padding: 0
}

.devs-megamenu-list ul li a {
  color: #000;
  font-weight: 400;
  font-family: Lato, sans-serif;
  font-size: 14px
}

.devs-megamenu-list ul li a:hover {
  color: #09f
}

.bac-button-image {
  color: #000;
  background-color: #fff;
  border-radius: 3px;
  font-size: 15px
}

.well-come-btn:after {
  content: '';
  display: block;
  position: absolute;
  top: -11.5px;
  right: 100px;
  border-radius: 31px;
  border: 4px solid rgba(255, 255, 255, .54);
  width: 112px;
  height: 41px
}

.well-come-btn {
  margin: 0 auto;
  padding: 7px 20px;
  background-color: rgba(255, 255, 255, .54);
  border-radius: 31px;
  border: 1px solid rgba(0, 0, 0, .09);
  color: #222
}

.bac-button-image,
.bac-button-ins {
  padding: 18px 36px
}

.bac-button-ins {
  color: #fff;
  background-color: #008BBF;
  border-radius: 3px;
  font-size: 12px;
  margin-right: 15px
}

.bac-button-image:hover,
.bac-button-ins:hover,
.well-come-btn:hover {
  text-decoration: none;
  color: #000
}

.search-box {
  float: right;
  width: 70%;
  margin-top: 0
}

.sm-navbarbrand-logo {
  float: left;
  height: 80px;
  margin-top: -10px
}

.slider-imagedd {
  height: 100vh;
  width: 100%
}

.great-place-2button {
  text-align: right;
  margin-top: 5px;
  height: 55px;
  padding-top: 5px
}

.great-place-heading {
  font-family: Ubuntu, sans-serif;
  margin-top: 15px;
  color: #fff;
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 700
}

.success-stories-pra,
.trigger-scroll {
  font-family: Lato, sans-serif
}

span.great-tag {
  color: rgba(247, 247, 247, .84);
  font-size: 13px
}

.success-stories-pra {
  text-align: center;
  font-size: 16px;
  width: 50%;
  margin: 0 auto
}

.who-working-text {
  margin-top: 15px;
  font-size: 40px
}

.devs-center-tag {
  width: 54%;
  margin: 0 auto
}

.dashboard-stats {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: -290px;
  z-index: 1
}

.navigation,
.trigger-scroll {
  position: fixed;
  z-index: 9999
}

.devs-button-sec {
  margin-bottom: 107px
}

.about-icon {
  display: none;
  margin-bottom: 0;
  margin-top: -10px;
  text-align: center
}

.navigation {
  right: 50px;
  bottom: 100px
}

#mainNav .collapse-menu.collapse.in {
  border-top: none!important
}

.trigger-scroll {
  background: #09f;
  border: 1px solid #09f;
  border-radius: 100%;
  bottom: 20px;
  box-shadow: 1px 0 1px 1px rgba(102, 51, 0, .25);
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 2em;
  font-weight: 700;
  line-height: 1;
  opacity: .8;
  padding: 12px 22px 17px;
  right: 20px;
  text-shadow: 0 1px 0 #fff;
  transform: rotate(90deg);
  transition: transform .5s ease-in-out 0s
}

.devs_message_content-faculty,
.faculty_detail_font {
  font-family: Lato, sans-serif;
  font-size: 16px
}

.banner-img,
.devs-well,
.social-widget>ul,
.widget-area {
  position: relative
}

.trigger-scroll:hover {
  background: #09f;
  border-color: #09f
}

.trigger-scroll.go-to-top {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg)
}

.devs_message-faculty {
  background-color: #09c
}

.devs_message_body-faculty {
  margin-top: 133px
}

.devs_message_title-faculty {
  margin: 0 50px 20px
}

.devs_message_content-faculty {
  margin: 20px 50px;
  text-align: justify
}

.devs_designation-title {
  font-weight: 700;
  margin: 0
}

.devs_message_image-faculty {
  margin-top: 140px;
  width: 60%
}

#devs-to-faculty {
  margin-top: 0;
  padding: 100px 0 90px;
  background-image: url(../../componats/images/faculty_science.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  overflow: hidden;
  background-position: center;
  background-attachment: fixed
}

#history_body {
  border-right: 1px solid #eee;
  min-height: 500px
}

.devs-imgdescri-five,
.devs-imgdescri-six {
  padding: 30px 20px;
  position: absolute;
  bottom: 0;
  width: 100%;
  background: rgba(1, 23, 44, .8)
}

.devs-imgdescri-six {
  margin-right: 15px
}

.devs-dept-title {
  background-color: #3b99d7;
  height: 300px
}

.devs-dept-title h1 {
  font-family: Ubuntu, sans-serif;
  margin-top: 0;
  padding: 80px 50px;
  color: #fff;
  text-transform: capitalize
}

.devs_history_body p,
.devs_message_content-department,
.social-widget li>p>i,
p.devs-acchievement-desc {
  font-family: Lato, sans-serif
}

.button-programs,
.button-programs:hover {
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px
}

.devs-dept-section {
  margin-bottom: 20px
}

.button-programs {
  padding: 30px;
  background-color: #3b99d7;
  color: #fff
}

.button-programs:hover {
  padding: 25px;
  border: 5px solid #3b99d7;
  background-color: #fff;
  color: #3b99d7
}

#program-declar {
  min-height: 200px;
  padding: 100px 0
}

#program-declar h1 {
  font-weight: 700;
  margin-bottom: 40px
}

.statistic-body {
  height: 398px;
  background-repeat: no-repeat;
  background-size: cover
}

.devs_designation-chairman {
  width: 80%;
  margin: auto auto 85px;
  background-color: #eb2932;
  padding: 20px;
  color: #fff
}

#devs-to-dept_cse {
  margin-top: 0;
  padding: 0;
  background-image: url(../../componats/images/dept-back.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-attachment: fixed
}

.dept-prog-back {
  background-color: rgba(45, 62, 80, .8);
  height: auto
}

.dept-prog-back .devs-academic-commment {
  float: left;
  width: 100%;
  padding: 100px 0 80px
}

.dept-fetc-btn,
.dept-fetc-btn:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn {
  background-color: #65b1ef
}

.dept-fetc-btn:hover {
  background-color: transparent;
  border: 3px solid #65b1ef;
  text-decoration: none!important
}

.cur-title,
.dept-cur-btn {
  text-align: center;
  padding: 15px
}

.cur-title {
  font-size: 18px;
  border: 2px solid #fff;
  margin: 0;
  color: #fff
}

.dept-cur-btn {
  background-color: #fff;
  margin-bottom: 20px;
  color: #39414b;
  display: block
}

.dept-cur-btn:hover {
  background-color: #6d6d6d;
  text-decoration: none;
  color: #fff;
  border: 2px solid #fff;
  border-top: 0
}

.dept-fetc-btn10:hover,
.dept-fetc-btn11:hover,
.dept-fetc-btn12:hover,
.dept-fetc-btn1:hover,
.dept-fetc-btn2:hover,
.dept-fetc-btn3:hover,
.dept-fetc-btn4:hover,
.dept-fetc-btn5:hover,
.dept-fetc-btn6:hover,
.dept-fetc-btn7:hover,
.dept-fetc-btn8:hover,
.dept-fetc-btn9:hover,
ul li.active .dept-fetc-btn,
ul li.active .dept-fetc-btn1,
ul li.active .dept-fetc-btn10,
ul li.active .dept-fetc-btn11,
ul li.active .dept-fetc-btn12,
ul li.active .dept-fetc-btn2,
ul li.active .dept-fetc-btn3,
ul li.active .dept-fetc-btn4,
ul li.active .dept-fetc-btn5,
ul li.active .dept-fetc-btn7,
ul li.active .dept-fetc-btn8,
ul li.active .dept-fetc-btn9 {
  text-decoration: none!important
}

.dashboard-stats_department h1 {
  font-weight: 700
}

.dashboard-stats_department h5 {
  font-size: 20px
}

ul li.active .dept-fetc-btn {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #65b1ef!important;
  color: #fff
}

.dept-fetc-btn1,
.dept-fetc-btn1:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  font-weight: 700;
  color: #fff
}

.dept-fetc-btn1 {
  background-color: #3b99d7
}

.dept-fetc-btn1:hover {
  background-color: transparent;
  border: 3px solid #3b99d7
}

ul li.active .dept-fetc-btn1 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #3b99d7!important;
  color: #fff
}

.dept-fetc-btn2,
.dept-fetc-btn2:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn2 {
  background-color: #eb2932
}

.dept-fetc-btn2:hover {
  background-color: transparent;
  border: 3px solid #eb2932
}

ul li.active .dept-fetc-btn2 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #eb2932!important;
  color: #fff
}

.dept-fetc-btn3,
.dept-fetc-btn3:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn3 {
  background-color: #f6c640
}

.dept-fetc-btn3:hover {
  background-color: transparent;
  border: 3px solid #f6c640
}

ul li.active .dept-fetc-btn3 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #f6c640!important;
  color: #fff
}

.dept-fetc-btn4,
.dept-fetc-btn4:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn4 {
  background-color: #93d438
}

.dept-fetc-btn4:hover {
  background-color: transparent;
  border: 3px solid #93d438
}

ul li.active .dept-fetc-btn4 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #93d438!important;
  color: #fff
}

.dept-fetc-btn5,
.dept-fetc-btn5:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn5 {
  background-color: #2d3e50
}

.dept-fetc-btn5:hover {
  background-color: transparent;
  border: 3px solid #2d3e50
}

ul li.active .dept-fetc-btn5 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #2d3e50!important;
  color: #fff
}

.dept-fetc-btn6,
.dept-fetc-btn6:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn6 {
  background-color: #ad33c6;
  font-size: 16px
}

.dept-fetc-btn6:hover {
  background-color: transparent;
  border: 3px solid #ad33c6;
  : 16px
}

ul li.active .dept-fetc-btn6 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #ad33c6!important;
  text-decoration: none!important;
  color: #fff
}

.dept-fetc-btn7,
.dept-fetc-btn7:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn7 {
  background-color: #fd5f42
}

.dept-fetc-btn7:hover {
  background-color: transparent;
  border: 3px solid #fd5f42
}

ul li.active .dept-fetc-btn7 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #fd5f42!important;
  color: #fff
}

.dept-fetc-btn8,
.dept-fetc-btn8:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn8 {
  background-color: #4bae4f
}

.dept-fetc-btn8:hover {
  background-color: transparent;
  border: 3px solid #4bae4f
}

ul li.active .dept-fetc-btn8 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #4bae4f!important;
  color: #fff
}

.dept-fetc-btn9,
.dept-fetc-btn9:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 16px;
  color: #fff;
  font-weight: 700
}

.dept-fetc-btn9 {
  background-color: #00b7cf
}

.dept-fetc-btn9:hover {
  background-color: transparent;
  border: 3px solid #00b7cf
}

ul li.active .dept-fetc-btn9 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 16px!important;
  border: 3px solid #00b7cf!important;
  color: #fff
}

.dept-fetc-btn10,
.dept-fetc-btn10:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 15px;
  color: #fff
}

.dept-fetc-btn10 {
  background-color: #311b92
}

.dept-fetc-btn10:hover {
  background-color: transparent;
  border: 3px solid #311b92
}

ul li.active .dept-fetc-btn10 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 15px!important;
  border: 3px solid #311b92!important;
  color: #fff
}

.dept-fetc-btn11,
.dept-fetc-btn11:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 15px;
  color: #fff
}

.dept-fetc-btn11 {
  background-color: #0d47a1
}

.dept-fetc-btn11:hover {
  background-color: transparent;
  border: 3px solid #0d47a1
}

ul li.active .dept-fetc-btn11 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 15px!important;
  border: 3px solid #0d47a1!important;
  color: #fff
}

.dept-fetc-btn12,
.dept-fetc-btn12:hover {
  height: 100px;
  text-align: center;
  margin-bottom: 20px;
  padding: 38px;
  font-size: 15px;
  color: #fff
}

.dept-fetc-btn12 {
  background-color: #e65100
}

.dept-fetc-btn12:hover {
  background-color: transparent;
  border: 3px solid #e65100
}

ul li.active .dept-fetc-btn12 {
  height: 100px!important;
  text-align: center!important;
  background-color: transparent!important;
  margin-bottom: 20px!important;
  padding: 38px!important;
  font-size: 15px!important;
  border: 3px solid #e65100!important;
  color: #fff
}

.dept-prog-all-faculty,
.dept-prog-faculty {
  background-size: 100% 100%;
  padding-top: 50px;
  padding-bottom: 45px
}

.breadcrumb>li>a,
.dropdown-content a,
.faculty-member a {
  text-decoration: none
}

.devs_message_body-chairman {
  margin-top: 50px
}

.devs_message_image-chairman {
  margin-top: 50px;
  width: 80%
}

.dept-prog-faculty {
  background-color: #2d3e50
}
.dept_member_wrap{
  margin-top: 20px;
}
.facult-member-img {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  border: 1px solid #666;
  background: #fff url(../images/userthumb.png) center center no-repeat;
}
.faculty-member .facult-member-img {
  width: 100%;
  height: 300px;
  margin: 0 auto;
  border: none;
  background: #fff url(../images/userthumb.png) center center no-repeat;
}

.faculty-member {
  margin-bottom: 20px;
  display: block;
  min-height: 365px;
  background: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  box-shadow: 0 0 10px rgba(0, 0, 0, .5)
}

.fac-desig {
  font-size: 13px;
  margin: 0
}

.member_name {
  padding: 10px 15px
}

.member_name h3 {
  font-size: 19px;
  margin-bottom: 0
}

.member_name h3 span {
  font-size: 14px;
  display: block;
  margin-top: 6px
}

.devs-item {
  display: inline-block;
  _padding: .25rem;
  width: 100%;
  _min-height: 330px;
  background: #1976D2;
}

.department_title {
  font-size: 45px;
  letter-spacing: 5px
}

.devs-well {
  display: block
}

.devs-well img {
  width: 100%;
  height: 200px
}

p.devs-acchievement-desc {
  padding: 13px;
  display: block;
  _text-overflow: ellipsis;
  _word-wrap: break-word;
  _overflow: hidden;
  _max-height: 6.6em;
  line-height: 22px;
  _background-color: #ea2932;
  color: #fff;
  font-size: 16px
}

#tabdesc {
  height: auto
}

#tabdesc::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  border-radius: 10px;
  background-color: #F5F5F5
}

#tabdesc::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
  border-radius: 10px
}

.social-widget,
.social-widget>span,
.social-widget>ul,
.widget-area {
  width: 100%;
  float: left
}

#tabdesc::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #2d3e50
}

.widget-area.blank {
  background: rgba(0, 0, 0, 0);
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none
}

.widget-area {
  background-color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, .05);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, .05);
  -ms-box-shadow: 0 0 16px rgba(0, 0, 0, .05);
  -o-box-shadow: 0 0 16px rgba(0, 0, 0, .05);
  box-shadow: 0 0 16px rgba(0, 0, 0, .05);
  padding: 0 20px 20px
}

.social-widget {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  overflow: hidden
}

.social-widget>span#curriculam-btn {
  background: #3b99d7;
  color: #fff
}

.social-widget>span {
  font-size: 16px;
  height: 60px;
  line-height: 60px;
  text-align: center
}

.social-widget>ul {
  background: #fff;
  margin: 0;
  padding: 0
}

.social-widget>ul:before {
  border-bottom: 9px solid #f0f0f0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  content: "";
  left: 50%;
  margin-left: -9px;
  position: absolute;
  top: -8px
}

.social-widget>ul>li {
  float: left;
  list-style: none;
  padding: 10px 0;
  position: relative;
  text-align: center;
  width: 50%;
  background: #f0f0f0
}

.social-widget p {
  color: #333;
  font-size: 15px;
  font-weight: 500;
  margin: 0
}

.social-widget li>p>i {
  color: #777;
  float: left;
  font-size: 13px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: .3px;
  line-height: 24px;
  text-align: center;
  width: 100%
}

.curriculam-page {
  margin-top: 12%;
  margin-bottom: 50px
}

.modal-content {
  -webkit-border-radius: 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0;
  -moz-background-clip: padding;
  border-radius: 6px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, .5);
  -moz-box-shadow: 0 0 40px rgba(0, 0, 0, .5);
  box-shadow: 0 0 40px rgba(0, 0, 0, .5);
  color: #000;
  background-color: #fff;
  border: transparent
}

.modal-message .modal-footer,
.modal-message .modal-header,
.modal-message .modal-title {
  background: 0 0;
  border: none;
  margin: 0;
  padding: 0 20px;
  text-align: center!important
}

.it-club-sec p,
p.history-by,
p.history-message,
p.notice-message {
  text-align: justify
}

.modal-message .modal-title {
  font-size: 17px;
  color: #737373;
  margin-bottom: 3px
}

.modal-message .modal-body {
  color: #737373
}

.devs-modal-content .modal-body,
.devs-modal-content .modal-body .col-md-12 {
  padding: 0
}

.modal-message .modal-header {
  color: #fff;
  margin-bottom: 10px;
  padding: 15px 10px;
  font-size: 20px
}

.modal-message .modal-header .fa,
.modal-message .modal-header .glyphicon,
.modal-message .modal-header .typcn,
.modal-message .modal-header .wi {
  font-size: 30px
}

.modal-message .modal-footer {
  margin: 25px 0 20px;
  padding-bottom: 10px
}

.modal-footer {
  display: none!important
}

.modal-backdrop.in {
  zoom: 1;
  filter: alpha(opacity=75);
  -webkit-opacity: .75;
  -moz-opacity: .75;
  opacity: .75
}

.modal-backdrop {
  background-color: #fff
}

.modal-message.modal-success .modal-header {
  color: #3b99d7;
  border-bottom: 3px solid #3b99d7
}

.curve {
  width: 33%;
  height: 100px;
  min-width: 150px;
  float: left;
  margin-right: 2rem;
  border-radius: 50%;
  -webkit-shape-outside: circle();
  -moz-shape-outside: circle();
  shape-outside: circle()
}

.breadcrumb-back {
  background-image: url(../../../componats/images/dept-back.png);
  height: 250px;
  background-repeat: no-repeat;
  background-position: left top
}

.breadcrumb-foreground {
  width: 100%;
  height: 100%;
  background-color: rgba(45, 62, 80, .8);
  padding: 0 15%
}

.breadcrumb>li+li:before {
  padding: 0!important;
  color: #ccc;
  content: "/\00a0"
}

.page-title {
  margin-top: 93px;
  font-size: 50px;
  text-transform: none;
  font-weight: 700
}

.academic-exc h1,
span.evnt-mnth {
  text-transform: uppercase
}

.breadcrumb {
  display: none;
  padding: 8px 15px;
  margin-bottom: 20px;
  background-color: transparent!important;
  border-radius: 4px
}

.breadcrumb>li>a {
  color: #fff
}

.history-image,
.notice-image {
  float: left;
  margin: 0 30px 20px 0;
  width: 200px;
  height: auto
}

.devs_history_body {
  margin-top: 50px;
  padding: 0 20px 20px 0
}

.devs_history_body p {
  line-height: 25px;
  font-size: 15px;
  text-align: justify;
  margin-bottom: 25px
}

.history-widget {
  padding-right: 0;
  padding-top: 50px
}

.history-by-image {
  float: left;
  margin: 0 15px 5px 0;
  width: 100px;
  height: auto
}

p.history-by {
  margin-bottom: 0
}

.history-by {
  padding: 30px;
  background-color: #ccc
}

.history-by-title {
  border-bottom: 2px solid;
  margin-top: 0;
  padding: 0 20px 10px 0;
  display: inline-block;
  font-size: 20px
}

.btn-orange {
  color: #fff;
  background-color: #f97b00;
  border-color: #f97b00
}

.devs-imgdescri-two {
  position: absolute;
  top: 0;
  height: 100%;
  background: rgba(209, 93, 32, .8)
}

.slider-banner-img {
  background-image: url(../images/15.jpg);
  height: 250px;
  background-repeat: no-repeat;
  background-size: 100% 100%
}

.dept-carousel {
  background-color: rgba(236, 0, 17, .6);
  height: 100%;
  padding: 50px
}

.academic-exc h1 {
  margin-left: 0!important;
  margin-top: 25px;
  padding-bottom: 60px;
  font-size: 2em;
  font-weight: 700;
  ffont-family: 'Ubuntu', sans-serif;
  color: #222;
  margin-bottom: 0!important
}

.dept-banner-img img {
  width: 100%;
  height: 131px!important
}

.it-club-sec {
  background-color: #d15d20;
  height: 225px
}

.it-club-sec p {
  color: #fff;
  padding-top: 10px;
  letter-spacing: .05em
}

.facebook-feed,
.linkedin-feed,
.twitter-feed {
  padding: 20px;
  color: #fff;
  overflow: hidden
}

.it-club-sec h3 {
  color: #fff;
  font-size: 18px;
  padding-top: 20px
}

.event-date,
span.evnt-mnth {
  font-size: 12px;
  text-align: center
}

.facebook-feed {
  background-color: #4467b1;
  height: 260px
}

.twitter-feed {
  background-color: #1A91D9;
  height: 260px
}

.linkedin-feed {
  background-color: #0073b1;
  height: 225px
}

.social-carosal {
  height: 225px
}
.social_link{
  height: 260px;
}
.facebook_link{
  background: url(../images/facebook_icon.png) top right no-repeat #3D5A98;
}
.twitter_link{
  background: url(../images/twitter_icon.png) top right no-repeat #2AA9E0;
}
.social_link .link_text{
  position: absolute;
  top: 30%;
  padding: 20px;
}
.social_link .link_text a {
  font-size: 18px;
  color: #fff;
  font-weight: lighter;
  font-family: Lato, sans-serif;
  padding-right: 28px;
  background: url(../images/right_icon.png) center right no-repeat;
  -webkit-background-size: 20px;
  background-size: 20px;
}

.facebook-feed .social-feed-back,
.twitter-feed .social-feed-back {
  height: 130px;
  background-size: 800px;
  opacity: .5;
  background-image: url(../../componats/new-image/s7.png);
  bottom: 0;
  right: 0;
  position: absolute
}

.facebook-feed a,
.facebook-feed p,
.linkedin-feed a,
.linkedin-feed p,
.twitter-feed a,
.twitter-feed p {
  color: #fff;
  font-weight: lighter;
  font-family: Lato, sans-serif;
  letter-spacing: .05em
}

.facebook-feed .social-feed-back {
  width: 160px;
  background-position: -325px 695px
}

.twitter-feed .social-feed-back {
  width: 185px;
  background-position: -46px -292px
}

.nbs-flexisel-nav-left.disabled,
.nbs-flexisel-nav-right.disabled {
  opacity: .4
}

.linkedin-feed .social-feed-back {
  width: 100px;
  height: 100px;
  background-image: url(../../componats/new-image/s7.png);
  background-size: 500px;
  background-position: -197px -343px;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1
}

.event-feature {
  position: absolute;
  top: 43px;
  left: -99px;
  background: #fff;
  padding: 10px;
  border: 5px solid #2e3192;
  height: 136px;
  width: 135px;
  text-align: center
}

.event-feature img {
  height: 100%;
  width: auto
}

.event-date {
  position: absolute;
  top: -22px;
  background: #2e3192;
  padding: 5px 8px;
  right: 50px;
  color: #fff;
  height: 60px;
  width: 58px;
  line-height: 14px
}

span.evnt-dt {
  font-size: 20px
}

span.evnt-yr {
  font-size: 12px
}

p.evnt-sec-title {
  color: #fff;
  font-weight: lighter;
  font-size: 12px;
  margin-bottom: 10px
}

.devs-chakti {
  background-image: url(../componats/new-image/bubt.jpg);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  overflow: hidden;
  padding-bottom: 95px;
  padding-top: 135px
}

.modal-header.devs-modal-header {
  background-color: #aeaeae;
  padding-bottom: 5px;
  padding-top: 5px
}

.devs-modal-header h4.modal-title {
  display: -webkit-inline-box;
  margin-left: 20px;
  font-size: 40px;
  line-height: 0;
  color: #f5f5f5
}

.devs-modal-header img {
  width: 100%;
  max-height: 85px;
  max-width: 320px;
  padding: 15px 0
}

.modal-body h4.modal-title {
  border-bottom: 1px solid #ccc;
  display: block;
  font-size: 25px;
  line-height: 35px;
  padding: 10px 18px 20px;
  font-weight: 700;
  text-align: left
}

.modal-body h4.modal-title~.col-md-3,
.modal-body h4.modal-title~.col-md-9 {
  padding: 20px 18px 18px
}

.modal-body .post-image {
  width: 100%;
  height: auto
}

.modal-body ul {
  padding-left: 20px;
  margin-bottom: 25px;
  list-style-position: outside;
  list-style-type: square
}

#overlay1,
#overlay2,
#overlay3,
#overlay4,
#overlay5,
.overlay {
  color: #FFF;
  font-size: 20px;
  background-color: rgba(0, 188, 212, .6);
  padding: 35px 25px;
  z-index: 9998;
  position: absolute
}

.modal-body .col-md-9 {
  border-right: 1px solid #ccc
}

#overlay1,
#overlay4,
.overlay {
  width: 96.5%;
  height: 320px;
  top: 12px
}

#overlay2,
#overlay3 {
  width: 95%;
  height: 320px;
  top: 12px
}

#overlay5 {
  top: 0;
  bottom: 5px;
  left: 0;
  right: 0
}

.succ_play,
button#story_watch5 {
  padding: 5px 10px
}

h2.overlay-title {
  font-size: 25px;
  text-transform: none
}

.panel-count p,
.uppercase {
  text-transform: uppercase
}

p.succ-dept {
  font-size: 13px;
  color: #f7f7f7;
  margin-top: 20px
}

p.succ-desig {
  font-size: 14px;
  color: #f8f8f8
}

p.watch {
  font-size: 15px;
  margin-top: 40px
}

button#story_watch1,
button#story_watch2,
button#story_watch3,
button#story_watch4,
button#story_watch5 {
  background: 0 0!important;
  border: 1px solid!important;
  margin-left: 10px;
  font-size: 13px
}

#overlay5 p.watch {
  top: 24%;
  position: absolute;
  left: 43%
}

.blog-sec-margin {
  background-color: #fff
}

.devs-input {
  border-radius: 0!important;
  height: 45px;
  color: #00bcd4;
  border: 1px solid
}

.devs-btn {
  border-radius: 0!important;
  height: 45px;
  margin-top: 25px;
  background-color: #00bcd4;
  border: 0!important
}

.succ_play {
  background: 0 0!important;
  border: 2px solid #fff
}

#pagination a:hover,
#pagination b {
  background-position: top center;
  background-repeat: no-repeat
}

.panel-border {
  border-right: 2px solid #ccc
}

.panel-bless {
  padding: 20px 0
}

#c-wrapper {
  background-image: url(../images/counter-back.jpg);
  background-size: 100% 100%;
  padding: 100px 0
}

.panel-count p {
  color: #2e3192
}

.panel-count p:last-child {
  color: #000
}

.all-media-image {
  width: 100%;
  height: 180px;
  overflow: hidden
}

.notice-media-body {
  background-color: #00AEEF
}

.devs_message_content-department {
  margin: 20px 0 20px 50px;
  text-align: justify;
  font-size: 15px;
  line-height: 27px
}

.devs_history_body ul {
  list-style-type: disc;
  margin-bottom: 25px
}

.devs_history_body li {
  margin-bottom: 10px
}

.devs-blog-item {
  margin-bottom: 60px
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #2196F3;
  min-width: 160px;
  overflow: auto;
  box-shadow: 0 8px 16px 0 rgba(0, 0, 0, .2);
  z-index: 1
}

.dropdown-content a {
  color: #fff;
  padding: 12px 16px;
  display: block
}

.dropdown a:hover {
  background-color: #0c66ad
}

.show {
  display: block
}

.search-btn {
  margin-left: -10px;
  background-color: #09F
}

#pagination {
  float: right;
  font: 15px Tahoma, Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
  color: #3d3d3d;
  margin: 20px auto
}

#pagination a,
#pagination strong {
  background-color: inherit;
  display: inline;
  font-weight: 700;
  list-style-type: none;
  text-decoration: none;
  padding: 5px 8px;
  color: #EC7117
}

#pagination a {
  border: 2px solid #09F;
  color: #00aeef;
  margin: 4px;
  padding: 5px 12px
}

#pagination b {
  color: #fff;
  background-color: #09F;
  text-decoration: none;
  margin: 4px;
  padding: 7px 12px
}

#pagination a:hover {
  color: #fff;
  background-color: #09F;
  text-decoration: none
}

#myCarousel .carousel-inner .item img.sm-slider-image {
  width: 100%
}

.member-table thead tr {
  background: #eaeaea
}

.member-table thead tr th {
  font-size: 16px;
  text-align: center;
  vertical-align: middle
}

.member-table tr td {
  vertical-align: middle!important
}

.member-table tr td img {
  display: block;
  height: auto;
  margin: 0 auto;
  width: 150px
}

.member-table.table-striped>tbody>tr:nth-of-type(2n+1) {
  background: 0 0!important
}

.member-table.table-striped>tbody>tr:nth-child(2n+0) {
  background: #f9f9f9!important
}

.normal-table thead tr {
  background: #eaeaea
}

.normal-table thead tr th {
  font-size: 16px;
  text-align: left;
  vertical-align: middle
}

.normal-table tr td {
  vertical-align: middle!important
}

.normal-table.table-striped>tbody>tr:nth-of-type(2n+1) {
  background: 0 0!important
}

.normal-table.table-striped>tbody>tr:nth-child(2n+0) {
  background: #f9f9f9!important
}

.chairperson-wrap {
  margin-bottom: 50px
}

.chairperson-wrap h2 {
  color: #1279c7;
  text-align: center;
  margin-bottom: 30px
}

.chairman-member {
  margin-bottom: 20px
}

.single-member {
  padding: 8px
}

.member-profile {
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.member-profile:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  box-shadow: 0 0 15px rgba(0, 0, 0, .6)
}

.member-info {
  padding: 10px
}

.member-info p {
  text-align: center;
  margin: 0;
  font-size: 13px;
  line-height: 20px
}

.member-info p strong {
  font-size: 16px
}

.no-padding {
  padding: 0
}

.member-row {
  float: left
}

.member-wrap,
.syndicate-chairperson-wrap {
  margin-bottom: 50px
}

.member-wrap h2,
.syndicate-chairperson-wrap h2 {
  color: #1279c7;
  text-align: center;
  margin-bottom: 30px
}

.syndicate-chairman-member {
  margin-bottom: 20px
}

.syndicate-member .member-info p {
  text-align: left;
  margin: 0
}

#tabbtn li {
  display: table;
  margin-bottom: 20px
}

#tabbtn li a,
#tabbtn li a:hover,
#tabbtn li.active a {
  font-size: 20px!important;
  padding: 10px!important;
  display: table-cell;
  vertical-align: middle
}

#faculty-quote h3.font-black,
.program-title h3 {
  margin-bottom: 0
}

#tabbtn li a {
  border: 3px solid transparent
}

#tabbtn li a.dept-fetc-btn:hover,
#tabbtn li.active a.dept-fetc-btn {
  border: 3px solid #65b1ef
}

#tabbtn li a.dept-fetc-btn1:hover {
  border: 3px solid #3b99d7
}

#tabbtn li a.dept-fetc-btn2:hover {
  border: 3px solid #eb2932
}

#tabbtn li a.dept-fetc-btn3:hover {
  border: 3px solid #f6c640
}

#tabbtn li a.dept-fetc-btn4:hover {
  border: 3px solid #93d438
}

#tabbtn li a.dept-fetc-btn5:hover {
  border: 3px solid #2d3e50
}

#myCarousel .carousel-caption h3 {
  display: inline-block;
  background: rgba(0, 0, 0, .6);
  padding: 10px 35px;
  font-weight: 400;
  color: #fff;
  text-align: center
}

#myCarousel .item:nth-child(2) .carousel-caption.caption-5,
#myCarousel .item:nth-child(3) .carousel-caption.caption-5,
#myCarousel .item:nth-child(4) .carousel-caption.caption-5 {
  top: 20%
}

#myCarousel .item:nth-child(2) .carousel-caption h3,
#myCarousel .item:nth-child(3) .carousel-caption h3,
#myCarousel .item:nth-child(4) .carousel-caption h3 {
  display: block;
  background: 0 0;
  padding: 10px 35px;
  font-weight: 400;
  color: #fff;
  text-align: center
}

#myCarousel .carousel-caption,
#myCarousel .carousel-caption p {
  color: #030303;
  font-size: 16px;
  line-height: 23px;
  text-align: justify;
  -webkit-text-shadow: none;
  -moz-text-shadow: none;
  -o-text-shadow: none;
  -ms-text-shadow: none;
  text-shadow: none
}

#myCarousel .carousel-caption ol,
#myCarousel .carousel-caption ul {
  text-align: justify;
  color: #030303
}

#faculty-quote h3.font-black,
.program-content:hover .program-link a,
.program-link,
.program-link a {
  color: #fff!important
}

#myCarousel .carousel-caption h3:empty {
  display: none
}

#mainNav.navbar-custom {
  background: rgba(255, 255, 255, .7)
}

.homepage #slider-wrapper {
  margin-top: 0!important
}

.white-bg {
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s;
  background: #fff!important
}

.program-content,
.program-link {
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s
}

.dept-cur-btn {
  border: 1px solid transparent
}

.program-content {
  transition: all .3s ease-in 0s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.program-content:hover {
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 15px rgba(0, 0, 0, .6);
  box-shadow: 0 0 15px rgba(0, 0, 0, .6)
}

.dept-list li a,
.single-event .media {
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.program-title {
  text-align: center;
  padding: 30px 10px
}

.program-link {
  transition: all .3s ease-in 0s;
  background: rgba(0, 174, 239, 1);
  text-align: center;
  padding: 10px
}

.hide-this,
.show-this {
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s
}

.program-content:hover .program-link {
  background: #292D3E;
  color: #fff!important
}

.program-link a {
  text-decoration: none;
  display: block
}

#devs-footer {
  margin-top: 50px
}

#faculty-quote {
  padding: 25px 0;
  background: rgba(0, 174, 239, 1)
}

.devs_message-faculty {
  min-height: auto;
  height: 530px;
  padding-top: 65px
}

.dean-information {
  position: relative
}

.devs_designation-dean {
  background: rgba(0, 0, 0, .4);
  bottom: 0;
  position: absolute;
  margin: 0;
  padding: 20px;
  width: 100%
}

.dept-carousel h3,
.devs_designation-dean h4,
.devs_designation-dean h5 {
  margin-bottom: 10px;
  color: #fff
}

.devs-faculty-right {
  margin-top: 0;
  max-width: 100%;
  width: 100%;
  max-height: 530px;
  height: 100%
}

.devs_designation-title {
  color: #fff
}

.logo {
  max-width: 340px;
  width: 100%
}

.logo img {
  max-width: 100%;
  display: inline-block
}

.dept-carousel h3 {
  font-size: 18px;
  font-weight: 700;
  display: block
}

.dept-carousel h2 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  display: block
}

.view_all_departments,
.view_all_departments:hover {
  float: right;
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  position: absolute;
  right: 30px;
  bottom: 25px
}

.dept_read_more,
.dept_read_more:hover {
  color: #fff;
  font-size: 14px;
  text-decoration: none
}

.btn-flat {
  background: #00aeef;
  border-radius: 2px;
  padding: 12px 35px;
  border: none;
  color: #fff;
}

.btn-flat-white {
  background: #fff;
  border-radius: 2px;
  padding: 12px 35px;
  border: none;
}

.devs_history_body h3 {
  font-size: 24px;
  font-weight: 500
}

.devs-dept-title h1 {
  font-size: 35px
}

.devs-dept-title h1 span {
  display: block;
  font-size: 50px
}

#devs-to-faculty .banner-img h1 {
  font-size: 35px;
  font-weight: 700;
  margin-bottom: 0;
  text-align: left
}

.department-title span {
  font-size: 45px;
  display: block
}

.faculty-page-1 #faculty-quote,
.faculty-page-1 .devs-acchievement-desc,
.faculty-page-1 .devs-dept-title,
.faculty-page-1 .devs_designation-chairman,
.faculty-page-1 .devs_message-faculty,
.faculty-page-1 .statistic-body {
  background: #1976d2
}

.faculty-page-2 #faculty-quote,
.faculty-page-2 .devs-dept-title,
.faculty-page-2 .devs_message-faculty {
  background: #cc7100
}

.faculty-page-2 .devs-acchievement-desc,
.faculty-page-2 .devs_designation-chairman,
.faculty-page-2 .statistic-body {
  background: #1976d2
}

.faculty-page-3 #faculty-quote,
.faculty-page-3 .devs-dept-title,
.faculty-page-3 .devs_message-faculty {
  background: #3b99d7
}

.faculty-page-3 .devs-acchievement-desc,
.faculty-page-3 .devs_designation-chairman,
.faculty-page-3 .statistic-body {
  background: #1976d2
}

.faculty-page-4 #faculty-quote,
.faculty-page-4 .devs-dept-title,
.faculty-page-4 .devs_message-faculty {
  background: #6919d2
}

.faculty-page-4 .devs-acchievement-desc,
.faculty-page-4 .devs_designation-chairman,
.faculty-page-4 .statistic-body {
  background: #1976d2
}

.faculty-page-5 #faculty-quote,
.faculty-page-5 .devs-dept-title,
.faculty-page-5 .devs_message-faculty {
  background: #067575
}

.faculty-page-5 .devs-acchievement-desc,
.faculty-page-5 .devs_designation-chairman,
.faculty-page-5 .statistic-body {
  background: #1976d2
}

.hide-this {
  transition: all .3s ease-in 0s;
  display: none
}

.show-this {
  transition: all .3s ease-in 0s;
  display: block
}

.succ-dept~p {
  margin-bottom: 0
}

#section-page {
  background: url(../../../../bubt.edu.bd/assets/frontend/componats/new-image/bubt.png) center center no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  padding: 100px 0 60px;
  position: relative
}

.page-info {
  text-align: center;
  padding-bottom: 60px
}

.overlay_bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(40, 43, 127, .2)
}

.dept-list {
  list-style: none;
}
.dept-list li {
  margin-bottom: 30px
}

.dept-list li a {
  display: block;
  text-decoration: none;
  -webkit-transition: all .3s ease-in 0s;
  -moz-transition: all .3s ease-in 0s;
  -o-transition: all .3s ease-in 0s;
  -ms-transition: all .3s ease-in 0s;
  transition: all .3s ease-in 0s;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.dept-list li a:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .6);
  box-shadow: 0 0 10px rgba(0, 0, 0, .6)
}

.dept-list li img {
  height: 280px;
  width: 100%;
  display: block;
  background: #fff
}

.dept-name {
  background: #fff;
  color: #392891;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  overflow: hidden;
  padding: 16px 12px;
  border-bottom: none;
  line-height: 20px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  transition: all .3s ease 0s
}

.dept-list li a:hover .dept-name:before,
.dept-name:before {
  content: "";
  background: #09F;
  height: 4px;
  display: block
}

.dept-name:before {
  width: 110%;
  position: relative;
  left: -12px;
  top: -16px;
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  transition: all .3s ease 0s
}

.dept-list li a:hover .dept-name:before {
  width: 0%
}

.blur img:hover {
  filter: grayscale(0)
}

.event_info h3 {
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  display: block;
  margin-bottom: 10px
}

.event_info h2 {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
  display: block
}

.view_all_events,
.view_all_events:hover {
  float: right;
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  position: absolute;
  right: 30px;
  bottom: 25px
}

.event_read_more,
.event_read_more:hover {
  color: #fff;
  font-size: 14px;
  text-decoration: none;
  font-weight: 400
}

img[src="Error.src"] {
  display: none
}

.single-event {
  margin-bottom: 20px;
  padding: 0 10px
}

.single-event .media {
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.single-event .media:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.single-event .all-media-image {
  background: #fff;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}

.notice-media-body {
  border-top: 2px solid #09f;
  height: auto;
  margin-bottom: 0;
  padding: 5px 10px;
  background: 0 0
}

.devs-media-font p {
  color: rgba(0, 0, 0, .5);
  font-family: Lato, sans-serif;
  font-size: 14px;
  line-height: 25px;
  text-align: justify;
  margin-bottom: 0
}

.filter_area {
  padding-bottom: 30px
}

.single-notice {
  margin-bottom: 20px;
  padding: 0 10px
}

.single-notice .media {
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}
.single-event .media {
  height: 100%;
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.single-notice .media:hover,
.single-program .media:hover {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.single-notice .media:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.single-notice .all-media-image {
  background: #fff;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}

.program_wrap {
  margin-bottom: 40px
}

.single-program {
  margin-bottom: 20px;
  padding: 0 10px
}

.single-program .media {
  background: #fff;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 5px rgba(0, 0, 0, .4);
  box-shadow: 0 0 5px rgba(0, 0, 0, .4)
}

.single-program .media:hover {
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.single-program .all-media-image {
  background: #fff;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%
}

.devs-imgdescri-five small,
.devs-imgdescri-six small {
  font-size: 24px;
  font-weight: 700;
  color: #fff
}

.view-all-tabs {
  margin-top: 40px;
  text-align: right
}

#history_widget .devs-item {
  min-height: auto
}

.pdf_view {
  height: 800px
}

.member-profile img {
  min-height: 120px
}

#slider-wrapper {
  _margin-top: 104px
}

#myCarousel .carousel-inner .item img.sm-slider-image {
  height: 670px!important
}

.float_navigation {
  max-height: 100%!important;
  overflow-y: auto;
  overflow-x: hidden;
  width: 80px;
  position: fixed;
  _top: 77px;
  top: 117px;
  left: -100%;
  height: 100%;
  background: #292D3E;
  z-index: 9;
  padding-top: 20px;
  padding-bottom: 20px;
  -webkit-transition: all .6s ease-in 0s;
  -moz-transition: all .6s ease-in 0s;
  -o-transition: all .6s ease-in 0s;
  -ms-transition: all .6s ease-in 0s;
  transition: all .6s ease-in 0s;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -o-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  -ms-box-shadow: 0 0 10px rgba(0, 0, 0, .4);
  box-shadow: 0 0 10px rgba(0, 0, 0, .4)
}

.float_navigation.show_float_navigation,
.float_navigation:hover {
  -webkit-transition: all .6s ease-in 0s;
  -moz-transition: all .6s ease-in 0s;
  -o-transition: all .6s ease-in 0s;
  -ms-transition: all .6s ease-in 0s
}

.float_navigation.show_float_navigation {
  left: 0;
  transition: all .6s ease-in 0s
}

.float_navigation:hover {
  left: 0!important;
  transition: all .6s ease-in 0s
}

.float_navigation.go_left {
  left: -70px;
  -webkit-transition: all .6s ease-in 0s;
  -moz-transition: all .6s ease-in 0s;
  -o-transition: all .6s ease-in 0s;
  -ms-transition: all .6s ease-in 0s;
  transition: all .6s ease-in 0s
}

@keyframes lookup {
  0% {
    left: -70px;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
  }
  100% {
    left: -75px;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
  }
}

.small_logo,
.small_logo.visible_logo {
  -webkit-transition: all .3s ease-in 20ms;
  -moz-transition: all .3s ease-in 20ms;
  -o-transition: all .3s ease-in 20ms;
  -ms-transition: all .3s ease-in 20ms
}

.small_logo {
  padding: 10px 5px;
  position: relative;
  max-height: 80px;
  height: 100%;
  visibility: hidden;
  display: block;
  transition: all .3s ease-in 20ms
}

.small_logo img {
  width: 100%;
  height: 100%;
  display: block
}

.small_logo.visible_logo {
  visibility: visible;
  transition: all .3s ease-in 20ms
}

.icon_nav ul li,
.icon_nav ul li a {
  -webkit-transition: all .3s ease-in 20ms;
  -moz-transition: all .3s ease-in 20ms;
  -o-transition: all .3s ease-in 20ms;
  -ms-transition: all .3s ease-in 20ms;
  display: block
}

.show_main_menu {
  width: 32px;
  height: 32px;
  background: url(../images/double-angle-pointing-to-right.png) center right no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  position: absolute;
  top: 40%;
  z-index: 99999;
  left: 80px;
  display: block
}

.icon_nav {
  height: 100%;
  display: block
}

.icon_nav ul {
  padding: 0
}

.icon_nav ul li {
  height: 60px;
  width: 100%;
  padding: 3px 0;
  transition: all .3s ease-in 20ms
}

.icon_nav ul li a {
  text-align: center;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 18px;
  transition: all .3s ease-in 20ms
}

.icon_nav ul li img {
  filter: grayscale(1);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2px;
  height: 32px;
  display: block;
  -webkit-transition: all .3s ease-in 20ms;
  -moz-transition: all .3s ease-in 20ms;
  -o-transition: all .3s ease-in 20ms;
  -ms-transition: all .3s ease-in 20ms;
  transition: all .3s ease-in 20ms
}

.icon_nav ul li:hover {
  background: #F07235
}

.icon_nav ul li:hover a {
  color: #292D3E
}

.icon_nav ul li:hover img {
  filter: grayscale(0)
}

.banner_btm_area {
  background: #036;
  position: relative
}

.banner_btm_area ul.nav-tabs {
  text-align: center;
  float: none;
  border: none!important;
  position: relative;
  margin-top: -53px
}

.banner_btm_area ul.nav-tabs li {
  display: inline-block;
  float: none;
  margin-left: -3px;
  margin-bottom: 0!important;
  border-right: 1px solid #000
}

.banner_btm_area ul.nav-tabs li:last-child {
  border-right: 1px solid transparent
}

.banner_btm_area ul.nav-tabs li a {
  border: none!important;
  margin: 0;
  min-width: 250px;
  max-width: 100%;
  width: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -o-border-radius: 0;
  -ms-border-radius: 0;
  border-radius: 0;
  color: #fff;
  padding: 15px;
  font-size: 16px;
  font-weight: 700;
  background: #292D3E
}

.banner_btm_area ul.nav-tabs li.active a {
  background: #C46735;
  color: #fff
}

.banner_btm_area ul.nav-tabs li:hover a {
  background: #C46735;
  color: #292D3E
}

.post_excerpt_wrap {
  min-height: 215px;
  padding: 40px 30px
}

.post_excerpt_wrap p {
  font-size: 14px;
  color: #fff;
  letter-spacing: 1.7px;
  line-height: 24px
}

.post-title {
  margin-bottom: 20px
}

.department-title {
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  top: auto
}

.dept_name {
  padding: 40px 0 40px 60px
}

.btm_logo {
  text-align: center;
  display: block;
  padding: 20px 0
}

.social_media {
  text-align: center;
  display: block;
  padding-top: 20px
}

.address {
  padding: 10px 0
}

.address h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 10px
}

.address p strong {
  font-size: 18px
}

.address p {
  margin-bottom: 0
}

.devs_designation-chairman {
  height: auto!important
}

.devscredit {
  font-size: 12px
}

.notice_area {
  text-align: center;
  margin-bottom: 40px;
  padding: 20px 40px;
  border: 3px solid #DD5044
}

.notice_area h3 {
  margin-bottom: 0
}

.location_address {
  margin-top: 20px;
  padding-bottom: 10px!important;
  border-bottom: 1px solid #dadada
}

.location_address:last-child {
  border-bottom: none
}

.contact_form .input-group-addon .fa {
  min-width: 14px
}

.contact_info p {
  text-align: left
}

select#dept_id,
select#program {
  width: 100%
}

.beta_icon {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999999
}

.beta_icon img {
  width: 20px;
  height: 30px
}

.blog-item .single-blog .blog_wrap {
  padding: 0;
  background: #fff;
  height: 100%
}

.search-contents {
  padding: 10px;
  box-shadow: 1px 4px 10px -6px;
  background: #fff;
  position: relative;
  margin-bottom: 20px
}

.search-contents img {
  height: 200px;
  width: 100%
}

.search-content-link {
  position: absolute;
  height: 50px;
  background: #00AEEF;
  bottom: 10px;
  width: 93%;
  text-align: center
}

.search-content-link a {
  font-size: 17px;
  color: #fff
}

.search-content-link a:hover {
  color: #fff;
  transition: .4s ease-in
}

.avatar-click-me {
  width: 80px;
  height: 80px;
  position: fixed;
  right: 80px;
  top: 85%;
  z-index: 9999
}

.avatar-click-me img {
  width: 80px
}

.avatar-click-me .popover {
  top: -126px!important;
  left: -36px!important;
  display: block
}

.gallery-img-box {
  border-radius: 0;
  text-align: center
}

.gallery-img-box .panel-body {
  padding: 5px
}

.gallery-img-box .panel-footer {
  background: #282b7f;
  border: 1px solid #282b7f;
  border-radius: 0
}

.gallery-img-box .panel-footer h3 {
  font-size: 18px;
  color: #fff;
  margin-bottom: 0!important
}

.gallery-preview {
  padding: 50px 0
}

.gellary-pic {
  _padding: 5px;
}

.gellary-pic a{
  float: left;
  margin: 10px;
}
.gellary-pic a img {
  height: 250px;
  border: 1px solid #282b7f
}

.mb20 {
  margin-bottom: 20px
}

hgroup {
  padding-left: 15px;
  border-bottom: 1px solid #ccc
}

hgroup h1 {
  font: 500 normal 1.625em Roboto, Arial, Verdana, sans-serif;
  color: #2a3644;
  margin-top: 0;
  line-height: 1.15
}

hgroup h2.lead {
  font: normal normal 1.125em Roboto, Arial, Verdana, sans-serif;
  color: #2a3644;
  margin: 0;
  padding-bottom: 10px
}

.search-result .thumbnail {
  border-radius: 0!important
}

.search-result:first-child {
  margin-top: 0!important
}

.search-result {
  margin-top: 20px
}

.search-result .col-md-2 {
  border-right: 1px dotted #ccc;
  min-height: 140px
}

.search-result ul {
  padding-left: 0!important
}

.search-result ul li {
  font: 400 normal .85em Roboto, Arial, Verdana, sans-serif;
  line-height: 30px
}

.search-result ul li i {
  padding-right: 5px
}

.search-result .col-md-7 {
  position: relative
}

.search-result h3 {
  font: 500 normal 1.375em Roboto, Arial, Verdana, sans-serif;
  margin-top: 0!important;
  margin-bottom: 10px!important
}

.search-result h3>a,
.search-result i {
  color: #282b7f!important
}

.search-result p {
  font: normal normal 1.125em Roboto, Arial, Verdana, sans-serif
}

.search-result span.plus {
  position: absolute;
  right: 0;
  top: 126px
}

.search-result span.plus a {
  background-color: #248dc1;
  padding: 5px 5px 3px
}

.search-result span.plus a:hover {
  background-color: #414141
}

.search-result span.plus a i {
  color: #fff!important
}

.search-result span.border {
  display: block;
  width: 97%;
  margin: 0 15px;
  border-bottom: 1px dotted #ccc
}

.search-result {
  padding: 10px;
  background: #f5f5f5;
  margin-bottom: 20px
}

.carrer-page-box {
  padding: 50px 0
}

.table-bg {
  background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid transparent
}

.table-bg .table {
  margin-bottom: 0
}

.tab-image {
  float: left;
  text-align: center;
  margin-right: 20px
}

.table>tbody>tr>td h1 {
  font-size: 16px;
  color: #333;
  line-height: 30px;
  font-weight: 600;
  margin: 0
}

.location-map span,
.work-time {
  margin-top: 25px
}

.table>tbody>tr>td p {
  color: #7d7d7d;
  font-size: 13px
}

.work-time {
  color: #fff!important;
  background-color: #5cc069;
  font-size: 13px;
  display: inline-block;
  border-radius: 0;
  padding: 2px 5px!important
}

#flexiselDemo1,
#flexiselDemo2,
#flexiselDemo3,
.avatar-click-me,
.no-js #loader {
  display: none
}

.table-btn-default {
  padding: 5px 15px;
  background: #fff;
  border-radius: 0;
  border: 1px solid #282b7f
}

.table-btn-default:hover {
  background: #282b7f;
  color: #fff;
  border: 1px solid #282b7f
}

.border-radius-0,
.height-border {
  border-radius: 0
}

.part {
  background-color: #ea2932
}

.btn-padd-td {
  padding: 35px 0!important
}

.mar-top-20 {
  margin-top: 20px
}

.class-custom-table tbody tr {
  border-bottom: 1px solid #ccc
}

.carrer-page-box h2 {
  color: #282b7f;
  text-align: center
}

.mar-top-30 {
  margin-top: 30px
}

.mar-top-10 {
  margin-top: 10px
}

.mar-bot-30 {
  margin-bottom: 30px
}

.mar-top-40 {
  margin-top: 40px
}

.mar-top-72 {
  margin-top: 72px
}

.martop-40-marbot-20 {
  margin-top: 40px;
  margin-bottom: 20px
}

.martop-40-marbot-30 {
  margin-top: 40px;
  margin-bottom: 30px
}

.width-100 {
  width: 100%
}

.width-200 {
  width: 200px
}

.mar-bot-20 {
  margin-bottom: 20px
}

.mar-top-0 {
  margin-top: 0
}

.mar-bot-50 {
  margin-bottom: 50px
}

.pad-top-bot-100 {
  padding: 100px 0
}

.pad-left-0 {
  padding-left: 0!important
}

.border-top-left1 {
  border-top: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5
}

.border-top-2 {
  border-top: 2px solid #222
}

.width-125 {
  width: 125px
}

.border-top-left-right {
  border-top: 1px solid #f5f5f5;
  border-left: 1px solid #f5f5f5;
  border-right: 1px solid #ccc
}

.width-minheight {
  width: 100%;
  min-height: 180px
}

.height-230-wid100 {
  width: 100%;
  height: 230px
}

.height-320-wid100 {
  width: 100%;
  height: 320px
}

.minheight-180-wid100 {
  min-height: 180px;
  width: 100%
}

.height-220-wid100 {
  height: 220px;
  width: 100%
}

.height-150-wid100 {
  height: 150px;
  width: 100%
}

.width-79 {
  width: 79px;
  text-align: justify
}

.width-300im {
  width: 300px!important
}

.height-35 {
  height: 35px
}

.height-25 {
  height: 25px
}

.padd-10 {
  padding: 10px
}

.pad-top-100 {
  padding-top: 100px
}

.pad-right-4 {
  padding-right: 4px
}

.pad-left-10 {
  padding-left: 10px
}

.mar-top-m3 {
  margin-top: -3px
}

.pad-mar-0 {
  padding: 0;
  margin: 0
}

.height-width-60 {
  height: 60px;
  width: 60px
}

.height-width-16 {
  width: 16px;
  height: 16px
}

.height-width-24 {
  width: 24px;
  height: 24px
}

.height-width-15 {
  height: 15px;
  width: 15px
}

.height-width-200 {
  height: 200px;
  width: 200px
}

.height-400-wid100 {
  height: 400px;
  width: 100%
}

.height-250-wid100 {
  height: 250px;
  width: 100%
}

.height-210-wid100 {
  height: 210px;
  width: 100%
}

.height-150 {
  height: 150px
}

.height-22 {
  height: 22px
}

.minheight-225 {
  min-height: 225px
}

.font-size-17 {
  font-size: 17px
}

.font-size-35 {
  font-size: 35px;
  color: #f2711a
}

.cancel-btn,
.save-btn,
.update-btn {
  color: #fff;
  float: right
}

.font-weight-bold {
  font-weight: 700
}

.width-30 {
  width: 30px
}

.save-btn {
  margin-top: 15px
}

.width-112 {
  width: 112px
}

.width-145 {
  width: 145px
}

.mar-top-bot-8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.mar-top-60 {
  margin-top: 60px
}

.height-300-wid100 {
  height: 300px;
  width: 100%
}

.height-border {
  height: 45px
}

.update-btn {
  margin-top: 20px
}

.cancel-btn {
  margin-top: 15px;
  margin-right: 15px
}

.font-size-25 {
  font-size: 25px
}

.martop-8-mar-bot-8 {
  margin-top: 8px;
  margin-bottom: 8px
}

.height-208 {
  height: 208px
}

.padd-0 {
  padding: 0
}

.pos-abb {
  position: absolute;
  right: 0;
  top: 0
}

.pos-abb-wid85 {
  position: absolute;
  width: 85%
}

.height-99vh-wid100 {
  height: 99vh;
  width: 100%
}

.color-red {
  color: red
}

.color-black {
  color: #000
}

.clearout {
  height: 20px
}

.nbs-flexisel-container {
  position: relative;
  max-width: 100%
}

.nbs-flexisel-ul {
  position: relative;
  width: 99999px;
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center
}

.nbs-flexisel-inner {
  position: relative;
  overflow: hidden;
  float: left;
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px
}

.nbs-flexisel-item {
  float: left;
  margin: 0;
  padding: 0;
  cursor: pointer;
  position: relative;
  line-height: 0
}

.nbs-flexisel-item img {
  max-width: 100%;
  cursor: pointer;
  height: 80px;
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
  -moz-transition: all .3s;
  -webkit-transition: all .3s;
  transition: all .3s
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  height: 22px;
  width: 22px;
  background-image: url(../componats/new-image/Next-Button-d.png);
  background-size: 100% 100%
}

.nbs-flexisel-item:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1)
}

.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {
  padding: 5px 10px;
  border-radius: 15px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  position: absolute;
  cursor: pointer;
  z-index: 4;
  top: 40%
}

.nbs-flexisel-nav-left {
  transform: rotate(180deg)
}

.nbs-flexisel-nav-right {
  right: 5px
}

.js #loader {
  display: block;
  position: absolute;
  left: 100px;
  top: 0
}

.se-pre-con {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  background: url(images/loader-64x/Preloader_3.gif) center no-repeat #fff
}

.tab-current {
  background-image: linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -o-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -moz-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -webkit-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -ms-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(.5, #52BDF1), color-stop(.51, #fff));
  height: 45px
}

.line1,
.line2 {
  height: 47px;
  border-bottom: 1px solid #ddd;
  position: absolute
}

.devscredit {
  padding-bottom: 0!important;
  margin-bottom: 0!important
}

.line1 {
  width: 112px;
  -webkit-transform: translateY(-18px) translateX(-32px) rotate(89deg)
}

.line2 {
  left: -13px;
  top: -33px;
  transform: translateY(-13px) translateX(-18px) rotate(0);
  width: 32px
}

.line3 {
  border-bottom: 1px solid #ddd;
  height: 44px;
  position: absolute;
  right: 0;
  top: -6px;
  transform: translateZ(-105px) translateX(76px) rotate(90deg);
  width: 110px
}

.line4 {
  border-bottom: 1px solid #ddd;
  height: 47px;
  left: -13px;
  position: absolute;
  top: -33px;
  transform: translateY(-13px) translateX(-18px) rotate(0);
  width: 32px
}

.history h6 {
  color: red;
  font-size: 15px
}

.history a,
.history p {
  color: #949494
}

.history a:hover {
  color: red;
  text-decoration: none
}

.ch-msg h5,
.hitxt h5 {
  font-weight: 700;
  font-size: 18px;
  color: #2196F3
}

.history hr {
  margin: 7px 0;
  border: 0;
  height: 2px;
  background-image: linear-gradient(to right, rgba(0, 0, 0, .75), rgba(0, 0, 0, .75), rgba(0, 0, 0, 0))
}

.hitxt h5 {
  text-align: center;
  margin: 10px 0 50px
}

.chsc {
  border-right: 1px solid #eee
}

.ch-img img {
  width: 165px;
  margin: 10px 30px
}

.ch-img b {
  margin-left: 44px
}

.ch-img hr {
  margin: 6px
}

.ch-img p {
  margin-left: 44px
}

.ch-img {
  margin-top: 62px
}

.ch-msg hr {
  margin: 10px 0 10px -265px
}

.page {
  margin-top: 12%
}

.outer {
  width: 1px;
  height: 100%;
  margin: auto;
  position: relative;
  overflow: hidden
}

.inner {
  position: absolute;
  width: 100%;
  height: 40%;
  background: grey;
  top: 30%;
  box-shadow: 0 0 30px 20px grey
}

.separator--vertical {
  border-left: 3px solid #5f656d;
  width: 1px;
  height: 100%;
  margin-left: auto;
  margin-right: auto
}

.vertLine {
  border-right: 1px solid #000;
  border-top-width: 50px
}

.notice-events-image {
  float: left;
  margin: 18px 15px 13px 0;
  width: 180px;
  height: auto
}

.notice-events-desc {
  text-align: justify
}

.activities-section {}

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

.activities-section ul {
  border: none !important;
  display: inline-block;
  text-align: center;
}

.activities-section ul.nav-tabs li a,
.activities-section ul.nav-tabs li a:hover{
  border: 1px solid rgb(190, 203, 210);	
  border-bottom: transparent;
  margin-right: 8px;
  border-radius: 0;
  padding-left: 25px;
  padding-right: 25px;
	height: 42px;
	cursor: pointer;
	background: none;
	color: rgb(34, 34, 34);
	display: block;
	font-size: 16px;
	font-weight: 700;
}

.activities-section ul.nav-tabs li.active a{	
	cursor: pointer;
	height: 42px;
	border-top: 4px solid #47A3DA;
	line-height: 17px;
	color: rgb(34, 34, 34);
  background-image: linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -o-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -moz-linear-gradient(left, RGB(82, 189, 241) 50%, rgb(255, 255, 255) 51%);
  background-image: -webkit-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -ms-linear-gradient(left, #52BDF1 50%, #fff 51%);
  background-image: -webkit-gradient(linear, left bottom, right bottom, color-stop(.5, #52BDF1), color-stop(.51, #fff));
}

.tab_wrap .tab-content {
	text-align: left;
	border-top: 1px solid #47A3DA;
	margin-top: -4px;
}
.mar-bot-20{
	display: block;
	margin-top: 10px;
}

.introVideo .playerWrap{
  width: 318px;
  height: 245px;
}


/*
* Youtube Custom Player
*/
.ytVideoWrap{
  position: relative;
}
.playerWrap{
  position: relative;
  width: 100%;
  height: 300px;
  overflow: hidden;
}
.playerWrap iframe{
  width: 100%;
  height: 100%;
}
.btnWrap{
  top: 0;
  position: absolute;
  z-index: 2;
  width: 100%;
  height: 100%;
}

.btnWrap .play {
  background: rgba(255,255,255,0.8) url(../images/play-32.png) center center no-repeat;
  width: 70px;
  height: 40px;
  border: none;
  border-radius: 5px;
  position: relative;
  top: 44% !important;
  left: 43% !important;
  cursor: pointer;
  background-size: 20px 20px;
}
.btnWrap #play1{
  background: rgba(255,255,255,0.8) url(../images/play-32.png) center center no-repeat;
  width: 70px;
  height: 40px;
  border: none;
  border-radius: 5px;
  position: relative;
  top: 44% !important;
  left: 43% !important;
  cursor: pointer;
  background-size: 20px 20px;
}
.btnWrap .play:hover{
  -webkit-box-shadow: 0 0 10px #fff;
  -moz-box-shadow: 0 0 10px #fff;
  -o-box-shadow: 0 0 10px #fff;
  -ms-box-shadow: 0 0 10px #fff;
  box-shadow: 0 0 10px #fff;
}
.btnWrap .pause{
  background: none;
  width: 100%;
  height: 100%;
  border: none;
  position: relative;
  top: 0%;
  left: 0%;
  cursor: pointer;
}
.brandingLogo{
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 2;
}
.brandingLogo img{
  height: auto;
  width: 50px;
}

.youtubeImg{
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.youtubeImg img{
  width: 100%;
  height: 100%;
  display: block;
}
.overLayTextWrap{
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  background: rgba(0, 188, 212, .6);
}
.overLayText{
  position: relative;
  padding: 30px 70px 30px 30px;
}
.overLayTextTitle{
  margin-bottom: 60px;
}
.overLayTextDesc{

}
.overLayText h2{
  color: #fff;
}
.overLayText p{
  color: #fff;
}
.single-video{
  padding: 10px;
}

/*
Header 
*/
.header{
  _padding-top: 10px;
  background: rgba(255,255,255,0.9);
}
.stricky_header{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
}
.header_top{
  position: relative;
  z-index: 9;
}
.nav_menu{
  border: none !important;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
  position: relative;
  margin-bottom: 0;
}
.main_menu{

}
.main_menu ul{
  list-style: none;
}
.main_menu ul li{
  display: inline-block;
  float: none;
  position: inherit;
}

.main_menu ul li a{
  display: block;
  float: none;
  font-size: 14px;
  color: #333;
  font-weight: 700;
  -webkit-transition: all  0.3s  ease-in  0.02s;
  -moz-transition: all  0.3s  ease-in  0.02s;
  -o-transition: all  0.3s  ease-in  0.02s;
  -ms-transition: all  0.3s  ease-in  0.02s;
  transition: all  0.3s  ease-in  0.02s;
  padding: 10px;
}

.main_menu ul li:hover  .megamenu{
  display: block;
}
.showMenu{
  display: block;
}
@keyframes slide {
  from {
    top: 80px;
    z-index: -11;
    opacity: 0;
  -o-transform-origin: 0% 0%;
  -ms-transform-origin: 0% 0%;
  -moz-transform-origin: 0% 0%;
  -webkit-transform-origin: 0% 0%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  }
  to {
    z-index: 0;

    opacity: 1;
  -o-transform-origin: 10% 10%;
  -ms-transform-origin: 10% 10%;
  -moz-transform-origin: 10% 10%;
  -webkit-transform-origin: 10% 10%;
  -o-transition: -o-transform 0.3s, opacity 0.3s;
  -ms-transition: -ms-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  }
}


.main_menu ul li .megamenu {
  display: none;
  position: absolute;
  width: 100%;
  left: 0px;
  top: 70px;
  color: #000;
  margin: 0px;
  text-align: left;
  padding: 20px;
  font-size: 13px;
  border: solid 1px #eeeeee;
  background-color: #fff;
  animation-duration: 300ms;
  animation-name: slide;
  animation-iteration-count: linear;
  z-index: 2;
}
.main_menu ul li .megamenu .title {
  border-bottom: 1px solid #CCC;
  font-size: 16px;
  font-weight: 700;
  font-family: Lato, sans-serif;
  padding: 6px 5px 6px 0px;
  color: #333333;
  margin: 0px 0px 7px 0px;
  text-align: left;
  height: 39px;
  display: block;
}
.main_menu ul li .link-list li {
  display: block;
  text-align: center;
  white-space: nowrap;
  text-align: left;
}
.main_menu ul li .link-list li a {
  line-height: 15px;
  border-right: none;
  text-align: left;
  font-size: 13px;
  padding: 4px 0px;
  background-image: none !important;
  color: #666666 !important;
  border-right: 0 none !important;
  display: block;
  border-right: 1px solid #e7e7e7;
  background-color: #fff;
  color: #424242;
}

.bubt_info{
  padding: 30px 0 0;
}

.martop-0-mar-bot-0{
  margin-top: 0;
  margin-bottom: 0;
}
.table > tbody > tr > td p {
  font-size: 13px;
  margin-bottom: 6px;
  line-height: normal;
  text-align: left;
}


@-webkit-keyframes blinker {
  from {opacity: 1.0; color: #4C8BF5}
  to {opacity: 0.0; color: #F2203C}
}
.blink{
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}

.dept_act_sec .notice_wrapper{
  padding-top: 20px;
}
.dept_act_sec .event_wrapper{
  padding-top: 20px;
}

.panel {
  margin-bottom: 20px;
  background-color: #fff;
  _border: 1px solid transparent;
  /* border-radius: 4px; */
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
  box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel .panel-title{
  color: #333;
  text-transform: uppercase !important;
}
.panel-list{
  list-style: none;
  margin-bottom: 0 !important;
}
.panel-list li.list-item{
  border: none;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0 !important;
  padding: 10px 15px;
}
.panel-list li.list-item:first-child{
  border-radius: 0px !important;
}
.panel-list li.list-item:last-child{
  border: none;
  border-radius: 0px !important;
}

.curriculum_lists .panel.panel-default:nth-child(even) .panel-heading{
  background: #68A8AD !important;
}
.curriculum_lists .panel.panel-default:nth-child(odd) .panel-heading{
  background: #6C8672 !important;
}
.curriculum_lists .panel.panel-default .panel-heading .panel-title{
  color: #000;
  font-weight: 500;
}

.all_faculty{

}
.all_faculty .page-title {
  margin-top: 70px;
  display: inline-block;
}
.all_faculty .page-title span{
  font-size: 40px;
  display: block;
  margin-bottom: 10px;
}
.all_faculty .page-title strong{
  
}
.all_faculty .page-title .dpt_title{
  display: block;
  border-top: 3px solid #fff;
  padding-left: 20px;
  padding-right: 20px;
}

.achievments-row{
  margin-bottom: 20px;
}
.achievement-title{
  font-size: 40px !important;
}

.top_header{
  padding: 5px 0;
  background: #292D3E;
  margin-bottom: 10px;
}
.top_header ul{
  list-style: none;
  text-align: right;
  margin-bottom: 0;
}
.top_header ul li{
  display: inline-block;
  border-right: 1px solid #fff;
}
.top_header ul li:last-child{
  margin-right: 0;
  border-right: none;
}
.top_header ul li a{
  margin: 0 7px;
  color: #fff;
  display: block;
  font-weight: 300;
  line-height: 12px;
}


/*
 *  Share Button Styling
 */
.social-share-page{
  margin-top: 30px;
}
.btn.share-btn {
  border: none;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-size: 1.2em;
  margin-top: 6px;
  opacity: 0.9;
  outline: medium none;
  padding: 8px 16px;
}
.share-btn {
  display: inline-block;
  color: #ffffff;
  border: none;
  padding: 0.5em;
  width: 4em;
  opacity: 0.9;
  box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
  outline: none;
  text-align: center;
  position: relative;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out 0.1s;
  -o-transition: all 0.3s ease-in-out 0.1s;
  transition: all 0.3s ease-in-out 0.1s;
  }
.share-btn:hover,
.share-btn:focus {
  color: #eeeeee;
  top: -5px;
}
.share-btn:active {
  position: relative;
  top: 2px;
  box-shadow: none;
  color: #e2e2e2;
  opacity: 1;
  outline: medium none;
  position: relative;
  top: 2px;
}
.twitter {
    background: #55acee none repeat scroll 0 0;
}
.google-plus {
    background: #dd4b39 none repeat scroll 0 0;
}
.facebook {
    background: #3b5998 none repeat scroll 0 0;
}
.stumbleupon {
    background: #eb4823 none repeat scroll 0 0;
}
.reddit {
    background: #ff5700 none repeat scroll 0 0;
}
.linkedin {
    background: #4875b4 none repeat scroll 0 0;
}
.email {
    background: #444444 none repeat scroll 0 0;
}
.print-page {
    background: #292D3E none repeat scroll 0 0;
}
.devs-modal-content .modal-body img{
  max-width: 100%;
}
.archive-form{
  margin-top: 30px;
}
.archive-form input[type=text]{
  bd
  margin-bottom: 5px;
}
.archive-item-wrap{
  margin-top: 50px;
}
.notice-title-bg{
  color: #fff;
  display: block;
  padding: 10px 20px;
  background: #4875b4;
  margin-bottom: 0;
}
.notice-title-bg span{
  font-size: 12px;
}
.event-title-bg{
  color: #fff;
  display: block;
  padding: 10px 20px;
  background: #eb4823;
  margin-bottom: 0;
}
.event-title-bg span{
  font-size: 12px;
}

.archive-item-wrap .nav-pills > li.first.active:after{
  top: 56px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #4875b4;
  border-width: 15px;
  margin-left: -15px;
} 
.archive-item-wrap .nav-pills > li.second.active:after{
  top: 56px;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-top-color: #eb4823;
  border-width: 15px;
  margin-left: -15px;
} 

.archive-item-wrap .nav-pills > li.active > a,
.archive-item-wrap .nav-pills > li.active > a:focus,
.archive-item-wrap .nav-pills > li.active > a:hover {
  color: #fff;
  background: none !important;
}
.archive-item-wrap .nav-pills > li > a,
.archive-item-wrap .nav-pills > li > a:focus,
.archive-item-wrap .nav-pills > li > a:hover {
  color: #fff;
  background: none !important;
}
.event-details img{
  max-width: 100%;
}

@import url(https://fonts.googleapis.com/css?family=Lato:300,400,700|Ubuntu:300,400,500,700);

.devs_history_body img{
  max-width: 100%;
}
.capitalize-panel .panel .panel-title{
  text-transform: capitalize !important;
}

.trigger-scroll{
  display: none;
}
.height-240-wid100{
	height: 240px;
	width: 100%;
}

.right-menu {
    padding-right: 0;
    margin-top: 15px;
}
.related-title {
    background-color: #576573;
    color: #fff;
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    padding: 10px;
    margin-bottom: 5px;
}
.related-list {
    list-style: none;
    padding-left: 0;
}
.related-item {
    background-color: #1976d2;
    margin-bottom: 5px;
    color: #fff;
}

.related-item a {
    color: #fff;
    text-decoration: none;
    display: grid;
    padding: 10px;
}
.quick-link {
    display: grid;
    padding: 10px;
    border: 1px solid #f0ad4e;
    margin-top: 20px;
}

.list-nav img {
    width: 25px;
}
.list-nav ul {
    padding-left: 0;
    font-size: 13px;
    position: relative;
    display: inline-block;
}

.link-list li ul {
    padding-left: 10px;
    margin-bottom: 10px;
}
.sub-link {
    padding-left: 15px;
    margin-bottom: 10px;
}
ul.sub-link li a {
    font-weight: lighter;
}