body{
    
        background-image:linear-gradient(
        rgba(255,255,255, 0.4),
        rgba(255,255,255, 0.3),       
        rgba(255,255,255, 0.1),     
        rgba(255,255,255, 0.3),
        rgba(255,255,255, 0.4)
        ), url( " ../images/bgfab.JPG") ; 

    background-position: center;
   
    background-size: cover;
    
}
#hero2{
  position: fixed; 
  top: 0; 
  left: 0; 
  width:  100%;
 height: 100%;
  z-index:-11;
object-fit:cover;
background-color: white;
      
}
#hero video{
  position: fixed; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%;
     z-index:-10;
    object-fit: cover;
    opacity: 0.9;
      
}

.bg_renk{
    background: linear-gradient( rgba(255,255,255, 1),rgba(255,255,255, 1)
      );
    
}
.bg_renk1{
    background: linear-gradient( rgba(255,255,255, 0.1),rgba(255,255,255, 1)
      );
    
}
.bd-placeholder-img {
        font-size: 1.125rem;
        text-anchor: middle;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
      }

      @media (min-width: 768px) {
        .bd-placeholder-img-lg {
          font-size: 3.5rem;
        }
      }

      .b-example-divider {
        height: 3rem;
        background-color: rgba(0, 0, 0, .1);
        border: solid rgba(0, 0, 0, .15);
        border-width: 1px 0;
        box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
      }

      .b-example-vr {
        flex-shrink: 0;
        width: 1.5rem;
        height: 100vh;
      }

      .bi {
        vertical-align: -.125em;
        fill: currentColor;
      }

      .nav-scroller {
        position: relative;
        z-index: 2;
        height: 2.75rem;
        overflow-y: hidden;
      }

      .nav-scroller .nav {
        display: flex;
        flex-wrap: nowrap;
        padding-bottom: 1rem;
        margin-top: -1px;
        overflow-x: auto;
        text-align: center;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
      }

.buyume:hover{
    

-webkit-transform: scale(1.3);

-ms-transform: scale(1.3);

-moz-transform: scale(1.3);

transform: scale(1.3);


}
.buyume2:hover{
    

-webkit-transform: scale(1.15);

-ms-transform: scale(1.15);

-moz-transform: scale(1.15);

transform: scale(1.15);


}


footer a:hover{
    text-decoration: none;
    
}
.links a{
    text-decoration: none;
    color: black;
}
.links a:hover{
    text-decoration: none;
    color:black;
}

.bg_main{
   
    background-repeat: no-repeat;
    background-position: center;
    background-size:cover;
    width: 100%;
    height: 100vh;
   
}
.bg_header{
    background-image:linear-gradient(
    rgba(255,255,255, 1),
    rgba(255,255,255, 1));
    border-radius:20px;
}
.bg_head{
    position: fixed;
   display: block;
    height: 100px;
    clear: both;
}
.sonrakidiv{
    width: 100%;
}
.bg_icon{
    
  width:100%;
}
.bg_card{
    background:rgba(255,255,255,0.5);
    border-radius:15px;
    text-align: center;
    
    
    
}
.bg_card1{
    background:rgba(255,255,255,0);
    border-radius:15px;
    text-align: center;
    
    
    
}
.bg_card h3{
    font-size: 1.4rem;
}
.bg_content{
   
    height: 600px;
    background: rgba(29,9,0,0.85);
    
}
.csize{
height:3rem;
  width:3rem;
}
.slayt{
  border-radius: 30px;
  box-shadow: 5px 10px 10px 20px  rgba(0,0,0,0.2);
}


.footermy{
    background:linear-gradient( rgba(255,255,255, 0.6),
    rgba(255,255,255, 0.8),
    rgba(255,255,255, 1));
    
    border:1px solid rgba(50,50,50,0.19); 
    border-radius: 3px;
    position: relative;
   height: 100px;
    }

#backtotop {
    position: fixed;
    bottom: 10px;
    right: 10px;
}

.card-container1 {
    text-align: center;
    padding: 3px;
    border-radius: 10px;
    margin: auto;

}

.card1 {
    background-color: #fff;

    cursor: pointer;
    box-shadow: 10px 10px 20px rgba(52,58,64,0.3);
    /* position: relative; */
    /* top: 0; */
    transition: all .5s;
    border-radius: 10px;
}
.card1:hover {
    /* top: -10px; */
    transform: translateY(-10px);
}

.card-image1 {
    
    max-width: 450px;
    max-height: 350px;
    border-radius: 10px;
    
}


.card-body1 {
    padding: 10px;
    border-radius: 10px;
}

.img-fluid1 {
    width: 100%;
}
.section-title {
    text-align: center;
    padding: 20px;
    font-size: 30px;
    margin-top: 20px;
    font-family: serif Cambria, "Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";
     
}
.cizgi{
 padding: 0px;
    margin: 5px;
    color: orange;
    border: orange 2px solid;
}
.cizgi2{
 padding: 0px;
    margin: 5px;
    color: black;
    border: black 1px solid;
}
.cizgi3{
 padding: 0px;
    margin-top: 0px;
    margin-left: 30%;
    margin-right: 30%;
    color: orange;
    border: orange 1px solid;
}
.ortala{
        text-align: right;
    }

.anaicerik{
    margin-top: 180px;
}
    
@media only screen and (max-width: 2500px) {
.anaicerik{
    margin-top:180px;
    
}
 
    


@media only screen and (max-width: 1200px) {
.anaicerik{
    margin-top:140px;
}
    

}
@media only screen and (max-width:991px) {
.anaicerik{
    margin-top:140px;
}
    .logo_tel{
    width: 300px;
    }
   
    .aktif{
        display: none;
    }
   
    
} 

}     
    
@media only screen and (max-width: 768px) {
.anaicerik{
    margin-top:180px;
}
    
.logo_tel{
    width: 300px;
    }
    
   
} 

   

@media only screen and (max-width: 600px) {
    .pasif{
        display: none;
    }
   
    .anaicerik{
    margin-top: 140px;
    
    }
    .ortala{
        text: center;
    }
    .logo_tel{
    width: 250px;
    }
    .card-container1 {
    padding: 3px;
    border-radius: 10px;
   width: 100%;
    margin: auto;
}
    

    
   
}

  /*@keyframes image{
	0%{
		background-image:url( "../images/b1.jpg");
	}

	25%{
	background-image:url( "../images/b2.jpg");
	}

	50%{
		background-image:url( "../images/b3.jpg");
	}

	75%{
		background-image:url( "../images/b4.jpg");
	}

	100%{
		background-image:url( "../images/b5.jpg");
	}
}*/