.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }
      
      
      .kariyerform{
        max-width:300px;
      }
      
      @media (max-width: 400px) {
        tr{ width:300px; }
        td{ max-width:150px; }
        input{ max-width:150px; }
      }
      
      .bg-dark {
          background-color: #333!important;
      }
      
.navbar-brand {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 1.25rem;
    line-height: inherit;
    white-space: nowrap;
}

.navbar-brand img {
  padding: 0px;
  margin:0px;
}

html {
  font-size: 12px;
}

.ful_zemin{
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: 100% 100%;
  -o-background-size: cover;
}


/*background-size: cover;*/

.nav-item{
  margin-right: 20px;
}

.nav-item a{  font-size:14px; }

@media (max-width: 768px) { .nav-item a{  font-size:16px; } }

.news-item a { color:#000; }
a { color:#000; }

.panel-heading{ background-color:rgb(0,0,0);opacity:0.5; }

.asagi-yukari{ font-size: 50px; color:#fff; margin:10px;  }


/* Style the Image Used to Trigger the Modal */
#myImg {
  border-radius: 5px;
  cursor: pointer;
  transition: 0.3s;
}

#myImg:hover {opacity: 0.7;}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 100px; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.9); /* Black w/ opacity */
}

/* Modal Content (Image) */
.modal-content {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
}

/* Caption of Modal Image (Image Text) - Same Width as the Image */
#caption {
  margin: auto;
  display: block;
  width: 80%;
  max-width: 700px;
  text-align: center;
  color: #ccc;
  padding: 10px 0;
  height: 150px;
}

/* Add Animation - Zoom in the Modal */
.modal-content, #caption {
  animation-name: zoom;
  animation-duration: 0.6s;
}

@keyframes zoom {
  from {transform:scale(0)}
  to {transform:scale(1)}
}

/* The Close Button */
.close {
  position: absolute;
  top: 15px;
  right: 35px;
  color: #f1f1f1;
  font-size: 40px;
  font-weight: bold;
  transition: 0.3s;
}

.close:hover,
.close:focus {
  color: #bbb;
  text-decoration: none;
  cursor: pointer;
}

/* 100% Image Width on Smaller Screens */
@media only screen and (max-width: 700px){
  .modal-content {
    width: 100%;
  }
}

.alert{
  border-radius: 15px; text-decoration:none;
}

.alert:hover{
  background-color:rgba(0,0,0, 0.6);
  border-color: #000000;
  text-decoration:none;
  text-decoration-color:none;
}

.alert:after{
  text-decoration:none;
  text-decoration-color:none;
}

.tip1{
  font-size:14px; height:65px; background-color: rgba(153,0,0,0.7); border-color: rgba(153,0,0,1); color:#ffffff; text-decoration:none;
}
.tip2{
  font-size:14px; height:65px; background-color: rgba(14,11,139,0.7); border-color: rgba(14,11,139,1); color:#ffffff; text-decoration:none;
}
.tip3{
  font-size:14px; height:65px; background-color: rgba(117,0,107,0.7); border-color: rgba(117,0,107,1); color:#ffffff; text-decoration:none;
}
.tip4{
  font-size:14px; height:65px; background-color: rgba(230,138,14,0.7); border-color: rgba(230,138,14,1); color:#ffffff; text-decoration:none;
}

a.dropdown-item:focus{
  background-color:#999999;
}


.nav-item a {
  color:#fff;
}

a{ text-decoration: none; }
a:hover{ text-decoration: none; }
a:focus{ text-decoration: none; }

.news-ticker-images{
  height:352px;
}

.dropdown-menu{ background-color:rgba(51,51,51,0.75); }

a.aktif {
    color: #fff;
    text-decoration: none;
    background-color: #999999;
}

a.projesm{
  color:#999999; font-size:12px;
}

a.projesm:hover{
  color:#eeeeee; font-size:12px; text-decoration:underline;
}

a.projesm_secim{
  color:#eeeeee; font-size:12px; text-decoration:underline;
}

/*
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot { font-size:24px;  color:#000; }
button.owl-dot { width:20px; height:20px; background-color:#000; }
*/
.projectsHome .item .gray .title span {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(./images/dlOk.png);
    margin-top: 10px;
}

.projectsHome .item .gray {
    display: block;
    width: 172px;
    height: 400px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}

.projectsHome .item .gray .title {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    color: #ffffff;
}

.projectsHome .item img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.projectsHome .item {
    display: block;
    width: 172px;
    height: 400px;
    margin-right: 8px;
    position: relative;
    float: left;
    margin-top: 10px;
}

.projectsHome .item2 {
    display: block;
    width: 120px;
    height: 120px;
    margin-right: 8px;
    position: relative;
    float: left;
    margin-top: 10px;
}


.projectsHome .item2 .gray .title span {
    display: inline-block;
    width: 15px;
    height: 13px;
    background: url(./images/dlOk.png);
}

.projectsHome .item2 .gray .title {
    display: inline-block;
    padding: 10px;
    font-size: 16px;
    color: #ffffff;
}

.projectsHome .item2 .gray {
    display: block;
    width: 120px;
    height: 120px;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 20;
}

.projectsHome .item2 img {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width:120px;
    height:120px;
}

.kapsa {
    display: block;
}

.gray {
    background: rgba(51,51,51,0.7);
}

    .owl-prev, .owl-next {
        width: 35px;
        height: 100px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        display: block !important;
        border:0px solid black;
    }
    .owl-prev { left: -45px; }
    .owl-next { right: -45px; }
    .owl-prev i, .owl-next i {transform : scale(2,5); color: #ccc;}

    .svg-inline--fa{
      font-size:28px; color:#eee;
    }
    
    td{ color:#eeeeee;}
    
    
.myTicker{
    width: 100%;
}
.myTicker ul{
    padding: 0;
}
.myTicker li{
    list-style: none;
    border-bottom: 1px solid #999;
    padding: 10px;
}
.et-run{
    background: red;
}
.et-item-visible{
    color: blue !important;
}


a.dropdown-item{
  color:#fff;
}

table.contactus td{ font-size:11px;}

 #haberliste{ width:350px; height:300px; overflow:hidden; background-color:rgba(0,0,0, 0.2); }
 #haber1{ width:350px; height:100px; border-bottom:1px solid #fff; border-top:1px solid rgba(0,0,0, 0.2); }
 #haber2{ width:350px; height:100px; border-bottom:1px solid #fff; border-top:1px solid rgba(0,0,0, 0.2); }
 #haber3{ width:350px; height:100px; border-bottom:1px solid #fff; border-top:1px solid rgba(0,0,0, 0.2); }
 #haber4{ width:350px; height:100px; border-bottom:1px solid #fff; border-top:1px solid rgba(0,0,0, 0.2); }
 #haber5{ width:350px; height:100px; border-bottom:1px solid #fff; border-top:1px solid rgba(0,0,0, 0.2); }
 .haber_foto{ width:120px; height:98px; padding:0px; margin:0px; float:left; }
 .haber_foto img{ width:100px; height:70px; padding:0px; margin:0px; margin-top:10px; margin-left:10px; }
 .haber_icerik{ width:230px; height:98px; padding:0px; margin:0px; float:right; font-size:11px; color:#fff; }
 .haber{ width:350px; height:100px; border-bottom:1px solid #fff; border-top:1px solid rgba(0,0,0, 0.2); }