

body {}
body {
}
.notice-box a
{
  color: #000000;
  text-decoration: none;
}
.notice-box a:hover {
  color: #0a9200;
}
.notice-box .media-heading
{
  border-left: 2px solid #0a9200;
  padding-left: 5px;
  white-space: nowrap;
}
.notice-box .media-heading span
{
  margin-right:10px;
  font-weight: bold;
}
.notice-box hr
{
  margin:0;
  border-top: 1px solid #efefef;
  margin-top:10px;
}

.text-justify {
  text-align: justify;
}

.flex-container2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-item2 {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-item2 h2 { 
  width: 100%;
}

.text-footer {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 20px;
}
.text-author {
  text-align: left;
  margin-top:10px;
}
.text-time {
  border-bottom: 2px solid #dedede;
  padding-right: 0;
}
.text-share {
  text-align: right;
  padding-left: 0;
}
.text-viewcount {
  border-bottom: 2px solid #00733e;
}
.text-socailContainer {
  margin-top:10px;
}
.text-socailContainer a:last-child{
  margin-right: 0;
}


.newsContent2 {
  width:80%;
}
.page-container .page-content .page-content-wrap .page-content-holder {
  width:80%;
}
.hidden {
  visibility: hidden;
}
.bx-wrapper .bx-viewport {
  height: auto !important;
}
.news-box a
{
  color: #000000;
  text-decoration: none;
}
.news-box a:hover {
  color: #0a9200;
}
.bx-viewport ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bx-viewport ul li{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bxslider-controls .bx-prev {
  background-color: #00733e;
}
.bxslider-controls .bx-next {
  background-color: #00733e;
}
.bxslider-controls .bx-prev:hover,
.bxslider-controls .bx-next:hover {
  background-color: #0a9200;
}

.bx-clone {
	display: none !important;
}

.text-justify {
  text-align: justify;
}
.text-footer {
  font-weight: bold;
  font-size: 1.1em;
  margin-top: 20px;
}
.text-author {
  text-align: left;
  margin-top:10px;
}
.text-time {
  border-bottom: 2px solid #dedede;
  padding-right: 0;
}
.text-share {
  text-align: right;
  padding-left: 0;
}
.text-viewcount {
  border-bottom: 2px solid #00733e;
}
.text-socailContainer {
  margin-top:10px;
}
.text-socailContainer a:last-child{
  margin-right: 0;
}

.img-circle {
  width:200px;
}
.flex-container {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-container .flex-box{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.flex-box a:hover {
  text-decoration : none;
}
.highlight-section a{
  text-decoration : none;
}
.highlight-section p{
  color:black;
}

.monthly-day-event {
  padding-top: 0 !important;
}
/* Gallery */
.gallery {
  float: left;
  width: 100%;
}
.gallery .gallery-item {
  float: left;
  *width: 25%;
  padding: 10px 5px 10px 5px;
  text-decoration: none;
}
.gallery .gallery-item .image {
  width: 100%;
  -moz-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
  cursor: pointer;
  position: relative;
  overflow: hidden;
}
.gallery .gallery-item .image a {
  display: block;
}
.gallery .gallery-item .image:after,
.gallery .gallery-item .image:before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 3px solid #fff;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  z-index: 1;
}
.gallery .gallery-item .image:before {
  z-index: 2;
  background: rgba(0, 0, 0, 0);
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.gallery .gallery-item .image:hover:before {
  background: rgba(0, 0, 0, 0.3);
}
.gallery .gallery-item .image img {
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.gallery .gallery-item .image .gallery-item-controls {
  position: absolute;
  right: -60px;
  top: 3px;
  display: block;
  list-style: none;
  padding: 0px;
  z-index: 2;
  -webkit-transition: all 200ms ease;
  -moz-transition: all 200ms ease;
  -ms-transition: all 200ms ease;
  -o-transition: all 200ms ease;
  transition: all 200ms ease;
}
.gallery .gallery-item .image .gallery-item-controls li {
  float: left;
  list-style: none;
  background: #FFF;
  width: 30px;
  height: 30px;
  text-align: center;
  line-height: 26px;
}
.gallery .gallery-item .image .gallery-item-controls li .check {
  margin: 4px 0px;
}
.gallery .gallery-item .image .gallery-item-controls li .icheckbox_minimal-grey {
  margin-right: 0px;
}
.gallery .gallery-item .image .gallery-item-controls li a,
.gallery .gallery-item .image .gallery-item-controls li span {
  font-size: 17px;
  color: #BBB;
}
.gallery .gallery-item .image .gallery-item-controls li a:hover,
.gallery .gallery-item .image .gallery-item-controls li span:hover {
  color: #656d78;
}
.gallery .gallery-item .image .gallery-item-controls li:first-child {
  -moz-border-radius: 0px 0px 0px 3px;
  -webkit-border-radius: 0px 0px 0px 3px;
  border-radius: 0px 0px 0px 3px;
}
.gallery .gallery-item .image .gallery-item-controls li:hover {
  background: #F5F5F5;
}
.gallery .gallery-item .meta {
  color: #656d78;
  margin-top: 5px;
  line-height: 16px;
  padding: 0px 5px;
}
.gallery .gallery-item .meta strong {
  display: block;
  font-weight: 600;
  font-size: 13px;
}
.gallery .gallery-item .meta span {
  display: block;
  color: #99a0aa;
}
.gallery .gallery-item:hover .image .gallery-item-controls {
  right: 3px;
}
.gallery .gallery-item.active .image {
  -moz-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
  -webkit-box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
  box-shadow: 0px 0px 6px 0px rgba(51, 65, 78, 0.8);
}
.gallery .gallery-item.active .image .gallery-item-controls {
  right: 3px;
}
/* end Gallery */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
.event {
  z-index: 1;
  width: 32%;
  /*249px;*/
  position: relative;
  float: left;
  margin-right: 1%;
  /*14px;*/
}
.event .event-imgcontainer {
  display: block;
  width: 100%;
  height: 90px;
  position: relative;
  overflow: hidden;
  background-position: center;
  background-size: cover;
}
.event img {
  min-width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}
.event.last {
  margin-right: 0;
}
.event .content {
  clear: both;
  display: block;
  margin-top: 10px;
  color: #000;
}
.event .content:hover {
  color: #ff9000;
}
.eventdate {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  height: 90px;
  background: rgb(0,180,234);
  background: rgba(0,180,234,0.8);
  -webkit-box-shadow: 6px 0px 5px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 6px 0px 5px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 6px 0px 5px 0px rgba(50, 50, 50, 0.75);
  z-index: 10;
  /*width: 60px;*/
  min-width: 60px;
}
.eventdate .day,
.eventdate .month {
  color: #fff;
}
.eventdate .day {
  display: block;
  width: 100%;
  text-align: center;
  font-family: 'ralewaylight';
  font-weight: 100;
  font-size: 3em;
  line-height: 1.1em;
  margin-top: 8px;
}
.eventdate .month {
  padding: 5px 8px;
  text-align: center;
}

.event-box a
{
  color: #000000;
  text-decoration: none;
}
.event-box a:hover {
  color: #0a9200;
}

.event-container{
  border:1px double #00733e;
  margin:10px 0;
  padding:0;
  border-left: 5px solid #63d65a;
}
.event-container a:hover,a:focus,a:active {
  text-decoration:none !important;
}
.event-container img {
  width:100%;
}
.event-container .event-img{
  padding-left:0;
  padding-right:0;
}
.s98, .t98 {
  display: table-cell;
  font-size: 12px;
  padding: 0 9px;
  position: relative;
  text-align: center;
  vertical-align: middle;
  z-index: 1;
}
.s98, .t98, .u98, .v98 {
  font-weight: 600;
  text-transform: uppercase;
}
.s98, .s98:visited, .u98, .u98:visited {
  color: #0a9200;
}
.s98:hover, .u98:hover {
  color: #147e64;
}
.s98:active, .u98:active {
  color: #20486d;
}
.o98, .p98 {
  display: table;
  margin: 20px auto 0;
  position: relative;
  border-radius: 50%;
  *background-color: #E8E9EE;
}
.p98::after {
  -webkit-animation: AutoloadingPostsGridMoreLoadingIndicatorAnimation 2s infinite ease;
  animation: AutoloadingPostsGridMoreLoadingIndicatorAnimation 2s infinite ease;
  border-color: #0a9200 transparent transparent transparent;
  border-style: solid;
  border-width: 2px;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
}
.o98::before, .p98::before, .p98::after {
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  box-sizing: border-box;
  content: '';
  left: 0;
  position: absolute;
  top: 0;
}
.o98, .o98::before, .p98, .p98::before, .p98::after {
  height: 100px;
  width: 100px;
}
.o98::before, .q98 {
  border-color: #0a9200;
}
.o98:hover::before, .q98:hover {
  border-color: #147e64;
}
.o98:active::before, .q98:active {
  border-color: #20486d;
}
.s98, .s98:visited {
  text-decoration: none !important;
}

body {}
a {
  text-decoration:none !important;
}
.app-content-body {
  *background-image: url("http://localhost:1186/css/theme/default/img/kutuphane.jpg");
  *background-size: contain;
  background-image: linear-gradient(to top, #f0f0f0, #f4f4f4);
}
/*SARI*/
.dropdown > a:after {
  display: none;
  content: "";
}
.dropdown.left {
  width:44%;
}
.dropdown.center {
  width:12%; 
  position:relative;
  height: 10px;
}
.dropdown.right {
  width:44%;
}
.full-width {
  width:100%;
}
.iu-logo {
  position: absolute;
  top: -40px;
  width: 130px;
  height: 130px;
  left: 0;
}
.iu-logo-sm
{
  /* width: 40px; */
  /* height: 40px; */
  margin: 5px;
  position: absolute;
  width: 80px;
}
.dropdown-menu li {
  cursor:pointer;
}
.navbar-dark {
  background-color: #00733e !important;
  border-top: none !important;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:active, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a {
  background-color: #06ad60;
  background-image : none !important;
}
.menu-line {
  background-color: #e0b200 !important;
  height:15px;
}
.navbar-nav > li > a:focus, .navbar-nav > li > a:active {
  background-color: #00733e !important;
}
.navbar-dark .dropdown .dropdown-menu {
  background-color:#00733e !important;
  border-color: #035f35;
}
.navbar-default .navbar-nav > li > a {
  margin-top:0;
}
@media (max-width: 768px)
{
  .navbar-dark {
     border-top: none !important;
     min-height: 88px !important;
     font-size: 1.4em !important; 
  } 
  #header_title
  {
     min-height: 100%;    vertical-align: middle;    margin-top: 1.6em;
  }
  #header_menu
  {
     margin-top: 30px;
  }
  a.feature-icon {
    padding: 15px;
    padding-bottom: 5px;
  }
  .navbar-nav>li {
    margin-left:10px;
  }
  .navbar-dark .dropdown > a {
    border-bottom: solid 1px #109055;
    margin: 0;
  }
  .navbar-dark .navbar-collapse {
    width: 100%;
    margin: 0px;
    padding: 0px;
  }
  .navbar-dark .navbar-collapse.in {
    border:none;
  }
  .navbar-dark .navbar-collapse .nav.navbar-nav:first {
    margin: 0px;
  }
}
.navbar-default .navbar-toggle {
  border: solid 1px #109055;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-toggle:hover {
  background-color: #0a9200;
  cursor :pointer;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .navbar .container{
    width:100% !important;
  }
}
/* Search Page Css*/
.search-container a
{
  color: #000000;
  text-decoration: none;
}
.search-container a:hover {
  color: #0a9200;
}
.container .row {
  margin-right: 0;
  margin-left: 0;
}
.container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-nav>li {
  text-align:center;
  width:16.6666666667%;
}
@media (max-width: 768px){
  .navbar-nav>li {
    text-align:center;
    width:100%;
  }
}
.header-full-title {
  padding-left: 110px;
  background-image: url(http://www.istanbul.edu.tr/css/theme/default/img/logo/iu.png);
  background-repeat: no-repeat;
  background-size: 90px;
}
.header-title h2 {
  margin: 0;
}
.header-title h2:nth-child(1) {
  font-size:1.3em;
  margin-top:25px;
}
.header-title h2:nth-child(2) {
  font-size:1.6em;
  color:black;
  font-weight:bold;
  margin: 10px 0px;
}
.menu-right{
  color: #fff;
  float: right;
  font-size: 20px;
  border: solid 1px #3fb0ac !important;
  padding: 1px 11px !important;
  margin-top: 8px;
  margin-right: 5px;
  margin-bottom: 8px;
  position: relative;
}
.sb-menu-right{
  z-index:999999;
  display:block;
  -webkit-animation-duration: 0.5s;
  /* Safari 4.0 - 8.0 */
  animation-duration: 0.5s;
}
.sb-menu-right .menu-close{
  position: absolute;
  font-size: 30px;
  left: -33px;
  background-color: #222222;
  padding: 4px 8px;
  margin-top: 50px;
}

.xs-pageTitle{
  color: white;
  position: absolute;
  left: 90px;
  margin-top: 10px;
  text-align: center;
  width: calc(100% - 175px);
  font-size: 1em;
}
.navbar-toggle {
  margin-right:5px;
  padding:6px;
}
.sb-slidebar {
  overflow-y: inherit !important;
}



.top-language{
    float: right;
    *position: relative;
    clear:right;
}
.top-nav-language {
    position: absolute;
    font-size: 70%;
    *width: 355px;
    right: 135px;
    bottom: 0;
    margin: 0 0 0 20px;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
}

.top-nav-language li {
    float:left;
    margin: 0 1px;
    border-radius: 5px 5px 0 0;
}

.top-nav-language a {
    font-size: 1.5em;
    margin: 0;
    color: #444;
    display: inline-block;
    padding: 7px 10px;
    min-width: 40px;
    text-align: center;
}

.top-nav-language .bg-theme a {
    color: white;
}
.hook {
	width:100px !important;
  	float: left;
  margin-top: 18px;
  margin-left:20px
}
.hook-link {
  float:left;
}

.angular-google-map-container {
        height: 400px;
}
.text-justify {
  text-align: justify;
}

.nav-tabs li {
	cursor:pointer;
}

/* set reference point */
.tab-animation .tab-content {
    position: relative;
}
/* set animate effect */
.tab-animation .tab-content .tab-pane{
    transition: 0.3s linear opacity;
}
/* overwrite display: none and remove from document flow */
.tab-animation .tab-content .tab-pane.active-remove {
    position: absolute;
    top: 0;
    width: 100%;
    display: block;
}
/* opacity=0 when removing "active" class */
.tab-animation .tab-content .tab-pane.active-remove-active {
    opacity: 0;
  *transform: translateY(-100%); 
}
/* opacity=0 when adding "active" class */
.tab-animation .tab-content .tab-pane.active-add {
    opacity: 0;
  *transform: translateY(-100%); 
}

.slide-left {
  transition: all 0 cubic-bezier(0.25, 0.46, 0.45, 0.94);
  *transition: all 0 linear;
  /* easeOutQuad */
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  *transition-timing-function: linear;
  /* easeOutQuad */
  transition-duration: 1s;
}
.slide-left.ng-enter {
  transform: translateX(-150%); 
  opacity: 0;
  color:red;
}
.slide-left.ng-enter-active {
  transform: translateX(0);
  opacity: 1;
  color:red;
}
.slide-left.ng-leave {
  transform: translateX(0); 
  opacity: 1;
}
.slide-left.ng-leave-active {
  transform: translateX(-150%);
  opacity: 0;
}

/*.tabContainer {
	width:80%;
  margin: 0 auto;
}
.tabs-left .tabContent { float:left; }

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
    border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
    display: none;
}

.tab-content > .active,
.pill-content > .active {
    display: block;
}

.tabs-below > .nav-tabs {
    border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
    margin-top: -1px;
    margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
    border-top-color: #ddd;
    border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
    border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
    float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
    min-width: 74px;
    margin-right: 0;
    margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
    float: left;
    margin-right: 19px;
    border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
    margin-right: -1px;
    -webkit-border-radius: 4px 0 0 4px;
    -moz-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
    border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
    border-color: #ddd transparent #ddd #ddd;
    *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
    float: right;
    margin-left: 19px;
    border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
    margin-left: -1px;
    -webkit-border-radius: 0 4px 4px 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
    border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
    border-color: #ddd #ddd #ddd transparent;
    *border-left-color: #ffffff;
}*/
              

@media screen and (max-width: 600px) {
#bs-example-navbar-collapse-2 {
  min-width:100%; 
   display: none;
} 
  #content-right-panel
  {
    min-width:100%;
    margin-top:20px;
  }
} 
html {
  scroll-behavior: smooth;
}


                                                                                           
body {}

.angular-google-map-container {
        height: 400px;
}
.btn {
  margin-right:5px;
}
.page-container .footer-contacts .fc-row {
  padding-left:35px;
}
.page-container .page-footer .page-footer-wrap .page-footer-holder {
  width:80%;
}
.footer-widget a:hover {
  *background: #BABABA;
  background: #fff;
}
#footer-widgets .slogan{
  font-family: 'Brush Script MT', cursive;
      color: #e0b200;
  
}
@media only screen and (min-width : 320px) {
   #footer-widgets .slogan{
    font-size: 1.8em;
  }
}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
   #footer-widgets .slogan{
    font-size: 2.2em;
  }
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
   #footer-widgets .slogan{
    font-size: 2.4em;
  }
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
   #footer-widgets .slogan{
    font-size: 2.8em;
  }
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  #footer-widgets .slogan{
    font-size: 2.8em;
  }
}

