@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;display=swap');

*{  font-family: "Poppins", sans-serif;
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        outline: none;
        border: none;
        text-decoration: none;
        text-transform: capitalize;
        transition: 0.2s ease;
      }
body{
    background-color: #353836;
    color: white;
    font-family: "Poppins", sans-serif;
}
#slider {
	background:#fff url(loading.gif) no-repeat 50% 50%;
	position:relative;
	margin:0 auto;/*make the image slider center-aligned */
    box-shadow: 0px 1px 5px #999999;
    top: 100px;
}
#slider img {
	position:absolute;
	border:none;
	display:none;
	max-width:100%;
	height:100%;
}
/* the link style (if an image is wrapped in a link) */
#slider a.imgLink {
	z-index:2;
	display:none;position:absolute;
	top:0px;left:0px;border:0;padding:0;margin:0;
	width:100%;height:100%;
}

/* Caption styles */
div.mc-caption-bg, div.mc-caption-bg2 {
	position:absolute;
	width:100%;
	height:auto;
	padding:0;
	left:0px; 
	bottom:15px;
	z-index:3;
	overflow:hidden;
	font-size: 0;
}
div.mc-caption-bg {
	background-color:black;
}
div.mc-caption {
	font: bold 14px/20px Arial;
	color:#EEE;
	z-index:4;
	padding:10px 0;
	text-align:center;
}
div.mc-caption a {
	color:#FB0;
}
div.mc-caption a:hover {
	color:#DA0;
}


/* ------ built-in navigation bullets wrapper ------*/
div.navBulletsWrapper  {
	top:320px; left:280px; /* Its position is relative to the #slider */
	width:150px;
	background:none;
	padding-left:20px;
	position:relative;
	z-index:5;
	cursor:pointer;
}

/* each bullet */
div.navBulletsWrapper div 
{
    width:11px; height:11px;
    background:transparent url(../resim/bullet.png) no-repeat 0 0;
    float:left;overflow:hidden;vertical-align:middle;cursor:pointer;
    margin-right:11px;/* distance between each bullet*/
    _position:relative;/*IE6 hack*/
}

div.navBulletsWrapper div.active {background-position:0 -11px;}


/* --------- Others ------- */
#slider 
{
	transform: translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
}
.btn{
    margin-top: 1rem;
    display: inline-block;
    padding: 0.5rem 2rem;
    border-radius: 30rem;
    font-size: 1.5rem;
    color: black;
    background-color: var(--black-color);
    cursor: pointer;
  }
  .btn:hover{
    opacity: 0.9;
  }
  .wrapper {
    background-color: var(--main-color);
    height: 200vh;
  }
  section {
    padding: auto;
  }
#slider {
    max-width:100%;
    height:100%;
    top: 0px;
}
header a{
    text-decoration: none;
}
header{
    padding: 0 20px;
    background-color: #1d1f1d;
    height: 50px;
    display: flex;
    justify-content: space-between;
}
.baslık img{
    height: 3rem;
    position: relative;    
}
   
.baslık h2{
        font-size: 1.5rem;
        font-family: Georgia, 'Times New Roman', Times, serif;
        color: whitesmoke;
        left: 385px;
        position: relative;        
        top: -30px;
}
.btn{
    background: rgba(17, 16, 16, 0.75);
    border: 0.5px solid black;
    font-size: 20px;  
    color: #fff;
    font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    text-transform: uppercase;
    padding: 2px 20px;
    min-width: 150px;
    margin: 10px;
    cursor: pointer;
    position: relative;
    transition: color 0.9s linear;
    border-radius: 30px; 
  }
  .btn::before{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%; 
    z-index: -1;
    transition: transform 0.5s;
    transform-origin: 0 0;
    transition-timing-function:cubic-bezier(0.075, 0.82, 0.165, 1);
    
  }
  .btn1::before{
    transform: scaleX(0);
  
  }
  .btn1:hover::before{
    transform: scaleX(1);
    
  }
  .btn2::before{
    transform: scaleY(0);
  
  }
  .btn2:hover::before{
    transform: scaleY(1);  
  }
  .btn3::before{
    transform: scaleX(0);
  
  }
  .btn3:hover::before{
    transform: scaleX(1);
    
  }
  .btn4::before{
    transform: scaleY(0);
  
  }
  .btn4:hover::before{
    transform: scaleY(1);  
  }
  .btn5::before{
    transform: scaleY(0);
  
  }
  .btn5:hover::before{
    transform: scaleY(1);  
  }
