@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&display=swap');
@font-face {
font-family: "Gotham Narrow Light";
src: url("font/gotham.otf") format("truetype");
}
*{
    padding:0;
    margin:0;
    list-style-type:none;
    text-decoration: none;
}
body{
    font-family:"Open Sans", sans-serif;
    font-weight:100;
}

.galeriresim
{
  transition: all .5s ease-in-out;
    cursor: pointer;
      opacity: 0.7;
}


  .galeriresim:hover {
        transform: scale(1.2);
        -webkit-transform: scale(1.2);
        z-index: 9999;
        opacity: 1;
    }

.satisbaslik a
{
    color: #333333;
    text-decoration: none;
}

.satisbaslik a:hover
{
    color: #666666;
    text-decoration: none;
}
.menu{
    overflow:hidden;
}
.menu .open{
    display:none;
    color:#fff;
    padding:15px;
text-align: right;
    cursor: pointer;
}
.menu ul li{
    float:left;

}
.menu ul li a{
    z-index:9999;
    position: relative;
    display:block;
    color:#fff;
    font-size:11px;
    letter-spacing:.7px;
    padding:3px 7px;
    font-weight: 100;
   
}
.menu ul li
{
     border-right: 1px solid #fff;
}
.menu ul li:last-child{
    border:none;
    }
.menu ul li a:after{
    z-index:-1;
    content:"";
    position:absolute;
    width:100%;
    height:0%;
    bottom:0;
    left:0;
    background-color: #fff;
    transition:height 150ms;
}
.menu ul li a:hover{
    color:#6985b2;
    text-decoration: none;
}
.menu ul li a:hover:after{
    height: 100%;
}
.p0
{
    padding: 0px;
}
.m0
{
    margin: 0px;
}
.sliderarka
{
    background: #6985b2;
}
.equal {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
}
.sosyal a
{
padding: 0px 10px;
 border-right: 1px solid #fff;
}
.slideryazi
{
    color: #fff;
    font-family: 'Playfair Display', serif;
    font-size: 32px;
}
.sliderkrem
{
    background:#f0f0e8;

}
.altayasla {
  display: inline-block;
  vertical-align: middle;
  float: none;
}
.blogbaslik
{
    font-family: 'Playfair Display', serif;
    font-size: 22px;
    font-weight: 600;
}
.blogicerik
{
      font-family:"Open Sans", sans-serif;
    font-weight:100;
    height: 80px;
}
.yanmavi
{
    border-left:4px solid  #6985b2;
}
.haberbaslik 
{
    background: #6985b2;
    color: #fff;
     font-family:"Open Sans", sans-serif;
height: 80px;
padding-top: 50px;
font-size: 18px;
}
.haberbaslik1
{
       font-family: 'Playfair Display', serif;
        font-size: 18px;
}
.haberbaslik3
{
       font-family: 'Playfair Display', serif;
        font-size: 32px;
        padding-bottom: 20px;
        border-bottom:2px solid #6985b2;
}
.haberbaslik2
{
         font-family: 'Playfair Display', serif;
         color: #6985b2;
         font-weight: 700;
         font-size: 18px;
}
.haberkısa
{
    font-family: "Gotham Narrow Light";
    height:150px; 

}
.habericerik
{
     font-family: "Gotham Narrow Light";
     text-align: justify;
}
.haber a
{
    color:#000;
}
.backkitap
{
    background: url(img/kitap2.png);
    background-size: cover;
}
.anasayfagaleribaslik
{
     font-family:"Open Sans", sans-serif;
     font-weight: 600;
     font-size: 34px;

}
.satisbaslik
{
    font-family:"Open Sans", sans-serif;
    font-weight: 600;
    font-size: 24px;

}
.anasayfagaleriyazi
{
    font-family:"Open Sans", sans-serif;
    font-size: 22px;
    font-weight: 700;

}
.hakkimdasayfayazi
{
  color: #fff;
  font-weight: 100;
    font-family:"Open Sans", sans-serif;
    font-size: 16px;
}
.hakkimdasayfayazi2
{

  font-weight: 100;
    font-family:"Open Sans", sans-serif;
    font-size: 16px;
    text-align: justify;
}
.hakkimdasayfayazi2 b
{

    font-weight: 700;
    font-family:"Open Sans", sans-serif;
    font-size: 16px;
    text-transform: uppercase;
}


.iletisimbaslik
{
      font-family:"Open Sans", sans-serif;
    font-weight:200;
    color: #6985b2;
}
.iletisimyazi a
{
      font-family:"Open Sans", sans-serif;
    font-weight:200;
    font-size: 12px;
    color: #333;

}
.iletisimyazi 
{
      font-family:"Open Sans", sans-serif;
    font-weight:200;
    font-size: 12px;
    color: #333;

}
.iletisimsagarka
{
  background: #f0f0e8;
}
.iletisiminput 
{
  border:none;
  color: #999999;
        font-family:"Open Sans", sans-serif;
    font-weight:100;
    padding: 10px 15px;
    width: 100%;
    font-size: 13px;
    margin-bottom: 14px;

}
::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999999;
  opacity: 1; /* Firefox */
        font-family:"Open Sans", sans-serif;
    font-weight:100;
     font-size: 13px;
         padding: 10px 10px;
}
.iletisimbuton
{
  background: #6985b2;
  color: #fff;
  padding: 10px 20px;
  border: none;
}
@media (min-width:780px) {

.video
{
    position: absolute !important;
    left: -20%;
    top:-60%;
    z-index: 999;
    border-left:10px solid #fff;
     border-top:10px solid #fff;
    padding: 0px !important;
}
.haberresim
{
   top: 20px;
 left: -30px;
    position: absolute;
}
.hakresim
{
   top: 20px;
 left: -30px;
    position: absolute;
}
}
.kutu
{
    background: #f0f0e8;
    width: 200px;
    height: 200px;
    float: right;
}
.kutu2
{
    background: #fff;
    width: 200px;
    height: 300px;
    float: right;
}
.tumhaber a
{
   color:#000;
   padding: 10px;
    border: 1px solid #333;
    font-family: "Gotham Narrow Light";
}
.hakkimizdaarka
{
    background: #f0f0e8;
}
.hakkimizdabaslik
{
    background: #6985b2;
    color: #fff;
     font-family:"Open Sans", sans-serif;
font-size: 18px;
padding: 10px;
}
.footer
{
  background: #6985b2;
}
.footer a
{
  color: #fff;
    font-size:12px;
    letter-spacing:.7px;
    padding:6px 15px;
    font-weight: 100;
}
.footeralt
{
  border-bottom:2px solid #adbad3;
}
.footeraltyazi
{
    color: #fff;
    font-size:12px;
    letter-spacing:.7px;
    padding:6px 15px;
    font-weight: 100;
}
@media (max-width:768px) {
.equal {
    display: block;

  }
  .footer a, .haber a
  {
    display: block;
  }
    .menu .open{display:block;}
    .menu ul {display:none;}
    .menu ul li{float:none; margin-right:0; border-bottom:1px solid #fff}
    .menu ul li:last-child{border-bottom:none}
}
@media (min-width:768px) {
    .menu ul {display:block!important;}
}