.footer-widget-title {
    color: #e0b200;
}

.content-box {
	padding: 0;
}
.content-box.box-gray{
    background-color: #444;
    color: #fff;  
  	border: 1px solid #ccc;
}
.content-box.box-gray:hover {
	background-color: #00733e;
  	*border: 1px solid #00733e;
}
.content-box.box-gray p {
	padding: 0 15px;
}
body {
}
body {
}
body {
}
.body {
}
.angular-google-map-container {
  height: 400px;
}
.contact label{
  min-width:60px;
}

body{}
.slider {
  position: relative;
}
.slider ul {
  *height:400px;
  margin-bottom: 0;
}
.thumbnailBar {
  width:60%;
  margin: 0 auto;
}
.sliderImage {
  height: 100%;
  width: 100%;
}
.thumbnailImage {
  cursor:pointer;
  opacity:0.6;
}
.thumbnailImage:hover {
  opacity:1;
}
.thumbnailImage.active {
  opacity:1;
}
.points {
  font-size: 2em;
  position: absolute;
  bottom: 10px;
  margin: 0 auto;
  width: 100px;
  left: 50%;
  margin-left: -50px;
}
.slider .left {
  height: 100%;
  width: 10%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.slider .right {
  height: 100%;
  width: 10%;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
}
.slider .left span {
  font-size: 2em;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
}
.slider .right span {
  font-size: 2em;
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -10px;
}
.bx-wrapper {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
  margin: 0 auto 0px !important;
}
.carousel-items {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.carousel-items .container {
  background: none;
}
.carousel-caption {
  position: relative;
  left: 0;
  margin-top: 10px;
}
.cont {
}
.cont .crousel-title {
  color: white;
  font-size: 1.5em;
  background-color: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  border-radius: 5px;
}
.cont .crousel-text {
  color: white;
  font-size: 1.2em;
  background-color: rgba(0,0,0,0.6);
  color: white;
  padding: 5px;
  border-radius: 5px;
}
.services-header-list li a {
  background: rgba(0,0,0,0.6);
}
.services-header-list li a:hover {
  color: black;
}
ul[rn-carousel] > li {
  position: relative !important;
  margin-left: -100% !important;
  margin-bottom: 0;
}
ul[rn-carousel] > li:first-child {
  margin-left: 0 !important;
}
ul[rn-carousel] img {
  max-width: 100% !important;
}
.carousel-items .item {
  height:100%;
}
.carousel-items .container{
  position: absolute;
  bottom: 15px;
  left: 0;
  right: 0;
}
.slider-link-container{
  position: absolute;
  z-index: 999;
  background: rgba(0,0,0,0.6);
  right: 0px;
  cursor: pointer;
}
.slider-link-container a{
  display: block;
  color: #fff;
  text-decoration: none;
  font-family: "Open Sans", "Open Sans", sans-serif;
  background-color: rgba(255, 255, 255, 0.2);
  border: solid 1px rgba(255, 255, 255, 0.4);
  padding: 2px 15px;
}
@media (max-width: 991px) {
  .services-header-list li a {
    font-size : 0.9em;
    padding:2px;
    padding-left :10px;
    margin:15px 0;
  }
}
@media (max-width: 591px) {
  .services-header-list li a {
    font-size : 0.6em;
    padding:5px;
    margin:10px 0;
  }
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         
.container.linkBar {
  background-color: #00733e !important;
}
.banner {
  background:none !important;
  *width:100%;
  height: 60px;
  position:relative;
  *background-image: url("http://www.googledrive.com/host/0B74yyUIRvPVqWk0wVG16VDdGZ0k");
}
/*0B74yyUIRvPVqZHFuYy1WZHNpWDQ   0B74yyUIRvPVqWk0wVG16VDdGZ0k*/
.left-text {
  position: absolute;
  bottom: 0;
  font-size: 2.5em;
}
.right-text {
  position: absolute;
  bottom: 0;
  font-size: 2.5em;
  right: 12px;
}
.banner .header-full-title
{
  background:none;
  padding-left: 0;
}
.wrap-dark-color {
  background-color: #00733e !important;
  color: white;
}
.feature-container{
  padding:0;
}
.feature-container .feature-icon{
  color: white;
  border-right: solid 1px #06ad60;
  *border-right:none;
}
.feature-icon:first-child {
  border-left: solid 1px #06ad60;
  *border-left : none;
}
.feature-container .feature-icon h4{
  color: white;
  font-weight: bold;
}
a.feature-icon:hover {
  color: #fff;
  background-color: #06ad60;
}
.feature-icon{
  text-align:center;
  width:20% !important;
  min-width:20% !important;
}

@media (max-width: 991px) {
  .feature-icon i {
    font-size: 1.6em;
  }
  .feature-icon h4 {
    font-size: 1.0em;
  }
}
@media (max-width: 591px) {
  a.feature-icon {
    padding-left:10px;
    padding-right:10px;
  }
}
.newsContent2 {
	width:80%; 
}

.news-container img{
	width:100%;
}

.page-container .page-content .page-content-wrap .page-content-holder {
	width:80%;
}

.content-box {
	padding: 0;
}
.content-box.box-gray{
    background-color: #444;
    color: #fff;  
  	border: 1px solid #ccc;
}
.content-box.box-gray:hover {
	background-color: #00733e;
  	*border: 1px solid #00733e;
}
.content-box.box-gray p {
	padding: 0 15px;
}



.bottom-news a
{
  color: #000000;
  text-decoration: none;
}
.bottom-news a:hover {
  color: #0a9200;
}

body {}

 .no-border{
     border:0;    
  } 
  #video-news .video-frame{
  	width:100%;
   
  }
  #video-news .video{
  	margin-bottom:-100px;
  }





  .no-shadow{
     -webkit-box-shadow : none;
      box-shadow: none;
  }
.bxslider-controls .bx-prev {
  background-color: #00733e;
}
.bxslider-controls .bx-next {
  background-color: #00733e;
}
.bxslider-controls .bx-prev:hover,
.bxslider-controls .bx-next:hover {
  background-color: #0a9200;
}

.bx-clone {
	display: none !important;
}
.news-box a
{
  color: #000000;
  text-decoration: none;
}

.newsContent2 {
  width:80%;
}
.page-container .page-content .page-content-wrap .page-content-holder {
  width:80%;
}
.hidden {
  visibility: hidden;
}
.bx-wrapper .bx-viewport {
  height: auto !important;
}
.news-box a
{
  color: #000000;
  text-decoration: none;
}
.news-box a:hover {
  color: #0a9200;
}
.bx-viewport ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bx-viewport ul li{
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.bxslider-controls .bx-prev {
  background-color: #00733e;
}
.bxslider-controls .bx-next {
  background-color: #00733e;
}
.bxslider-controls .bx-prev:hover,
.bxslider-controls .bx-next:hover {
  background-color: #0a9200;
}

.bx-clone {
	display: none !important;
}



.lbn{
 padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


.quick-img-container{
  position:relative;
  margin-top:15px;
}
.quick-img-container .title{
  display: block;
  color: #fff;
  text-shadow: 0 1px 2px rgba(0,0,0,.75);
  background-color: rgba(255,255,255,.2);
  box-shadow: 0 0 5px #000, inset 0 0 2px rgba(255,255,255,.65);
  border: 1px solid rgba(255,255,255,.4);
  padding: 5px 15px;
  background: rgba(0,0,0,0.6);
  position: absolute;
  bottom: 0px;
  width: calc(100% - 2px);
  margin: 1px;
}



#thover{
 position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.8);
    z-index:5;
    width:100%;
    height:100%; 
}
 
#tpopup{
  position:absolute;
  width:54vw; 
  height:32vw;
  background:#00000000;
  left:22vw; 
  top:25%;  
  border-radius:2vw;
  padding:2vw; 
  text-align:center; 
}
#tclose{
  position:absolute;
  background:black;
  color:white;
  right:-15px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}  
