body {}




/* 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 */                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       
.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;
}
.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;
}
.content-box.box-gray p {
	padding: 0 15px;
}

body {
}
.monthly-day-event {
  padding-top: 0 !important;
}


.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;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bx-viewport ul li{
  display: -webkit-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;
}
body {}
body {}

.angular-google-map-container {
        height: 400px;
}
body {
}

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

.news-slider{
  width:100%;
  overflow:hidden;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 21px;
}
.news-slider .thumb-bar{
  width:15%;
  float:left;
}
.news-slider .thumb-container {
  margin-bottom:5px;
  position:relative;
}
.thumb-container .thumb-img {
  *position:absolute;
  top:0;
  left:0;
  width:100%;
  border-radius:5px;
}
.thumb-container:last-child {
    margin-bottom:0;
}
.thumb-container .overlay {
  position:absolute !important;
  bottom:0;
  left:0;
  width:100%;
  height:100%;
  border-radius:5px;
  background-color:rgba(0,0,0,0.7);
  padding-top: 0 !important;
}


.news-slider .image-container{
  width:85%;
  float:right;
  *padding-left: 1.5%;
  position:relative;
}
.news-slider .image-container:after {
  clear:both;
}
.news-slider .image-container img{
  border-radius:5px;
  width: calc(100% - 10px);
  *width:96%;
  height:100%;
  position:absolute;
  top:0;
  left:10px;
  display:none;
}

.news-slider .image-container .text {
    position: absolute;
    bottom: 0;
    background-color: rgba(0,0,0,0.7);
    color: white;
    display: block;
    transition: all 1s linear;
    text-align: left;
    width: calc(100% - 10px);
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding:20px;
    left: 10px;
    font-weight:bold;
    font-size:1.2em;
}

.news-slider .text.ng-enter  {
  *height:0;
  margin-bottom:-100px;
}
.news-slider .text.ng-enter.ng-enter-active  {
  *opacity: 1;
  margin-bottom:0;
}
.news-slider .text.ng-leave {
  *opacity:0;
  *height:0;
  *margin-bottom:-100px;
}
.news-slider .text.ng-leave.ng-leave-active  {
  margin-bottom:-100px;
}


.news-slider .image-container img.active{
  display:block;
}
.news-slider .img.ng-animate {
  transition: all 1s;
}
.news-slider .img.ng-enter {
  opacity: 0;
}
.news-slider .img.ng-enter.ng-enter-active {
  opacity: 1;
}
.news-slider .img.ng-leave.ng-leave-active  {
  opacity:0;
}
.news-slider .img.ng-leave  {
  opacity:1;
}

.news-slider .overlay.ng-animate {
  transition: all 1s;
}
.news-slider .overlay.ng-enter {
  opacity: 1;/*0*/
  height:0;
  top:0;
}
.news-slider .overlay.ng-enter.ng-enter-active {
  opacity: 1;
  height:100%;
  bottom:0;
}
.news-slider .overlay.ng-leave.ng-leave-active  {
  opacity:1;/*0*/
  *height:0;
  height:0;
  *bottom:0 !important;
}
.news-slider .overlay.ng-leave  {
  opacity:1;
  height:100%;
  *height:0;
  *bottom:0 !important;
}

.clear { clear:both;}










                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     


.nav-tabs li {
	cursor:pointer;
  
}
.nav>li>a {
  color:#d4a941;
}

.leftpane a{
color:#d4a941;
}

