/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

/* Global Styles */

html,
body {
    height: 100%;
    width: 100%;
}

body {
    padding-top: 50px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 60%;
    
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
   
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 50px 0;
    
}

/* Responsive Styles */

@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
}

@media(max-width:760px) {
    .img-portfolio {
        margin-bottom: 15px;
    }
    
   

    header.carousel .carousel {
        height: 70%;
    }
}
/*FOTO GALERİ ORTALAMA*/
.carousel-inner img{
    margin-left: 40%;
}
/*FOTO GALERİ ORTALAMA SONU*/

.row{
    background-color:black;
    color: white;
    
}
.row a{
    text-decoration: none;
    color: #000000;
}
.row h1{
    color: #ffffff;
}

.col-lg-12 p{
    text-align: center;
  
}

.col-md-6{
    text-align: center;
}
.col-md-9{
    color: #ffffff;
    font-family: comic sans ms;
}

.col-lg-12 h5 {
  text-align: justify;
  
 
 
 
}



.sosyal{
    text-align: center;
}

body{
    background-color:#ffffff;
}

h1, p, a{
    font-family: comic sans MS;
   
}
/*NAVBAR ARKAPLAN*/
.navbar-fixed-top{
    background-color:#101115;
}

.carousel slide{
    text-align: center;
}

@media (max-width: 320px) {
  .img-portfolio iframe {
    width: 100%;
    height: auto;
    max-width: 280px; /* İsteğe bağlı: kenarlarda boşluk bırakmak için */
  }
}

.responsive-video {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 oran */
  height: 0;
  overflow: hidden;
}

.responsive-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/* Carousel genel stil */
#myCarousel {
  width: 100%;
  max-width: 1170px; /* İsteğe bağlı: büyük ekranlarda genişliği sınırlamak için */
  margin: 0 auto; /* Ortalamak için */
  position: relative;
}

/* Carousel içindeki img'leri ortalamak ve responsive yapmak */
.carousel-inner .item img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  object-fit: cover;
}





/* Arka planı kaplayan fill div için */
.fill {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 20px 0; /* Üst-alt boşluk */
}

@media (max-width: 320px) {
  #myCarousel {
    max-width: 100%;
    padding: 0 10px;
     background-color: black;
  }
    
 /* @media (min-width: 768px)(max-width: 1280px) {
  #myCarousel {
    max-width: 100%;
    padding: 0 10px;
     background-color: black;
  }*/

    
  .carousel-inner .item img {
    max-width: 280px;
  }

  .fill {
    padding: 10px 0;
  }
}



h3{
    font-family: comic sans ms;
    font-size: 1.3em;
}

h5{
    font-family: comic sans ms;
}

/*.list-inline{
    border: solid 1px black;
}*/

.bio{
    text-align: center;
    font-size: 1.3em;
}

@media only screen and(max-width: 360px)
    .container{
        max-width:100%;
}

 h4{
    font-family: comic sans MS;
}


/* Boyutlandırma / 10px 10 px tavsiye dir */
::-webkit-scrollbar{width:10px;height:10px}
/* Yukarı aşağı okları . */
::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment{display:none;}
/* Arkaplan */
::-webkit-scrollbar-track-piece{background-color:#101115}
/* Tutma parçası */
::-webkit-scrollbar-thumb{-webkit-border-radius:4px;background:#999;}


.ok{
    color: black;
   font-size: 24px;

/*Konser Takvimi*/