@media (max-width: 767px)
{
  #tpopup{
  position: absolute;
     width: auto;
    height: 32vw;
    background: #00000000;
    left: auto;
    top: 5%;
    border-radius: 2vw;
    padding: 2vw;
    text-align: center;
}
  #tclose{
  position:absolute;
  background:black;
  color:white;
  right: -3px;
  top:-15px;
  border-radius:50%;
  width:30px;
  height:30px;
  line-height:30px;
  text-align:center;
  font-size:8px;
  font-weight:bold;
  font-family:'Arial Black', Arial, sans-serif;
  cursor:pointer;
  box-shadow:0 0 10px 0 #000;
}
  
}
/*
 * jQuery OrgChart Plugin
 * https://github.com/dabeng/OrgChart
 *
 * Copyright 2016, dabeng
 * https://github.com/dabeng
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */

/* chart styles */
.orgchart {
    box-sizing: border-box;
    display: inline-block;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    /*background-image: linear-gradient(90deg, rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%), linear-gradient(rgba(200, 0, 0, 0.15) 10%, rgba(0, 0, 0, 0) 10%);*/
    background-size: 10px 10px;
    border: 1px dashed rgba(0,0,0,0);
    padding: 20px 20px 0 20px;
}

    .orgchart .hidden, .orgchart ~ .hidden {
        display: none !important;
    }

    .orgchart.b2t {
        transform: rotate(180deg);
    }

    .orgchart.l2r {
        position: absolute;
        transform: rotate(-90deg) rotateY(180deg);
        transform-origin: left top;
        text-align: center;
    }

    .orgchart.r2l {
        position: absolute;
        transform: rotate(90deg);
        transform-origin: left top;
        text-align: center;
    }

    .orgchart ~ .mask {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 999;
        text-align: center;
        background-color: rgba(0,0,0,0.3);
    }

        .orgchart ~ .mask .spinner {
            position: absolute;
            top: calc(50% - 50px);
            left: calc(50% - 50px);
        }

            .orgchart > .spinner::before,
            .orgchart ~ .mask .spinner::before {
                width: 100px;
                height: 100px;
                border-width: 10px;
                border-radius: 50px;
                border-top-color: rgba(68, 157, 68, 0.8);
                border-bottom-color: rgba(68, 157, 68, 0.8);
                border-left-color: rgba(68, 157, 68, 0.8);
            }

    .orgchart .nodes {
        display: flex;
        list-style: none;
        padding-left: 0;
        margin: 0;
    }

    .orgchart .hierarchy {
        position: relative;
    }

        /* styles of link lines */
        .orgchart .hierarchy::before {
            content: "";
            position: absolute;
            top: -11px;
            left: 0;
            width: 100%;
            border-top: 2px solid #11253e;
            box-sizing: border-box;
        }

        .orgchart .hierarchy:first-child::before,
        .orgchart .hierarchy.isSiblingsCollapsed.left-sibs::before {
            left: calc(50% - 1px);
            width: calc(50% + 1px);
        }

        .orgchart .hierarchy:last-child::before,
        .orgchart .hierarchy.isSiblingsCollapsed.right-sibs::before {
            width: calc(50% + 1px);
        }

        .orgchart .hierarchy:not(.hidden):only-child::before {
            width: 2px;
        }

    .orgchart > .nodes > .hierarchy::before,
    .orgchart .isSiblingsCollapsed:not(.left-sibs):not(.right-sibs)::before,
    .orgchart .isSiblingsCollapsed.left-sibs.right-sibs::before,
    .orgchart .isSiblingsCollapsed.right-sibs:first-child:before,
    .orgchart .isSiblingsCollapsed.left-sibs:last-child:before,
    .orgchart .isCollapsedSibling::before,
    .orgchart .isCollapsedSibling .hierarchy::before,
    .orgchart .isChildrenCollapsed > .node:not(:only-child)::after,
    .orgchart .isCollapsedDescendant::before,
    .orgchart .isCollapsedDescendant > .node::before,
    .orgchart .isCollapsedDescendant > .node::after,
    .orgchart .isAncestorsCollapsed:only-child::before,
    .orgchart .isAncestorsCollapsed > .node::before {
        content: none;
    }

    /* excluding leaf node */
    .orgchart .node:not(:only-child)::after {
        content: "";
        position: absolute;
        bottom: -11px;
        left: calc(50% - 1px);
        width: 2px;
        height: 9px;
        background-color: #11253e;
    }

    .orgchart ul li .node.allowedDrop {
        border-color: rgba(68, 157, 68, 0.9);
    }

    .orgchart ul li .node.currentDropTarget {
        background-color: rgba(68, 157, 68, 0.9);
    }

    .orgchart ul li .node.selected {
        background-color: rgba(238, 217, 54, 0.5);
    }

    .orgchart ul li .node:hover {
        background-color: rgba(238, 217, 54, 0.5);
        cursor:pointer;
    }
    
    /* excluding root node */
    .orgchart > ul > li > ul li > .node::before {
        content: "";
        position: absolute;
        top: -11px;
        left: calc(50% - 1px);
        width: 2px;
        height: 9px;
        background-color: #11253e;
    }

    .orgchart > ul > li > ul li.isSiblingsCollapsed > .node::before {
        top: -13px;
        height: 11px;
    }

    /* node styling */
    .orgchart .node {
        box-sizing: border-box;
        display: inline-block;
        position: relative;
        margin: 0 0 20px 0;
        padding: 3px;
        border: 2px dashed transparent;
        text-align: center;        
    }

    .orgchart.l2r .node, .orgchart.r2l .node {
        width: 50px;
        height: 140px;
    }

    .orgchart .node:hover {
        background-color: rgba(238, 217, 54, 0.5);
        transition: .5s;
        cursor: default;
        z-index: 20;
    }

    .orgchart .node.focused {
        background-color: rgba(238, 217, 54, 0.5);
    }

    .orgchart .ghost-node {
        position: fixed;
        left: -10000px;
        top: -10000px;
    }

        .orgchart .ghost-node rect {
            fill: #ffffff;
            stroke: #bf0000;
        }

    .orgchart .node.allowedDrop {
        border-color: rgba(68, 157, 68, 0.9);
    }

    .orgchart .node > .spinner {
        position: absolute;
        top: calc(50% - 1rem);
        left: calc(50% - 1rem);
    }

        .orgchart .node > .spinner::before {
            width: 2rem;
            height: 2rem;
            border-width: 0.2rem;
            border-radius: 1rem;
            border-top-color: rgba(68, 157, 68, 0.8);
            border-bottom-color: rgba(68, 157, 68, 0.8);
            border-left-color: rgba(68, 157, 68, 0.8);
        }

    .orgchart .node .title {        
    box-sizing: border-box;
    padding: 10px;
    width: 150px;
    text-align: center;
    font-size: 1.3rem;    
    height: 20px;
    /* overflow: hidden; */
    text-overflow: ellipsis;
    white-space: break-spaces;
    background-color: #11253e;
    color: #fff;
    border-radius: 10px 10px 10px 10px;
    /* word-break: break-all; */
    overflow-wrap: break-word;
    height:auto;
	font-family: "Open Sans"
    }

    .orgchart.b2t .node .title {
        transform: rotate(-180deg);
        transform-origin: center bottom;
    }

    .orgchart.l2r .node .title {
        transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
        transform-origin: bottom center;
    }

    .orgchart.r2l .node .title {
        transform: rotate(-90deg) translate(-45px, -45px);
        transform-origin: bottom center;
    }

    .orgchart .node .title .symbol {
        float: left;
        margin-top: 12px;
        margin-left: 2px;
    }

        .orgchart .node .title .symbol::before {
            background-color: #fff;
            border-color: #11253e;
        }

        .orgchart .node .title .symbol::after {
            background-color: #fff;
        }

    .orgchart .node .content {
        box-sizing: border-box;
        padding: 2px;
        height: 20px;
        font-size: 0.625rem;
        border: 1px solid #11253e;
        border-radius: 0 0 4px 4px;
        text-align: center;
        background-color: #d4a941;
        color: #333;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .orgchart.b2t .node .content {
        transform: rotate(180deg);
        transform-origin: center top;
    }

    .orgchart.l2r .node .content {
        transform: rotate(-90deg) translate(-45px, -45px) rotateY(180deg);
        transform-origin: top center;
        width: 130px;
    }

    .orgchart.r2l .node .content {
        transform: rotate(-90deg) translate(-45px, -45px);
        transform-origin: top center;
        width: 130px;
    }

    .orgchart .node .edge {
        display:none;
        position: absolute;
        cursor: default;
        transition: .2s;
    }

        .orgchart .node .edge::before {
            border-color: rgba(68, 157, 68, 0.5);
        }

    .orgchart.noncollapsable .node .edge {
        display: none;
    }

    .orgchart .node .edge:hover {
        cursor: pointer;
    }

    .orgchart .edge:hover::before {
        border-color: #449d44;
    }

    .orgchart .node .verticalEdge {
        width: calc(100% - 6px);
        width: -webkit-calc(100% - 6px);
        width: -moz-calc(100% - 6px);
        height: 10px;
        left: 3px;
    }

        .orgchart .node .verticalEdge::before {
            position: absolute;
            left: calc(50% - 0.3125rem);
        }

    .orgchart .node .topEdge {
        top: -2px;
    }

        .orgchart .node .topEdge.oci-chevron-up::before {
            top: 2px;
        }

        .orgchart .node .topEdge.oci-chevron-down::before {
            bottom: 3px;
        }

    .orgchart .node .bottomEdge {
        bottom: -2px;
    }

        .orgchart .node .bottomEdge.oci-chevron-up::before {
            bottom: -3px;
        }

        .orgchart .node .bottomEdge.oci-chevron-down::before {
            bottom: 1px;
        }

    .orgchart .node .horizontalEdge {
        width: 10px;
        height: calc(100% - 6px);
        height: -webkit-calc(100% - 6px);
        height: -moz-calc(100% - 6px);
        top: 3px;
    }

    .orgchart .node .rightEdge {
        right: -2px;
    }

    .orgchart .node .leftEdge {
        left: -2px;
    }

    .orgchart .node .horizontalEdge::before {
        position: absolute;
        top: calc(50% - 0.3125rem);
    }

    .orgchart .node .rightEdge.oci-chevron-left::before {
        right: -3px;
    }

    .orgchart .node .rightEdge.oci-chevron-right::before {
        right: 1px;
    }

    .orgchart .node .leftEdge.oci-chevron-right::before {
        left: -3px;
    }

    .orgchart .node .leftEdge.oci-chevron-left::before {
        left: 1px;
    }

    .orgchart .node .toggleBtn {
        position: absolute;
        left: 5px;
        bottom: -2px;
    }

        .orgchart .node .toggleBtn::before {
            background-color: rgba(68, 157, 68, 0.6);
        }

        .orgchart .node .toggleBtn:hover::before {
            background-color: #449d44;
        }