/* 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;
}
.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;
}


@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 {}

.event-date-holder {
	background-color: #00733e;
}

.event-date {
	text-align: center;
    background-color: #e0b200 !important;
    color: white;
    font-weight: bold;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-right: 25%;
    margin-left: 25%;
}

.event-text {
	padding: 10px;
    text-align: center;
    background-color: #00733e;
    color: #ffffff;
    font-weight: bold;
    width: 100%;
    height: 50px;
    display: flex;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.linkBar {
  background-color: #5f5f5f !important;
  color:white;
}
.linkBar>.row{
  margin-left:0 !important;
  margin-right:0 !important;
}

a.feature-icon
{
	border-right: 1px solid #757575;
	padding:10px;
  	color:unset;
  	width:20% !important;
    min-width:20% !important;
}	

a.feature-icon:first-of-type {
    border-left:0;
}
a.feature-icon:last-of-type {
    border-right:0;
}

a.feature-icon:hover {
    color: #fff;
    background-color: #a18032;
}
a.feature-icon h4
{
	color:white;
}
.red-font {
	color:red;
}


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


@-webkit-keyframes pulse {
 0% {
 -webkit-transform: scale(1, 1);
}
 50% {
 -webkit-transform: scale(1.2, 1.2);
}
 100% {
 -webkit-transform: scale(1, 1);
};
}

@keyframes pulse {
 0% {
 transform: scale(1, 1);
}
 50% {
 transform: scale(1.2, 1.2);
}
 100% {
transform: scale(1, 1);
};
}

.pulse {
	*background: red;
	*width: 20px;
	*height: 20px;
	-webkit-animation: pulse 1s linear infinite;
	animation: pulse 1s linear infinite;
}

#test:hover {
	-webkit-animation: none;
	animation:none;
}



.form-control.ng-invalid {
    border: 1px solid #ff9c9c;
}





body {}
.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;
}


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

.newsContent2 {
	width:80%; 
}
.section-title {
color:#d5aa41;
}
.list-line li a:hover {
  color: #d5aa41;
}
.section-title:first-letter {
color:#d5aa41;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
   
    background-color: #11253e;
    border-color: #11253e;
}
.pagination>li>a:hover, .pagination>li>span {
background-color:#11253e;
  color:#d5aa41;
  border:none;
}
.pagination>li>a, .pagination>li>span {

  color:#d5aa41;
}

.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: #d5aa41;
  	*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: #d5aa41;
}

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

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

.notice-box .media {
    margin-top: 0 !important;
  	margin-bottom: 21.4px !important;
}

.slider {
  *margin-left:-10px;
  *margin-right:-10px;
  position: relative;
}
.slider ul {
  max-height: 600px;
  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: -55px;
}
.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 .item {
  height:100%;
}
.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: 15px;
  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;
  }
}

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  
.angular-google-map-container {
        height: 400px;
}
.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 {
  cursor:pointer;
}
.text-socailContainer a:last-child{
  margin-right: 0;
}

body{}
.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;
}

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








#generic-videoHaber>.panel-heading {
    color: #fff;
    background-color: #125688;
    border-color: #00bbff;
}
  #generic-videoHaber .panel-heading span{
  font-size:1em;
        margin-top: 4px;
    cursor:pointer;
  }
  #generic-videoHaber .panel-body{
    overflow: hidden;
    padding:0;
  }

  #video-news .video-frame{
  	width:100%;   
  }
  #video-news .video{
  	margin-bottom:20px; 
  }
  .no-border{
     border:0;    
  }
  .no-shadow{
     -webkit-box-shadow : none;
      box-shadow: none;
  }
  #generic-instagram>.panel-heading {
    color: #fff;
    background-color: #125688;
    border-color: #00bbff;
}
   #generic-instagram>.panel-heading .pull-right a: {
    color: #000;
    background-color: #125688;
    border-color: #000;
}

 
    #generic-instagram>.panel-heading .pull-right a:hover {
    color: #fff;

    border-color: #00bbff;
 font-size:110%;
     
}
  #generic-instagram .panel-heading span{
  font-size:2em;
        margin-top: 1px;
    cursor:pointer;
  }
  #generic-instagram .panel-body{
    overflow: hidden;
    padding:0;
  }
 
  #generic-instagram .avatar img{
    float: left;
    margin: 4px 10px 0px 5px;
    width: 36px;
  }
  #generic-instagram .avatar p:nth-child(1){
    margin:0;
    color:#000;
    font-weight:bold;
  }
  #generic-instagram .avatar p:nth-child(2){
    margin:0;
    color: #909090;
    line-height: 1em;
  }
 
  #generic-instagram .media-container{
  display: block;
    line-height: 20px;
    padding: 10px 10px 10px;
    font-size: 14px;
    border: 1px solid #e5e5e5;
    border-top: 0;
  }
 
  #generic-instagram .instaLink{
   border-bottom: 1px solid #efefef;
    padding-top: 10px;
    padding-bottom: 10px;
  }
  #generic-instagram .instaLink a{
   color: #3897f0;
    font-weight: 600;
  }
 
  #generic-instagram .feedback{
   margin: 8px 0 ;
  }
  #generic-instagram .img-fit{
  object-fit: cover;
    width: 100%;
    height: 250px;
    border-bottom: 1px solid #00aced;
  }
 
  #generic-instagram .footer{
            border: 1px solid #e5e5e5;
    border-top: none;
    padding: 10px;
    line-height: 1.3em;
  }
 
  .insta-glyphs{
    display:block;
    background-repeat: no-repeat;
    height: 24px;
    width: 24px;
    float: left;
    margin-right: 10px;
    background-image: url(https://www.instagram.com/static/bundles/base/sprite_glyphs.png/83cd94a92a43.png);
  }
  .comment{
    background-position: 0 -193px;
  }

  .heart{    
      background-position: -165px -52px;    
  }
  .share{
    background-position: -217px -78px;
  }
  .saveOpen{
    background-position: -156px -167px;
    margin-right:0;
  }  
   
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               
  #generic-semDuyuru ul{
    list-style: none;
    padding: 0;    
  }
  #generic-headingg{
    
    background: #000000;
       
  }  
  #generic-semDuyuru ul li:not(:first-child) {
    padding-top:1px;
  }
  #generic-semDuyuru .date{
    position:absolute;
    background: #8f8f8f;
    border: 1px solid #e5e5e5;
    width: 60px;
    height:52px;
    padding: 2px;
    line-height: 1.5em;
  }
  #generic-semDuyuru .date:hover{
  background: #ffa500;    
  }  
  #generic-semDuyuru b{
    color:#ffff;
    font-size: 85%;
    
  } 
#generic-semDuyuru .xLink:hover{
    background: #ffa500;
    
  } 
  #generic-semDuyuru span{
    color:#ffff;
    
    
  } 
  #generic-semDuyuru a{
    color:#ffff;
  }
   #generic-semDuyuru a:hover{
   	color:#2f2f2f;
    
    
  } 
  #generic-semDuyuru small:hover{
   	color:#ffa500;     
    
  }  
  
  #generic-semDuyuru .notice{
    padding-left: 70px;
    width: 100%;
    height: 52px;
    border: 1px solid #e5e5e5;
    line-height: 1.5em;
    padding-top: 2px;
    overflow: hidden;
    color:#000;
    background: #d8d8d8;
  }
  #generic-semDuyuru .notice:hover{
   
  }
  .hvr-underline-from-left:before{
    background: #ffa500;
    height: 2px;
  }



#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: 5%;
  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;
}

/* Mobil görünüm */
@media (max-width: 767px) {
  #tpopup {
    position: absolute;
    width: 90vw;         /* Mobilde daha geniş */
    height: auto;        /* İçeriğe göre ayarlanır */
    background: #000000c0; /* Hafif şeffaf koyu arka plan */
    left: 5vw;           /* Kenarlardan boşluk bırakır */
    top: 10%;
    border-radius: 4vw;
    padding: 5vw;
    text-align: center;
    box-sizing: border-box;
  }

  #tclose {
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    font-size: 12px;
  }
}