#brand a{
font-weight:bold;
color:white;
font-size: 1.5rem;
font-family:Georgia, 'Times New Roman', Times, serif;
}
ul{
  
    padding: 5px;
    margin-right: 0px;
    list-style: none;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content:space-around ;
}
ul a{
    color:white;
}
ul li{
    left:200px;
    padding: 5px;
    margin-right: 0px;   
}
ul li:hover{
    transform: scale(1.1);
    transition: 0.3s;    
}
#hamburger-icon{
    margin: auto 0;
    display: none;
    cursor: pointer;
}
#hamburger-icon div{
    width: 35px;
    height: 3px;
    background-color: white;
    margin: 6px 0;
    transition: 0.4s;
}
.open .bar1{
    -webkit-transform: rotate(-45deg) translate(-6px, 6px);
    transform: rotate(-45deg) translate(-6px, 6px);
}
.open .bar2{
    opacity: 0;
}
.open .bar3{
    -webkit-transform: rotate(45deg) translate(-6px, -8px); 
    transform: rotate(45deg) translate(-6px, -8px);
}
.open .mobile-menu{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    background-color: gray;
}
.mobile-menu{
    display: none;
    position: absolute;
    top: 50px;
    left: 0;
    height: calc(100vh - 50px);
    width: 100%;
    z-index: 1000;
}
.mobile-menu li{
    margin-bottom: 10px;

}
.mobile-menu a{
  color: #000;
}
.nav-links{
  display: flex;
  justify-content: space-around;
  width: 80%;
}
.nav-links a{
  color: white;
  font-size: 14px;
  letter-spacing: 1px;
 
}
.burger{
  display: none;
  cursor: pointer;
  
}
.burger .line1,
.burger .line2,
.burger .line3{
  width: 35px;
  height: 3px;
  background-color: white;
  margin: 6px 0;
  transition: 0.4s;
  background-color: #eee;  
  transition: .3s ease;  
}
.burger .line2{
  margin: 3px 0px;
}
@media (max-width: 600px){  
 body{
  overflow-x: hidden;
 }
  .burger{
  display: block;
  
 }   
 .baslık h2{
  font-size: 0.5rem;
  font-family: Georgia, 'Times New Roman', Times, serif;
   color: whitesmoke;
  left: 160px;
   position: relative;        
   top: -20px;
}  

.nav-links{
  position: absolute;
  top: 6vh;
  right: 0;
  width: 60%;
  height: 60vh;
  display: flex;
  flex-direction: column;
  background: rgba(68, 42, 42, 0.486);
  align-items: center;
  justify-content: space-around;
  transform: translateX(100%);
  transition: .5s ease;
  z-index: 1000;
}
.nav-links a{
  color: whitesmoke;
  font-size: 20px;
  letter-spacing: 1px;
  font-weight:bold;
}
.nav-links li{
  opacity: 0;
}
}
.nav-active{
  transform: translateX(0);
}
.close .line1{
transform: rotate(-45deg) translate(-6px,6px);
transition: .3s ease;
}
.close .line2{
  opacity: 0;
}
.close .line3{
  transform: rotate(45deg) translate(-6px,-6px);  
  transition: .3s ease;
}