.oc-export-btn {
    margin-left: 0.5rem;
    padding: 0.5rem 1rem;
}

.orgchart .node {
    transition: transform 0.3s, opacity 0.3s;
}

.orgchart .slide-down {
    opacity: 0;
    transform: translateY(40px);
}

.orgchart.l2r .node.slide-down, .orgchart.r2l .node.slide-down {
    transform: translateY(130px);
}

.orgchart .slide-up {
    opacity: 0;
    transform: translateY(-40px);
}

.orgchart.l2r .node.slide-up, .orgchart.r2l .node.slide-up {
    transform: translateY(-130px);
}

.orgchart .slide-right {
    opacity: 0;
    transform: translateX(130px);
}

.orgchart.l2r .node.slide-right, .orgchart.r2l .node.slide-right {
    transform: translateX(40px);
}

.orgchart .slide-left {
    opacity: 0;
    transform: translateX(-130px);
}

.orgchart.l2r .node.slide-left, .orgchart.r2l .node.slide-left {
    transform: translateX(-40px);
}

/* styles for vertical nodes */
.orgchart .hierarchy.hybrid > .node {
    margin-bottom: 0;
}

    .orgchart .hierarchy.hybrid > .node::after {
        content: none;
    }

.orgchart .nodes.vertical {
    display: block;
    margin: 0;
    padding-left: 18px;
}

    .orgchart .nodes.vertical .nodes {
        list-style: none;
        display: block;
        margin: 0;
        padding-left: 18px;
        text-align: left;
    }

    .orgchart .nodes.vertical .node {
        margin-bottom: 0;
    }

        .orgchart .nodes.vertical .node::before,
        .orgchart .nodes.vertical .node::after {
            content: none;
        }

    .orgchart .nodes.vertical::before {
        content: '';
        display: inline-block;
        position: relative;
        height: 14px;
        width: 2px;
        left: -9px;
        background-color: #11253e;
    }

    .orgchart .nodes.vertical > .hierarchy:first-child::before {
        box-sizing: border-box;
        top: -4px;
        height: 30px;
        width: calc(50% - 2px);
        border-width: 2px 0 0 2px;
    }

    .orgchart .nodes.vertical .hierarchy {
        position: relative;
        text-align: left;
    }

        .orgchart .nodes.vertical .hierarchy::before,
        .orgchart .nodes.vertical .hierarchy::after {
            box-sizing: border-box;
            content: '';
            position: absolute;
            left: -6px;
            border-color: #11253e;
            border-style: solid;
            border-width: 0 0 2px 2px;
        }

        .orgchart .nodes.vertical .hierarchy::before {
            top: -4px;
            height: 30px;
            width: 11px;
        }

        .orgchart .nodes.vertical .hierarchy::after {
            top: 1px;
            height: 100%;
        }

        .orgchart .nodes.vertical .hierarchy:first-child::after {
            box-sizing: border-box;
            top: 24px;
            width: 11px;
            border-width: 2px 0 0 2px;
        }

        .orgchart .nodes.vertical .hierarchy:last-child::after {
            box-sizing: border-box;
            border-width: 2px 0 0;
        }

