body{
    background-color: #f3f3f3;
}
a{
    color: #0b0b0b;
}
#ProjectsGallery{
    padding: 60px 10px;
}
/******************************************Bootstrap*******************************************************************/
.nav-tabs{
    border-bottom: 1px solid #facf54;
    background: rgb(228,182,61);
    /* Old browsers */
    background: -moz-linear-gradient(left, rgba(228,182,61,1) 0%, rgba(251,207,85,1) 20%, rgba(251,207,85,1) 20%, rgba(251,207,85,1) 41%, rgba(251,207,85,1) 53%, rgba(228,182,61,1) 83%, rgba(250,207,84,1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(228,182,61,1) 0%,rgba(251,207,85,1) 20%,rgba(251,207,85,1) 20%,rgba(251,207,85,1) 41%,rgba(251,207,85,1) 53%,rgba(228,182,61,1) 83%,rgba(250,207,84,1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(228,182,61,1) 0%,rgba(251,207,85,1) 20%,rgba(251,207,85,1) 20%,rgba(251,207,85,1) 41%,rgba(251,207,85,1) 53%,rgba(228,182,61,1) 83%,rgba(250,207,84,1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4b63d', endColorstr='#facf54',GradientType=1 );
    /* IE6-9 */
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    border: 1px solid #facf54;
    border-bottom-color:transparent;
}
.nav-tabs>li>a{
    border-radius: 0 !important;
}
a:focus, a:hover{
    color: #0b0b0b !important;
}
#lightbox .modal-content {
    display: inline-block;
    text-align: center;
}

#lightbox .close {
    opacity: 1;
    color: rgb(255, 255, 255);
    background-color: #facf54;
    padding: 5px 8px;
    border: 1px solid #facf54;
    position: absolute;
    top: -15px;
    right: -55px;
    z-index:1032;
}
.owl-carousel{
    margin-top: 80px;
}
.carousel-inner>.item>a>img, .carousel-inner>.item>img, .img-responsive, .thumbnail a>img, .thumbnail>img{
    height: 220px;
}
/* PROJELER: 7 proje görünsün diye 2 satıra sardırma */
#ProjectSliderContainer{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 30px !important;
  overflow: visible !important;
  white-space: normal !important;
  align-items: stretch !important;
}

#ProjectSliderContainer .ProjectSliderCell{
  display: block !important;
  float: none !important;
  width: calc(33.3333% - 30px) !important;
  box-sizing: border-box !important;
}

/* Tablet: 2’li diz */
@media (max-width: 992px){
  #ProjectSliderContainer .ProjectSliderCell{
    width: calc(50% - 30px) !important;
  }
}

/* Mobil: tekli diz */
@media (max-width: 576px){
  #ProjectSliderContainer .ProjectSliderCell{
    width: 100% !important;
  }
}