@keyframes linksFade{
from{
  opacity: 0;
  transform: translateX(50px);
}
to{
  opacity: 1;
  transform: translateX(0px);
}
}

   /*! govdebayan start */ 
  
  .govdebayan H1{
    font-size: 1.5REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808;  
    position: relative;
    top: 0px; 
  }
 
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  .govdebayan .box-container{
      float: left;
      width: 33%;
      padding: 5px;  
      position: relative;
      top: 0px;
  }
  .govdebayan .box-container:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container img{ 
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  
  .govdebayan .box-container1{
    float:left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container1:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container1 img{
   
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  .govdebayan .box-container2{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container2:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container2 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container3{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container3:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container3 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container4{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container4:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container4 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container5{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container5:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container5 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
    .govdebayan .box-container6{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container6:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container6 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container7{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container7:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container7 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container8{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container8:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container8 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container9{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container9:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container9 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }

  /*! govdebayan end */
  /*! orta start */  

.orta H1{
    font-size: 2REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808; 
    position: relative;
    top: 50px;  
  }
  *{
    box-sizing: border-box;
  }
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  .orta .box-container{
      float: left;
      width: 33%;
      padding:5px;
      position: relative;
      top: 50px;
      
  }
  .orta .box-container img{
    border-radius: 15px; 
      border: 5px outset #080808;
  }
  .orta .yazi{
    float: left;
    width: 33%;
    max-height:70px;
    padding:5px;
    position: relative;
    top: 80px;    
    border-radius: 30px;  
    display: flex;
    flex-wrap: wrap;
  }
    
  .orta .box-container h5{
    font-size: 1.5rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #080808;
  }
  .orta .box-container1{  
    float:right;
    width: 33%;
    padding:5px;
    position: relative;
    top: 50px;
  }
  .orta .box-container1 img{
    border-radius: 15px; 
      border: 5px outset #080808;
  }
  .orta .box-container1 h6{
    font-size: 1.5rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: #080808;
  }
  /*! orta end */
  /*! govdebay hizmet start */  
  .govdebay .box-container{
    float: left;
    width: 100%;
    padding: 5px;  
    position: relative;
    top: 0px;
  }
  .govdebay .box-container img{
     width: 100%;
    height: 500px;
    border-radius: 0px; 
    border: 0px outset #080808;
  }
  .govdebay h3{
    position: absolute;
    left:50px;
    top: 100px;
    font-size:2rem;
   color: #fff; 
  }
  .govdebay .yazi h2{
    position: absolute;
    left: 100px;
    top: 140px;
    font-size:2rem;
   color:red;  
  }
 
  .govdebay .yazi p{
    position: absolute;
    top: 250px;
    font-size: large;
    font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
     line-height: 3rem;
  }
  .bay H1{
    font-size: 2REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808;  
    position: relative;
    top: 60px;
  }
  *{
    box-sizing: border-box;
  }
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  .bay .box-container{
      float: left;
      width: 33%;
      padding: 5px;
      position: relative;
      top: 60px;
  }
  .bay .box-container:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container img{ 
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  .bay .box-container1{
    float:left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container1:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container1 img{ 
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  .bay .box-container2{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container2:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container2 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container3{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container3:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container3 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container4{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container4:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container4 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container5{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container5:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container5 img{
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container6{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container6:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container6 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container7{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container7:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container7 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container8{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container8:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container8 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container9{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container9:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container9 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .bay .box-container10{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 60px;
  }
  .bay .box-container10:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .bay .box-container10 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container11{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container11:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container11 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container12{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container12:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container12 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container13{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container13:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container13 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container14{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container14:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container14 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
    .galeri .box-container15{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container15:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container15 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  
  
  /*! govdebay hizmet end */
  /*! gövde galeri start */ 
  .galeri h1{
    font-size: 2REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808;  
    position: relative;
    top: 25px; 
  }
  *{
    box-sizing: border-box;
  } 
  
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  .galeri .box-container{
      float: left;
      width: 33%;
      padding: 5px;
      position: relative;
      top: 20px;
  }
  .galeri .box-container:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container img{
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;  
  }
  .galeri .box-container1{
    float:left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container1:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container1 img{
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  .galeri .box-container2{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container2:hover{
      z-index:2;
      -webkit-transform: scale(1.5);
      -ms-transform: scale(1.5);  
      -moz-transform: scale(1.5);
      transform: scale(1.5);
  }
  .galeri .box-container2 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container3{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container3:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container3 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container4{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container4:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container4 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container5{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container5:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container5 img{
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container6{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container6:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container6 img{
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container7{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container7:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container7 img{
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
  -ms-transition: all .3s ease-in;
  }
  .galeri .box-container8{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container8:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container8 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container9{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container9:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container9 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .galeri .box-container10{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 20px;
  }
  .galeri .box-container10:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .galeri .box-container10 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  
  /*! galeri end */
  /*! urun start */  
   
  .urun H1{
    font-size: 2REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808; 
    position: relative;
    top: 10px;  
  }
  *{
    box-sizing: border-box;
  }
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  .urun .box-container{
      float: left;
      width: 33%;
      padding: 10px;
      position: relative;
      top: 20px;
  }
  .urun .box-container img{
  width: 100%;
  max-height: 70%;
  border-radius: 15px; 
      border: 5px outset #080808;
  }
  .urun .box-container p{
  position: absolute;
  text-align: center;
  width: 100%;
  bottom: 0px;
  font: 400 18px/1 'Kaushan Script', cursive;
  color: #888;
  }
  .urun .box-container1{
    float:left;
    width: 33%;
    padding: 10px;
    position: relative;
    top: 20px;
  }
  .urun .box-container1 img{
  width: 100%;
  max-height: 70%;
  border-radius: 15px; 
      border: 5px outset #080808;
  }
  .urun .box-container2{
    float: left;
    width: 33%;
    padding: 10px;
    position: relative;
    top: 20px;
  }
  .urun .box-container2 img{
  width: 100%;
  max-height: 50%;
  border-radius: 15px; 
    border: 5px outset #080808;
  }
  .urun .box-container3{
    float: left;
    width: 33%;
    padding: 10px;
    position: relative;
    top: 20px;
  }
  .urun .box-container3 img{
  width: 100%;
  max-height: 50%;
  border-radius: 15px; 
      border: 5px outset #080808;
  }
  .urun .box-container4{
    float: left;
    width: 33%;
    padding: 10px;
    position: relative;
    top: 20px;
  }
  .urun .box-container4 img{
  
  width: 100%;
  max-height: 50%;
  border-radius: 15px; 
      border: 5px outset #080808;
  }
  .urun .box-container5{
    float: left;
    width: 33%;
    padding: 10px;
    position: relative;
    top: 20px;
  }
  .urun .box-container5 img{
  
  width: 100%;
  max-height: 50%;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  /*! urun end */
  
  /*! govdebayan start */ 
  
  .govdebayan H1{
    font-size: 2REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808;  
    position: relative;
    top: 0px; 
  }
 
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  .govdebayan .box-container{
      float: left;
      width: 33%;
      padding: 5px;  
      position: relative;
      top: 0px;
  }
  .govdebayan .box-container:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container img{ 
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  
  .govdebayan .box-container1{
    float:left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container1:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container1 img{
   
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
  }
  .govdebayan .box-container2{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container2:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container2 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container3{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container3:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container3 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container4{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container4:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container4 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdebayan .box-container5{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
      top: 0px;
  }
  .govdebayan .box-container5:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdebayan .box-container5 img{
  
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  /*! govdebayan end */
  /*! govdegaleri start */  
  .govdegaleri h1{
    font-size: 1.5REM;
    padding: 0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid #080808; 
    position: relative;
    top: 00px;
  }
  
  .temizle::after{
    content: "";
    clear: both;
    display: table;
  
  }
  
  .govdegaleri .box-container{
      float: left;
      width: 33%;
      padding: 5px;
      position: relative;
      top: 0px;
     
  }
  .govdegaleri .box-container:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdegaleri .box-container img{
    border: 10px solid #fff; 
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
   
    }
  .govdegaleri .box-container1{
    float:left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 0px;
  }
  .govdegaleri .box-container1:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdegaleri .box-container1 img{
 
    width: 100%;
    height: 250px;
    border-radius: 15px; 
    border: 5px outset #080808;
    
  }
  .govdegaleri .box-container2{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 0px;
  }
  .govdegaleri .box-container2:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdegaleri .box-container2 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdegaleri .box-container3{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top:0px;
  }
  .govdegaleri .box-container3:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdegaleri .box-container3 img{
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdegaleri .box-container4{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 0px;
  }
  .govdegaleri .box-container4:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdegaleri .box-container4 img{
  
  width: 100%;
  height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  .govdegaleri .box-container5{
    float: left;
    width: 33%;
    padding: 5px;
    position: relative;
    top: 0px;
  }
  .govdegaleri .box-container5:hover{
    z-index:2;
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);  
    -moz-transform: scale(1.5);
    transform: scale(1.5);
  }
  .govdegaleri .box-container5 img{
  width: 100%;
   height: 250px;
  border-radius: 15px; 
  border: 5px outset #080808;
  }
  /*! govde galeri end */
  
  
  /*! listebay start */ 
  .listebay{
    
    width:inherit;
    table-layout:fixed;
    border-collapse:collapse;
    position: relative;
    top: 40px;
  }
  .listebay h1{
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
    text-decoration: underline;
  
  }
  th{
    background-color: #000;
    font-size:40px;
    color: #fff;
  
  }
  tr,td{
    border: 2px solid green;
    width:auto;  
    font-size: 30px;
    
  }
  tr{
    color: black;
    background: #777;
    word-spacing: 10px;
   
  }
  /*! listebay end */ 
  /*! listebayan start */ 
  .listebayan{
      
    width:inherit;
    table-layout:fixed;
    border-collapse:collapse;
    position: relative;
    top: 30px
   
  }
  .listebayan h1{
    font-size: 20px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    text-align: center;
    text-decoration: underline;
  
  }
  th{
    background-color: #000;
    font-size:40px;
    color: #fff;
  
  }
  tr,td{
    border: 2px solid green;
     text-transform: uppercase;
    font-size: 30px;
    width: auto;
    
  }
  tr{
    color: black;
    background: #777;
    word-spacing: 3px;
   
  }
  /*! listebayan end */ 
  /*! index adres start */
  .indexadres h1{
    font-size: 2REM;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: center;
    color: #080808;
    border-bottom: 0.3rem solid black; 
    position: relative;
    top: 0px;
  }
  
  .indexadres .harita .map{
    flex: 1 1 25rem;
    width:100%;
    height: 45vh;
    object-fit: cover;
    position: relative;
    top: 5px;
  }
  
  /*! index adres end */
  
  /*! index bilgi start */ 
  .indexbilgi .box-container img{ 
    height:100%;
    width: 1300px;
    position: relative;
    top: 5px;
  }
  
  .kutu{
    width:50px;
    height: 50%;
    font-size: 50px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    margin: 10px;  
    padding: 10px;
    text-align:left;
    background-color:transparent;
     
  }
  .kutu img{
    width:50px;
    height: 70%;
  }
  .kutu h1{
    font-size: 30px;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    display: block;
    line-height: 2.3rem;
    text-align:center;
    font-style: italic;
    object-fit: cover;
  }
  .kutu h2{
    font-size: 1rem;
    font-family: Georgia, 'Times New Roman', Times, serif;
    display: block;
    line-height: 1.6;
    text-align:center;
  }
  
  .kutu a {
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    display: block;
    line-height: 2rem;
    width: 100px;
    height: 70px;
    
  }
  .kutu1{
    width: 50px;
    height: 50%;
    font-size: 50px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    margin: 10px;  
    padding: 10px;
    text-align:left;
    background-color:transparent;
    object-fit: cover;
    
  }
  .kutu1 i{
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    display: block;
    line-height: 1.6;
    text-align:left;
  }
  .kutu2{
    width: 500px;
    height: 250px;
    font-size: 50px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    margin: 10px;  
    padding: 10px;
    text-align: center;
    background-color:transparent;  
  }
  
  .kutu2 p{
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    display: block;
    font-weight:normal;
    text-align: left;
    line-height: 1.6;
  }
  .kutu3{
    width: 400px;
    height: 250px;
    font-size: 50px;
    font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
    margin: 10px;  
    padding: 10px;
    text-align:left;
    background-color:transparent;  
  }
  
  .kutu3 i{
    font-size: 20px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    display: block;
    font-weight:normal;
    text-align: left;
    line-height: 1.4;  
  }
  /*! index bilgi end */ 
  /*! index footer start */
  .indexfooter{
    background-color:#fff;
    text-align: center;
    position: relative;
    top: 0px;
  }
  .indexfooter .share{
    padding: 0.5rem 0;
  
  }
  .indexfooter .share a{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #080808;
    font-size: 2rem;
    border:#080808;
    border-radius: 50%;
    margin: 0 3px;  
  }
  .indexfooter .share a:hover{
    background-color:red;
  }
  .indexfooter .links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    
  
  }
  .indexfooter .links a{
   background-color:black;
   padding: 0.5rem 0.5rem;
   color: whitesmoke;
   font-size: 1rem;
   border:#080808;
   border-radius: 50%;
  }
   .indexfooter .links a:hover{
    background-color: black;
    opacity:  0.7;
    padding: 0.7rem 1rem;    
    font-size: 1rem;
     
   }
  
   .indexfooter .credit{
    font-size: 1rem;
    color: black;
    font-weight: 300;
    padding-top: 1rem;
    text-transform: capitalize;
   }
   .indexfooter .credit span{
    color: brown;
    font-weight: bolder;
   }
  
  /*! index footer end */ 
  /*! bayan adres start */
  
  .bayanadres H1{
    font-size: 2REM;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: #080808;
    border-bottom: 0.3rem solid black; 
    position: relative;
    top: 20px
  }
  .bayanadres .harita{
    display: flex;
    background-color: var(--black-color);
    flex-wrap: wrap;
    gap: 1rem;
    margin: 5px;
    position: relative;
    top: 18px
  
  }
  .bayanadres  .map{
    flex: 1 1 25rem;
    width: 20%;
    height: 40vh;
    object-fit: cover;
  }
  
  /*! bayan adres end */
  /*! bayan bilgi start */ 
  .bayanbilgi .box-container img{ 
    height:100%;
    width: 1300px;
    position: relative;
    top: 15px
  }
  
  /*! bayan bilgi end */ 
  /*! bayan footer start */
  .bayanfooter{
    background-color:#fff;
    text-align: center;
    position: relative;
    top: 10px;
  }
  .bayanfooter .share{
    padding: 0.5rem 0;
  
  }
  .bayanfooter .share a{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #080808;
    font-size: 2rem;
    border:#080808;
    border-radius: 50%;
    margin: 0 3px;  
  }
  .bayanfooter .share a:hover{
    background-color:red;
  }
  .bayanfooter .links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    
  
  }
  .bayanfooter .links a{
   background-color:black;
   padding: 0.5rem 0.5rem;
   color: whitesmoke;
   font-size: 1rem;
   border:#080808;
   border-radius: 50%;
  }
  .bayanfooter .links a:hover{
    background-color: black;
    opacity:  0.1;
    padding: 0.7rem 0.7rem;
    font-size: 1rem;
     
   }
  /*! bayan footer end */ 
  /*! bay adres start */
  
  .bayadres H1{
    font-size: 2REM;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: #080808;
    border-bottom: 0.3rem solid black; 
    position: relative;
    top: 30px
  }
  .bayadres .harita{
    display: flex;
    background-color: var(--black-color);
    flex-wrap: wrap;
    gap: 1rem;
    margin: 5px;
    position: relative;
    top: 30px
  
  }
  .bayadres  .map{
    flex: 1 1 25rem;
    width: 20%;
    height:45vh;
    object-fit: cover;
  }
  
  /*! bay adres end */
  /*! bay bilgi start */ 
  .baybilgi .box-container img{ 
    height:100%;
    width: 1300px;
    position: relative;
    top:25px;
  } 
  /*! bay bilgi end */ 
  /*! bay footer start */
  .bayfooter{
    background-color:#fff;
    text-align: center;
    position: relative;
    top: 20px;
    
  }
  .bayfooter .share{
    padding: 0.5rem 0;
  
  }
  .bayfooter .share a{
    width: 3rem;
    height: 3rem;
    line-height: 2rem;
    color: #080808;
    font-size: 2rem;
    border:#080808;
    border-radius: 50%;
    margin: 0 3px;
      
  }
  .bayfooter .share a:hover{
    background-color:red;
  }
  .bayfooter .links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    
  
  }
  .bayfooter .links a{
   background-color:black;
   padding: 0.5rem 0.5rem;
   color: whitesmoke;
   font-size: 1rem;
   border:#080808;
   border-radius: 50%;
    
  }
  .bayfooter .links a:hover{
    background-color: black;
    opacity:  0.7;
    padding: 0.7rem 2rem;    
    font-size: 1rem;
     
   }
  /*! bay footer end */ 
  /*! galeri adres start */
  
  .galeriadres H1{
    font-size: 1.5REM;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: #080808;
    border-bottom: 0.3rem solid black;  
    position: relative;
    top: 0px
  }
  .galeriadres .harita{
    display: flex;
    background-color: var(--black-color);
    flex-wrap: wrap;
    gap: 1rem;
    margin: 5px;
    position: relative;
    top: 0px
  
  }
  .galeriadres .harita .map{
    flex: 1 1 25rem;
    width: 20%;
    height: 40vh;
    object-fit: cover;
  }
  
  /*! galeri adres end */
  /*! galeri bilgi start */ 
  .galeribilgi .box-container img{ 
    height:100%;
    width: 1300px;
    position:relative;
    top: 0px;
  }
  
  /*! galeri bilgi end */ 
  /*! galeri footer start */
  .galerifooter{
    background-color:#fff;
    text-align: center;
    position: relative;
    top: 0px;
  }
  .galerifooter .share{
    padding: 0.5rem 0;
  
  }
  .galerifooter .share a{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #080808;
    font-size: 2rem;
    border:#080808;
    border-radius: 50%;
    margin: 0 3px;  
  }
  .galerifooter .share a:hover{
    background-color:red;
  }
  .galerifooter .links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    
  
  }
  .galerifooter .links a{
  background-color:black;
   padding: 0.5rem 0.5rem;
   color: whitesmoke;
   font-size: 1rem;
   border:#080808;
   border-radius: 50%;
    
  }
  .galerifooter .links a:hover{
    background-color: black;
    opacity:  0.7;
    padding: 0.7rem 2rem;
    font-size: 1rem;
     
   }
  /*! galeri footer end */ 
  /*! fiyat adres start */
  
  .fiyatadres H1{
    font-size: 1REM;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: #080808;
    border-bottom: 0.3rem solid black; 
    position: relative;
    top: 5px
  }
  .fiyatadres .harita{
    display: flex;
    background-color: var(--black-color);
    flex-wrap: wrap;
    gap: 1rem;
    margin: 5px;
    position: relative;
    top: 5px
  
  }
  .fiyatadres .harita .map{
    flex: 1 1 25rem;
    width: 20%;
    height: 25vh;
    object-fit: cover;
  }
  
  /*! fiyat adres end */
  /*! fiyat bilgi start */ 
  .fiyatbilgi .box-container img{ 
    height:100%;
    width: 1300px;
    position: relative;
    top: 5px;
  }
  
  /*! fiyat bilgi end */ 
  /*! fiyat footer start */
  .fiyatfooter{
    background-color:#fff;
    text-align: center;
    position: relative;
    top: 0px;
  }
  .fiyatfooter .share{
    padding: 0.5rem 0;
  
  }
  .fiyatfooter .share a{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #080808;
    font-size: 2rem;
    border:#080808;
    border-radius: 50%;
    margin: 0 3px;  
  }
  .fiyatfooter .share a:hover{
    background-color:red;
  }
  .fiyatfooter .links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    
  
  }
  .fiyatfooter .links a{
   background-color:black;
   padding: 0.5rem 0.5rem;
   color: whitesmoke;
   font-size: 1rem;
   border:#080808;
   border-radius: 50%;
  }
  .fiyatfooter .links a:hover{
    background-color: black;
    opacity:  0.7;
    padding: 0.7rem 2rem;
    
    font-size: 1rem;
     
   }
  /*! fiyatfooter end */ 
  /*! iletisim adres start */
  .iletisimadres H1{
    font-size: 1.5REM;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    text-align: left;
    color: #080808;
    border-bottom: 0.3rem solid black; 
    position: relative;
    top: 10px
  }
  .iletisimadres .harita{
    display: flex;
    background-color: var(--black-color);
    flex-wrap: wrap;
    gap: 1rem;
    margin: 5px;
    position: relative;
    top: 10px
  
  }
  .iletisimadres .map{
    flex: 1 1 15rem;
    width: 20%;
    height: 40vh;
    object-fit: cover;
  }
  
  /*! iletsim adres end */
  /*! iletisim bilgi start */ 
  .iletisimbilgi .box-container img{ 
    height:100%;
    width: 1300px;
    position: relative;
    top: 5px;
   
  }
  
  /*! iletisim bilgi end */ 
  /*! İletişimfooter start */
  .iletisimfooter{
    background-color:#fff;
    text-align: center;
    position: relative;
    top: 00px
  }
  .iletisimfooter .share{
    padding: 0.5rem 0;
  
  }
  .iletisimfooter .share a{
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    color: #080808;
    font-size: 2rem;
    border:#080808;
    border-radius: 50%;
    margin: 0 3px;  
  }
  .iletisimfooter .share a:hover{
    background-color:red;
  }
  .iletisimfooter .links{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 1rem;
    
  
  }
  .iletisimfooter .links a{
   background-color:black;
   padding: 0.5rem 0.5rem;
   color: whitesmoke;
   font-size: 1rem;
   border:#080808;
   border-radius: 50%;
    
  }
  .iletisimfooter .links a:hover{
    background-color: black;
    opacity:  0.7;
    padding: 0.7rem 2rem;
    
    font-size: 1rem;
     
   }
   .iletisimfooter .links a.active{
  background-color: #FB0;
   }
  /*! footer end */