/* custom icons for orgchart */
.oci {
    display: inline-block;
    position: relative;
    font-style: normal;
    font-family: Arial;
}

.oci-chevron-up::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    vertical-align: text-bottom;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(-135deg);
}

.oci-chevron-right::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(-45deg);
}

.oci-chevron-down::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(45deg);
}

.oci-chevron-left::before {
    content: "";
    display: inline-block;
    box-sizing: border-box;
    width: 0.625rem;
    height: 0.625rem;
    border-width: 0 0.2rem 0.2rem 0;
    border-style: solid;
    border-color: #000;
    background: transparent;
    transform: rotate(135deg);
}

.oci-leader::before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 0.2rem;
    background: #000;
    top: -0.75rem;
    left: 0.1rem;
}

.oci-leader::after {
    position: absolute;
    content: "";
    display: inline-block;
    width: 0.875rem;
    height: 0.375rem;
    border-radius: 0.25rem 0.25rem 0 0;
    background: #000;
    top: -0.3rem;
    left: -0.125rem;
}

.oci-plus-square::before {
    content: "+";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    color: #fff;
}

.oci-plus-circle::before {
    content: "+";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
}

.oci-minus-square::before {
    content: "−";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    color: #fff;
}

.oci-minus-circle::before {
    content: "−";
    display: inline-block;
    vertical-align: text-bottom;
    text-align: center;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
}

