

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);
    }
}





ACILL Mezuniyet Programı (Kepli Fotoğraflar Hakkında - 09.07.2018)
2018-2019 Öğretim Dönemi Lisans Eğitimi Ders Planı ve Danışmanlıklar yayınlandı
2018-2019 güz dönemi ara sınav mazeret sınav programi ilan edilmiştir.
IEEE Türkiye Lisans Bitirme Proje Yarışma ve Sergisi 2018
Bitirme Projesi - Bütünleme Sunum Listesi
TEKNOKENT’TE GERÇKLEŞTİRİLECEK BİTİRME PROJELERİ SUNUMU HAKKINDA
Mezuniyet Programı Hakkında!!
Turkish Testing Board Derneği - Üniversite Öğrencilerine Eğitim ve Başarı Bursu
Bitirme Projeleri - Teknokent Sunumu için Seçilenler Listesi
2017-2018 Bahar Dönemi Mezuna 3-Ders Sınav Programı
Doktora Tez Sunumu - Can Eyüpoğlu - Konu:Büyük Veride Etkin Gizlilik Koruması için Yazılım Tasarımı
Y.LİSANS - DOKTORA Mülakat duyuruları
IMLEAP Programı
2019-2020 Güz Dönemi Ara Sınav Programları ilan edildi (Lisans programı güncellendi.)
OBSS Firması Burs Programı
2019-2020 BAHAR y.y. YÜKSEK LİSANS / DOKTORA  mülakat sınavları hk.
Bahar dönemi ders programı güncellenmiştir (04.02.2020)
SİBER GÜVENLİK FİKİR YARIŞMASI İÇİN SON BAŞVURU TARİHİ 10 MART!
T.C. Milli Eğitim Bakanlığı 2020-2021 Hükûmet Bursları
2019-2020 Güz Bitirme ve Bütünleme Sınav Programı Açıklanmıştır
Erasmus+ Başvuruları Başlıyor (03-09 Şubat 2020)
2019-2020 Güz dönemi tek-üç ders sınav programı ilan edildi.
İÜC SKS Kısmi Zamanlı Öğrenci Programı Başvuruları
2018-2019 Bahar Dönemi - Bitirme Projeleri Sunum Takvimi
2019-2020 Güz yarıyılında alınan Yüksek Lisans ve Doktora Programına kayıtlı öğrencilerin dikkatine
Sen Mühendissin Bizimlesin Etkinliği - Arçelik Ar-Ge Merkezi (Son Başvuru 10 Kasım 2019)
Mezuniyet Sahne Listesi Duyurusu
Doktora Yeterlilk Başvuruları  (Lisansüstü Eğitim Enstitüsü İçin)Güz Yarıyılı için son başvuru tarihi 18 Ekim 2019 dur
2016-2017 ve 2017-2018 Eğitim Öğretim yılında verilen Uygulamalı Girişimcilik dersi için KOSGEB katılım belgeleri hk.
Mezuniyet Törenine Katılacak Öğrencilerin Dikkatine
KTU 14. Düşünden Gerçeğine Proje Pazarı
2019-2020 Güz Dönemi Bitirme Projesi Takvimi Yayınlandı.
2019 Yılı ÖSYM Başarımız
3 Tek Ders Sınav Programı 8-9 Temmuz
İÜC-BAP COVID-19 Proje Çağrısı
Otonom Araç ve Otonom Araç Güvenliği Konularında Kendini Geliştirmek İsteyen Arkadaşlar Aranıyor
TÜBİTAK  2242 Üniversite Öğrencileri Araştırma Proje Yarışmaları
CALIBRE Yükseköğretim İstihdam Araştırması
Huawei Türkiye R&D Açık İş Pozisyonları hk.
2019 yılı Staj Sonuç Listesi Yayınlanmıştır
Bursa Teknik Üni. Kablosuz Algılayıcı Ağlar (KAA) ve Robotik Yaz Okulu
KHK ile Gelen Öğrenciler için 2019-2020 Güz dönemi Sınav Programı ilan edilmiştir.
2019-2020 Güz Dönemi Doktora Mülakat Sınavı Duyurusu
2019-2020 Güz Dönemi Yüksek Lisans Mülakat Sınavı Duyurusu
2018-2019 Bahar Dönemi KHK ile gelen öğrenciler için Final ve Bütünleme Sınav Programı ilan edildi.
3 Ders Sınavları 8-9 Temmuz tarihinde yapılacaktır.
İkili işbirliği anlaşmamız olan Huawei firmasındaki iş olanakları hk.
ARÇELİK - İstanbul Üniversitesi Unit Test Etkinliği
Mezuniyet Hakkında (Güncelleme - 14.06.2018)
Staj Duyurusu - Deva Holding (Son Başvuru 15 Mart)
ESN EXISTANBUL kulübü yeni üye alımı
HUAWEI Firması Ümraniye Ofisine Teknik Geziye Davet
TÜBİTAK'tan Üniversite Öğrencilerine Yönelik Proje Çağrısı!
Etknlik - Sanal Teknolojiler zirvesi - 8 Mayıs
Bitirme Projeleri Konu Kabul Listeleri
2017 - 2018 Bahar dönemi KHK ile gelen öğrenciler için Final ve Büt Programı ilan edildi
YÖK Yurtdışı Doktora Araştırma Bursu (YUDAB) Programı Tanıtıldı
YÖK Yurtdışı Doktora Araştırma Bursu (YUDAB) Programı Tanıtıldı
YÖK Yurtdışı Doktora Araştırma Bursu (YUDAB) Programı Tanıtıldı
Havelsan İş İlanı
Doktora Tez Seminerleri (16 Mart Cuma)
Ders Kayıt Silinmesi
Sabancı Üniversitesi Yaz Okulu
2018-2019 Bahar Dönemi Ara Sınav Programı ilan edildi.
6 Mayıs 2019 Pazartesi günü 14:00 da yapılacak Mazeret Sınavları B blok 3.kat Laboratvar A da yapılacaktır.
Inomera Yazılım Akademisi – 2019 (Başvuru alınmaya devam edilmektedir)
Bitirme Projeleri Bütünleme Sunum Takvimi (21.06.2019 güncel)
Huawei etkinlik duyurusu (4. sınıf öğrencilerine yöneliktir) 14.05.2019 15:30
Erasmus Bilgilendirme Toplantısı
Bitirme Projesi Görüşme Tutanaklarını teslim edenler listesi (Son Güncelleme:  05.02.2019)
Introduction to Programming dersini alanlara yönelik workshop
Bitirme Projeleri Sunum Tarihi Değişikliği
HUPROG'19 (Hacettepe Üniversitesi Programlama Yarışması) (Ön eleme 22-23 Mart)
Bitirme Projesi Grupları (Güncelleme 12.03.2019)
Bitirme Projelerinden Bütünlemeye Girecek Öğrencilerin Dikkatine
ACM Digital Library Deneme Erişimine Açılmıştır
Finansta Bilişim Teknolojileri dersi hk.
2018 yılı staj sonuç listesi açıklandı
TÜBİTAK Bireysel Genç Girişim (BİGG) Programı 2019 Yılı 1. Çağrısı Ön Başvuruları İçin Son 9 Gün
İstanbul Kalkınma Ajansı 2019 Yaz Stajı Duyurusu
İstanbul Üniversitesi-Cerrahpaşa Öğrenci İş Sağlığı ve Güvenliği Eğitim Programı (27 Mart 2019)
Bitirme Projeleri Görüşme Tutanakları Teslimleri
2019-2020 Erasmus Öğrenim ve Staj Hareketliliği Genel Bilgilendirme Toplantısı
Bitirme Projeleri Bütünleme Duyurusu
2018-2019 Güz Dönemi Final ve Bütünleme Programı ilan edilmiştir. (11.12.2018 Lisansüstü programı güncellendi)
2018-2019 Bahar Dönemi Yüksek Lisans Mülakat Sınavı Duyurusu
2018-2019 Bahar Dönemi Doktora Mülakat Sınavı Duyurusu
2018-2019 Güz Dönemi 3 Ders Sınav Programı
Otonom araç projesinin web adresi http://otobil.iuc.edu.tr/ olarak değişmiştir.
2018-2019 Bahar Dönemi Bitirme Projesi Takvimi
Milli Eğitim Bakanlığı Bursuyla Yurtdışında Lisansüstü Öğrenim İmkanı (YLSY)
TRANSILVANIA ACADEMICA SCHOLARSHIP
İş Staj Duyuruları hakkında. (güncellendi)
Lisansüstü Başarısız Ders Yerine Ders Saydırma
Son Sınıfların Mezuniyet Balosu Anketi
Kısmi Zamanlı Öğrenci Başvuru Süreci Hk.
2018 - 2019 Güz Dönemi Ara Sınav Takvimi ilan edildi
İş - Staj Duyuruları Hakkında
Bölümümüzün Proje Başarıları
Elsevier Engineering Academic Challenge
100/2000 YÖK Doktora Burslarına Başvurular Başladı
2017-2018 Bahar Dönemi Üç Ders Sınav Programı
Bitirme Projesi : Şerit Takip Eden Otonom Araç ve Trafik İşaretlerini Algılayarak Hareket Eden Otonom Araç