.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 {
  cursor:pointer;
}
.text-socailContainer a:last-child{
  margin-right: 0;
}
.coverPhoto {
    width: 100%;
    height: 250px;
    background-position: 50% 50%;
    background-size: cover;
}
.btn {
	margin-right:0 !important;
  margin-left: 5px;
}
.font-sizer div {
	margin: 10px 0;
}
/*
 * 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);
    }
}



.dropdown-language {
    min-width: unset;
    padding: 5px;
   
}
.btn-ar.btn-primary {
  background: linear-gradient(to bottom,#11253e 5%,#d5aa41 100%);
  border-color:linear-gradient(to bottom,#11253e 5%,#d5aa41 100%);
}

.navbar{
background-image: linear-gradient(to top,#11253e,#11253e);
  
  padding-top:10px;
  padding-bottom:10px;
}
.btn-language {
    padding: 0 !important;
    border: none !important;
    margin: 0 !important;
}


.language.flag{
  	height: 20px;
}
.btn-language .language.flag{
    margin-left: 10px;
    cursor: pointer;
}
.navbar-brand {
	    margin: 0 !important;
    padding: 5px 0 !important;
  height:unset !important
}

.navbar-brand img.logo {
  width: 350px !important;
}

.nav.navbar-nav.navbar-right {
	bottom: 0 !important;
    position: absolute !important;
    right: 0px !important;
   
}
.sb-icon-navbar.sb-toggle-right{
	display: none !important;
}

.navbar-nav>.open>a, .navbar-nav>li>a:hover {
    background-color:#d5aa41 !important;
    background-image: unset !important;
    color: white !important;
  
}


.top-nav {z-index:999;
color: white;
  background-color:#11253e !important;
}
.top-nav .dropdown a {
    padding: 2px 8px ;
  
  
}
.top-nav .dropdown a i {
    font-size: 0.9em ;
  color: white;
  
}
.navbar-default .navbar-nav>li.dropdown>a:hover  {
   
    color:#d5aa41 !important;
  }
.dropdown-menu>li>a{
color:white; 
  background-color:#11253e;
}
.dropdown-menu>li>a:hover {
background-image:linear-gradient(to top,#11253e,#d5aa41) !important;
}
.dropdown-menu>li>a:focus {
  
background-image:linear-gradient(to top,#11253e,#d5aa41) !important;
}


@media (min-width: 767px)
{
  .navbar-default .navbar-nav>li>a {
      padding-top: 0px;
      padding-bottom: 8px;
    background-color:#11253e !important;
    color:white;
  }  
  .navbar-default .navbar-nav>li.dropdown>a {
    padding-right: 15px !important;
    color: white;
    background-color:#11253e !important;
  }
  
  
}

@media (max-width: 767px)
{
  .nav.navbar-nav.navbar-right {
      position: unset !important;
  }
  .navbar-brand img.logo {
    width: 280px !important;
  }  
  .slider-link-container {
  	display:none;
  }
  .navbar-header img.eniyi{
  display:none;
  }
  .navbar-default .navbar-nav>li>a {
      padding-top: 0px;
      padding-bottom: 8px;
    background-color:#11253e !important;
    color:white;
  }
  .navbar-default .navbar-nav>li>a:hover {
     background-image:linear-gradient(to top,#11253e,#d5aa41) !important;
  }
  
}

@media (max-width: 1200px)
{
  .ar-brand img.max {
  	display:none;
  }
  .ar-brand img.min {
  	display:block;
  }
}
@media (min-width: 1200px)
{
  .ar-brand img.max {
  	display:block;
  }
  .ar-brand img.min {
  	display:none;
  }
}

.navbar-header {
	position: relative;
}
.navbar-header .navbar-toggle {
        right: 15px;
    left: unset;
    bottom: 0;
    top: unset;
  height: 40px;
    min-width: 32px;
  color: white;
    background-color:#11253e !important;
}

.nav .dropdown>a:after {
    display:none;
}
.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width:100%;
  z-index:9999;
}

.logo {
	float:left;
  	margin-right: 10px;
}
.hook {
	width:100px !important;
  	*display:none;
}
.hook-link {
  float:left;
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                      

2019-2020 Spring Semester Graduate Programs Application Guide
Türkiye Scholarships 2020 Undergraduate and Postgraduate Scholarships
Royal Society 'Newton Advanced Fellowships'
İÜC-BAP COVID-19 Proje Çağrısı
Council of Higher Education’s Announcement on Measures To Be Taken in Higher Education Institutions About COVID-19
Enrolment Guide for International Students
Applications For İÜCYÖS-2020
Campus Cards are Going to Be Activated in All Campuses As Of 23.12.2019
Application Guide for International Students
Application Dates for Graduate Programs for 2019 – 2020 Academic Year Spring Semester
TUBITAK – NRF (South Korea) Bilateral Cooperation Call Launched!
Applications for Graduate Programs for 2019 – 2020 Academic Year Fall Semester
Applications for EUREKA Project Call on AI and Quantum Technologies
“Green Chemistry” Seminar Announcement
TUBITAK – NSTDA Bilateral Cooperation Call Launched!
M-ERA.NET II 2019 Call is Open
Council of Higher Education (YÖK) Announcement of 14th PICARD Conference
Applications for Hubert H. Humphrey Fellowship Program has Started
TUBITAK-France Bosphorus Programme Call is Open
İU AKSİS - İÜC AKSİS Erişim Linkleri
4.Ulusal Sağlık Kuruluşları Çevre Yönetimi Sempozyumu
Applications for IUYOS-2019 Have Been Started
Hüsamettin TUĞAÇ Vakfı Bursu
KZÖ Çalıştırma Programı Başvuruları Başlıyor
2018-2019 Eğitim-Öğretim Yılı İçin Sağlık Alanında Lisans Tamamlama Programı Kayıtları
2018 KYK Yurt Yerleştirme Sonuçları Açıklandı
NEF VAKFI BURSU
2018 – 2019 (Eylül Ayı – 11. Dönem) Formasyon Yeni Dönem Başvurusu
2018 Dikey Geçiş Sınavı (DGS) Yerleştirme Sonuçlarına göre Üniversitemiz Programlarına Kayıt Hakkı Kazanan Adayların Dikkatine!
Uluslararası Öğrencilerin İkamet İzni İşlemleri / Residence Permit Procedures of International Students
Sabancı Vakfı Bursu
Beyaz Gezi
İÜYÖS 2018 Ek Yerleştirme Kayıt Kılavuzu
Sağlık Bakanlığı Kura Sonucu
İstanbul Üniversitesi-Cerrahpaşa Orman Fakültesi Öğretim Üyesi Doç.Dr. Nesibe Köse'ninde İçinde Yer Aldığı Araştırma "Nature Geoscience" Dergisinde Yayınlanmıştır
New Trends in Geophysics and Engineering (International Symposium) 7-9 Kasım Tarihlerinde Mühendislik Fakültesi’nde Düzenlenecek
2018- Zorunlu Yabancı Dil Hazırlık Sınıflarında Başarısız Olan Öğrencilerin Türkçe Öğretim Yapan Yükseköğretim Programlarına Yerleşen Öğrencilerin Kayıt İşlemleri
Dünya Çocuk Hakları Günü Programı 23 Kasım'da Sağlık Bilimleri Fakültesi'nde Gerçekleştirilecek
Adli Tıp Enstitüsü'nde "Legalization of Marijuana: Implications for Traffic Safety" Konulu Panel Gerçekleştirilecek
"Almanya’da Köpek Eğitimi ve Köpekli Sporlar" Konulu Seminer Gerçekleştirildi
Asia-Pacific Space Cooperation Organization (APSCO) Master and Doctorate Scholarship Programs 2019 Announcement
Kişiselleştirilmiş Tıp ve Moleküler Tanı Sempozyumu ve Biyoinformatik Analizlerin Bilgisayar Simulasyon Kursu
Öğretim Üyesi Dışındaki Öğretim Elemanı Kadrolarına yapılacak Atamalarda Uygulanacak Merkezi Sınav ile Giriş Sınavlarına İlişkin Usul ve Esaslar Hakkında Yönetmelikte Değişiklik yapılmasına Dair Yönetmelik
Osmanlı İstanbul'unda Vakıf Kuran Kadınlar Sergisi
Akademik Yükseltirme ve Atama Kriterleri
Akademik Personel ve Lisansüstü Eğitim Sınavının (ALES) geçerlilik süresi hakkındaki YÖK kararı
Akademik Teşvik Ödeneği Yönetmeliği
Akademik Teşvik Ödeneği Yönetmeliği Güncellemiştir
2018-2019 Güz Yarıyılı Yatay Geçiş
İstanbul Üniversitesi-Cerahpaşa Tıp Fakültesi Ortopedi ve Travmatoloji Anabilim Dalı önceki başkanlarından Prof. Dr. Macit Üzel Vefat Etti
KPSS-2018/7 İstanbul Üniversitesi- Cerrahpaşa Rektörlüğü İle İstanbul Üniversitesi Rektörlüğü İçin Sözleşmeli Personel Tercihleri Başladı
İÜYÖS 2018 Yerleştirme Sonuçları Açıklandı
WESREF-IU Proje Araştırma Asistanı
KPSS-2018/7 İstanbul Üniversitesi- Cerrahpaşa Rektörlüğü İle İstanbul Üniversitesi Rektörlüğünün Sözleşmeli Pozisyonlarına Yerleştirme Sonuçları Açıklandı.
100/2000 YÖK Doktora Burslarına İlişkin Usul ve Esaslar
669 Sayılı KHK Uyarınca Yabancı Dilde Eğitim Veren Programlara Yerleşen ve Kayıt Olan Öğrencilerden Hazırlık Sınıfında Başarısız Olanların Dikkatine!
2018-2019 Eğitim-Öğretim Yılı Güz Yarıyılında Üniversitemiz Programlarına Yatay Geçiş Yolu İle Kayıt Hakkı Kazanan Adayların Kesin Kayıt Tarihleri
100/2000 YÖK Doktora Burslarına Başvurular Başladı
Yeni Kayıt Yaptıracak/Yaptıran Öğrencilerimizin Dikkatine! Attention to Our Newly Enrolled Students!
İÜYÖS - 2018 KAYIT KILAVUZU - İÜYÖS-2018 Enrollment Guide
İstanbul Üniversitesi WESREF-IU Akademik Dil Destek Programı
TESYEV Bursu Duyurusu
2018 Yükseköğretim Kurumları Sınavı (YKS) İle Üniversitemiz Programlarına Yerleşen Adaylar İçin Kayıt Kılavuzu
Sosyal Bilgiler Öğretmenlerinin Teknolojik Pedagojik Alan Bilgisi Yeterliliklerinin Geliştirilmesine Yönelik Eğitim Uygulamaları Projesinin Açılışı ve İlk Günkü Etkinlikleri
2018-2019 Güz Yarıyılı Ders Alma-Kayıt Yenileme Takvimi
İÜ Edebiyat Fakültesi Emekli Öğretim Üyesi Prof. Dr. Semavi Eyice Vefat Etti
Üniversitemiz Araştırma ve Aday Araştırma Üniversiteleri Listesinde