.oci-arrow-circle-up::before {
    content: "▲";
    display: inline-block;
    text-align: center;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
}

.oci-arrow-circle-down::before {
    content: "▼";
    text-align: center;
    display: inline-block;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    font-size: 0.875rem;
}

.oci-info-circle::before {
    content: "i";
    display: inline-block;
    vertical-align: text-bottom;
    width: 1rem;
    height: 1rem;
    border-radius: 0.5rem;
    background-color: #000;
    color: #fff;
    text-align: center;
    font-weight: bold;
}

.oci-spinner::before {
    content: "";
    vertical-align: text-bottom;
    display: inline-block;
    box-sizing: border-box;
    width: 1rem;
    height: 1rem;
    border: 0.1rem solid #000;
    border-right-color: transparent;
    border-radius: 0.625rem;
    animation: oci-infinite-spinning .75s linear infinite;
}

@keyframes oci-infinite-spinning {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}





2017-2018 BAHAR DÖNEMİ, MEZUNİYETE ÜÇ DERS SINAV PROGRAMI
Derslerin Uzaktan Eğitim Süreci Hakkında Bilgilendirme
İntibak Dersleri Bilgilendirme Toplantısı – II
Genel Kimya Laboratuvar Sınavı hk.
2019-2020 Güz Yarıyılı Lisansüstü Final Sınav Programı
Koronavirüs (SARS COV-2) ve Neden Olduğu Hastalık (COVID-19) ile İlgili Bilgi Kaynakları
Yeni Dönem Ders Kaydı Önemli Hatırlatma!
Uzaktan Eğitim Hakkında Bilgilendirme
Üniversitemiz Bünyesinde Yeni Koronavirüs (COVID-19) Hastalığının Önlenmesi Konusunda Alınan Kararlar
Bitirme Sınav Programları
Bitirme Projesi  Sınav Yerlerinin Güncellenmesi hakkında önemli duyuru!
Türkçe Ders Planı Revize edildi….
Lisans Öğrencilerimize Önemli Duyuru…
Yeni Öğrencilerimize Yönelik Oryantasyon Eğitimi
Genel Kimya Laboratuvarı mazaret sınavı hakkında!
deneme
Yeni Dönem Kayıt Heyecanı
Bitirme I ve II Projeleri hakkında!
İÜC-BAP COVID-19 Proje Çağrısı
Lisans derslerimizin ara sınav programı belli oldu!
Vidobu Online Video Eğitim Sitesi Öğrencilerimiz ve Personelimizin Erişimine Açıldı
Genel Kimya Mazaret Sınavına girecek öğrencilerin dikkatine!
Bölümümüzde Erasmus Hareketliliği Hk.
Uzaktan Eğitim Sürecinde Kütüphane Hizmetleri Online Erişimle Hizmetinizde
2019-2020 Güz Yarıyılı Bütünleme Sınav Programı
Yeni Koronavirüs (SARS COV-2) ve Yol Açtığı Hastalık (COVID-19) ile ilgili Sık Sorulan Sorular
İÜC-AKSİS Üzerinden Ders Materyalleri Paylaşımı
Mazaret Sınav tarihleri belli oldu.
Genel Kimya final sınavı oturma düzeni hk.
2017-2018 Eğitim Yılı Bahar Yarıyılı Final-Bütünleme Sınav Programı
2017-2018 Eğitim Öğretim Yılı Bahar Yarıyılı Çevre Mühendisliği Mazeret Ara Sınav Programı
2017-2018 Eğitim Yılı Bahar Yarıyılı Lisansüstü Final-Bütünleme Sınav Programı
2017-2018 Bahar Yarıyılı Bitirme Tezi Sınav Programı
2017-2018 Bahar Yarıyılı Lisans Sınav Programı (Revizyon Tarihi: 27.03.2018)
Ara Sınav Programları Hakkında
Çevre Mühendisliği Bölümü Üç Ders Sınav Listesi
2019-2020 Eğitim Öğretim Yılı Ders Programları
Yeni Dönem Ders Kaydı Öncesi Önemli Hatırlatma
Çevre Mühendisliği Bölümü Mezuniyet Töreni
ÇEVRE MÜHENDİSLİĞİ BÖLÜMÜ 2019-2020 EĞİTİM ÖĞRETİM YILI DERS PLANINA İNTİBAK
ENVE'19: Sıfır Atık
2018-2019 Bahar Yarıyılı Mazeret Sınav Programı Hk.
ÖNEMLİ: DERS PLANI TOPLANTISI HAKKINDA
SINAVLARDA UYULMASI GEREKEN KURALLAR
ÇEVRE MÜHENDİSLİĞİ ÜÇ DERS SINAVI LİSTESİ
2018-2019 Güz Yarıyılı Çevre Mühendisliği Mazeret Sınav Programı
Çevre Mühendisliğine Giriş Dersi Arasınav Notları
KHK Kapsamında Yapılacak Sınav Programı (Hikmet Baykal)
2019-2020 Akademik Dönemin Erasmus Öğrenim ve Staj Hareketliliği Genel Bilgilendirme Toplantısı
4. YARIYILDAN DERS ALACAK ÖĞRENCİLERİN DİKKATİNE!
ÖNEMLİ: Çevre Modelleme Dersi Bitirme Sınavı Derslik Değişikliği
2014-2015 Bahar Dönemi, Çevre Mühendisliği Bölümü Mazeret Ara Sınav Programı
ÖNEMLİ (23.03.2015): Bahar Dönemi Sınav Programı Hakkında
Elektromanyetik Kirlenme Ders Notları Hk.
Çevre Mühendisliği Bölümü Lisansüstü Sınav Programları
2017-2018 Güz Dönemi̇ Çevre Mühendi̇sli̇ği̇ Mazeret Ara Sınav Programı
Temel Fizik Deneyleri - Laboratuvar Föyü Hakkında
2017-2018 Bitirme Projesi 1 Öğrenci -Danışman Listesi
2016-2017 Öğretim Yılı Bitirme Tezi Sınav Programı
2016-2017 BAHAR DÖNEMİ ÇEVRE MÜHENDİSLİĞİ MAZERET ARA SINAV PROGRAMI
2016-2017 Bahar Yarıyılı Lisansüstü Ara Sınav Programı
2016-2017 Bahar Yarıyılı Lisans Ara Sınav Programı
Statik-Mukavemet Dersi Hk.
2016-2017 Güz Yarıyılı Yüksek Lisans Bütünleme Sınav Programı
2016-2017 Güz Yarıyılı Yüksek Lisans Final Sınav Programı
Çevre Mühendisliği 2016-2017 Güz Dönemi Final ve Bütünleme Sınav Programı
2016-2017 Güz Dönemi Mazeret Sınav Program
2017-2018 Bahar Yarıyılı Lisansüstü Sınav Programı
2015-2016 Bahar Yarıyılı Bitirme Sınav Programı
Erasmus Anlaşması Hakkında
Çevre Mühendisliği Bölümü Mazeret Sınav Programı
Elektromanyetik Kirlenme Ders Notları Hakkında
ÖNEMLİ: Çevre Kimyası I dersini alan öğrencilerin dikkatine
Çevre Kimyası I Dersi Laboratuvar Grupları ve Deney Günleri
2014-2015 Öğretim Yılı Bitirme Tezi Sınav Tarihleri
Yök Kararıyla Ertelenen Sınavların Yeni Tarihleri
2014-2015 Bahar Dönemi Çevre Mühendisliği Lisansüstü Bitirme Sınav Programı
Hidroloji ve Ekoloji Dersleri Ders Değişikliği
​Güncel Konularıyla Çevre (GÜNCE 2017)
Bitirme Projesi teslim edecek öğrencilerin dikkatine!
Bitirme Tezleri Hk.
Mezuniyet Törenine Katılacak Öğrencilerin Dikkatine!
Çevre Kimyası II Dersini Alan Öğrencilerin Dikkatine
Final ve Bütünleme Sınav Programları Hakkında
Bitirme projesi öğrencilerinin dikkatine!
2015 YILINDA MEZUN OLACAK ÖĞRENCİLERİN DİKKATİNE
2017-2018 Güz Dönemi Final ve Bütünleme Sınav Programları
2018-2019 Güz Yarıyılı Çevre Mühendisliği Final-Bütünleme Sınav Programı
2018-2019 Öğretim yılında Bitirme Projesi alacak öğrencilerin dikkatine!
2017-2018 BAHAR YARIYILI ÇEVRE MÜHENDİSLİĞİ BÖLÜMÜ ÜÇ DERS SINAV TARİHLERİ
2018-2019 Güz Yarıyılı Ara Sınav Programı