@import url('font/fonts.css');

@charset "utf-8";
/* CSS Document */

* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
a { color:#47c2d2; text-decoration:none; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; } a:hover { color:#72c686; }
p, h1, h2, h3, h4, h5, h6, h7, h8, ul, li, img, iframe, form, table, td, tr { margin:0; padding:0; border:none;font-family: Calibri!important;
    line-height: 24px; }
b {font-weight:normal; font-family: 'montserratbold', Arial;}
table, td, tr { border-collapse:collapse; }
#temizle {clear:both;}
#alan1280 {width:1280px; margin:0 auto;}

.yads {display:block; width:auto; margin:0 auto; padding:90px 0 0 0; text-align:center; color:#fff; font-size:20px; font-family: 'montserratsemibold', Arial;}
.yads a {color:#fff;}

/* HAREKETLİ BAŞLIK STİLİ */

.cbp-af-header { width:100%; height:240px; padding:0; position:fixed; top:0; left:0; z-index:10000; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }

  .cbp-af-header .yesil { display:block; width:100%; height:50px; padding:10px 0; margin:0; background:#d8f8e0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; opacity:1; }
      
    ul.ikonlar {display:block; float:left; margin:0; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    ul.ikonlar.sodil {float:right;}
     ul.ikonlar li {display:inline;}
      ul.ikonlar li a {display:block; float:left; height:30px; margin:0 0 0 10px; text-align:left; text-indent:-9999px;}
       ul.ikonlar li a.as {background:url("../../img/ikon/as.png") no-repeat center left; text-indent:0; line-height:30px; padding:0 0 0 28px; font-size:12px; color:#47afd1; font-family: 'montserratregular'; margin:0;}
       ul.ikonlar li a.as:hover {background:url("../../img/ikon/as2.png") no-repeat center left; color:#0f6683; }
       ul.ikonlar li a.ig {width:24px; background:url("../../img/ikon/ig.png") no-repeat center; }
       ul.ikonlar li a.tw {width:30px; background:url("../../img/ikon/tw.png") no-repeat center; }       
       ul.ikonlar li a.fb {width:24px; background:url("../../img/ikon/fb.png") no-repeat center; }
       ul.ikonlar li a.yt {width:35px; background:url("../../img/ikon/yt.png") no-repeat center; }
       ul.ikonlar li a.ig:hover, ul.ikonlar li a.tw:hover, ul.ikonlar li a.fb:hover, ul.ikonlar li a.yt:hover { transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08); }
       ul.ikonlar li.ayrac {display:block; float:left; width:2px; height:30px; background:#48c3d2; margin:0 0 0 30px;}
       ul.ikonlar li a.tr {width:36px; background:url("../../img/ikon/tr.png") no-repeat center; margin:0 0 0 30px; }
       ul.ikonlar li a.en {width:36px; background:url("../../img/ikon/en.png") no-repeat center; }       
       ul.ikonlar li a.de {width:36px; background:url("../../img/ikon/de.png") no-repeat center; }
       ul.ikonlar li a.ru {width:36px; background:url("../../img/ikon/ru.png") no-repeat center; }
       ul.ikonlar li a.tr:hover, ul.ikonlar li a.en:hover, ul.ikonlar li a.de:hover, ul.ikonlar li a.ru:hover { transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08); }

  .cbp-af-header .beyaz { display:block; width:100%; height:140px; margin:0; background:#fff; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;  opacity:1;}

    a.logo {display:block; float:left; width:342px; height:140px; background:url("../../img/logo.png") no-repeat center;  background-size:100% auto; text-align:left; text-indent:-9999px;}
    a.logo:hover {transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08);}

    a.biziarayin {display:block; float:right; width:auto; height:50px; margin:45px 0 0 0; background:url("../../img/ikon/telefon.png") no-repeat center left #cef2ff; text-align:center; font-size:16px; color:#3ccaff; font-family: 'montserratbold'; line-height:20px; padding:5px 30px 5px 60px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
    a.biziarayin:hover {background-color:#3ccaff; color:#fff; transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08);}

    a.whatsapp {display:block; float:right; width:auto; height:50px; margin:45px 0 0 30px; background:url("../../img/ikon/whatsapp.png") no-repeat center left #d2ebd3; text-align:center; font-size:16px; color:#4caf50; font-family: 'montserratbold'; line-height:20px; padding:5px 30px 5px 60px; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
    a.whatsapp:hover {background-color:#4caf50; color:#fff; transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08);}

  .cbp-af-header .mavi { display:block; width:100%; height:50px; background-color:rgb(72,195,210, 0.8); background-color:rgba(72,195,210, 0.8); transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }   
    
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { height:120px; top:-50px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s; }

  .cbp-af-header.cbp-af-header-shrink .beyaz { height:70px;}
  .cbp-af-header.cbp-af-header-shrink a.logo {width:214px; height:70px; background:url("../../img/logo.png") no-repeat center; background-size:100% auto;}
  .cbp-af-header.cbp-af-header-shrink a.biziarayin {margin:10px 0 0 0;}
  .cbp-af-header.cbp-af-header-shrink a.whatsapp {margin:10px 0 0 30px;}

       
/* HAREKETLİ BAŞLIK STİLİ */

#apspot { display:block; width:100%; height:auto; padding:190px 0 0 0; background:#fff; position:relative; }

  .swiper-slide img  {display:block; width:100%; height:auto;}      
  
  .spotslogan {display:block; width:100%; height:auto; position:absolute; bottom:108px; left:0; z-index:10;}
    .spotslogan #alan1280 {color:#fff; font-size:60px; font-family: 'montserratblack'; text-shadow:2px 2px 5px #47c1d2; line-height:100%; }
          
#sayfabaslik { display:block; width:100%; margin:190px 0 0 0; padding:80px 0 30px 0; background:url("../../img/sayfabaslik.jpg") no-repeat center center; background-size:cover; color:#fff; font-family: 'montserratblack'; font-size:36px; } 


#icerikalani { display:block; width:100%; padding:60px 0; background:#fff; }
#icerikalani.hosbes { padding:0; border-bottom:2px solid #4a9cc1;}
#icerikalani.yesil {background:#effcf3;}

  #icerikalani h2, #icerikalani h3, #icerikalani h4 {font-weight:normal; font-size:36px; font-family: 'montserratblack', Arial; line-height:100%; margin:0 0 30px 0;}
    #icerikalani h2 { color:#46aed1; }
    #icerikalani h3 { color:#46aed1; padding:0 0 30px 0; background:url("../../img/cizgi.png") no-repeat bottom left; background-size:90px 4px; }
      #icerikalani h3.kucuk { font-size:28px; }
    #icerikalani h4 { font-size:22px; color:#78c69f; }

  #icerikalani p { color:#505050; font-size:18px; line-height:150%; margin:0 0 19px 0; text-align:justify;}
  #icerikalani p:last-child { margin:0; }

  #icerikalani.hosbes #alan1280 {min-height:316px; padding:60px 0; background:url("../../img/sinan-tozoglu.png") no-repeat center right; background-size:auto 100%;}
    
    #icerikalani.hosbes #alan1280 p { padding:0 320px 0 0; }
  
  a.dugme {display:block; float:left; width:auto; height:33px; line-height:33px; padding:0 30px; background:#78c69f; text-align:center; color:#fff; font-size:18px; border-bottom:3px solid #348149; font-family: 'montserratmedium';  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
  a.dugme:hover {background:#46aed1; border-bottom:3px solid #0f6683;}
  a.dugme.sag {width:22.6%; float:right; margin:45px 1.2% 0 1.2%;}

  .hizmetler { display:flex; flex-wrap:wrap; }
    .hizmetler a { width:22.6%; margin:1.2%; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#fff;  }
     .hizmetler a:hover { transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08);
                          -webkit-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.24); -moz-box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.24); box-shadow: 0px 5px 17px -2px rgba(0,0,0,0.24); }
      .hizmetler a img { width:100%; height:auto; -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s; }
      .hizmetler a span { display:block; width:100%; padding:30px; color:#465355; font-size:16px; line-height:140%; }
      .hizmetler a span b { font-family: 'montserratsemibold'; }

  .kolon { display:block; float:left; width:50%; }
    .kolon.sol { padding:0 30px 0 0; }
    .kolon.sag { padding:0 0 0 30px; }

  a.fotodugme {display:block; width:100%; height:140px; margin:0 0 30px 0; position:relative; overflow:hidden; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
    a.fotodugme span {display:block; width:100%; padding:30px; line-height:80px; font-size:36px; color:#fff; font-family: 'montserratblack'; position:absolute; top:0; left:0; z-index:2;}
    a.fotodugme img {display:block; width:100%; height:auto;}
  a.fotodugme:hover {transform: scale(1.04); -ms-transform: scale(1.04); -webkit-transform: scale(1.04); -o-transform: scale(1.04); -moz-transform: scale(1.04);}
  a.fotodugme.son {margin:0;}

  #rezform {display:block; width:100%; min-height:480px; padding:30px; border:3px solid #78c69f; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
    select::-ms-expand {display:none;} 
    ::placeholder { color: #46aed1; } 
    :-ms-input-placeholder { color: #46aed1; }   
    ::-ms-input-placeholder { color: #46aed1; } 

    #rezform input, #rezform textarea, #rezform select {cursor:pointer; display:block; width:100%; height:40px; padding:0 15px 0 36px; border:1px solid #42a9cc; background-color:#fff; color:#46aed1; font-size:16px; margin:0 0 10px 0; font-family: 'montserratlight';  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; transition:all 0.3s; -moz-transition:all 0.3s; -webkit-transition:all 0.3s; -o-transition:all 0.3s;}
    #rezform input:hover, #rezform input:focus, #rezform textarea:hover, #rezform textarea:focus, #rezform select:hover, #rezform select:focus {background-color:#cef2fe; color:#333;}
      #rezform input.rez01 {background-image:url("../../img/ikon/rez-01.png"); background-position:center left 10px; background-repeat:no-repeat;}
      #rezform input.rez02 {background-image:url("../../img/ikon/rez-02.png"); background-position:center left 10px; background-repeat:no-repeat;}
      #rezform input.rez03 {background-image:url("../../img/ikon/rez-03.png"); background-position:center left 10px; background-repeat:no-repeat;}
    #rezform select {background-image:url("../../img/ikon/rez-05.png"); background-position:center left 10px; background-repeat:no-repeat; /* -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;  -ms-appearance:none; appearance:none; */}
    #rezform textarea {height:68px; padding:10px 15px 10px 36px; background-image:url("../../img/ikon/rez-04.png"); background-position:top 10px left 10px; background-repeat:no-repeat; color:#46aed1;}
    #rezform input.gonder {float:right; width:auto; height:33px; line-height:33px; padding:0 60px; background:#46aed1; text-align:center; color:#fff; font-size:18px; border:none; border-bottom:3px solid #0f6683; margin:15px 0 0 0; font-family: 'montserratmedium';}
    #rezform input.gonder:hover {background:#78c69f; border-bottom:3px solid #348149;}

  
  .kolon-icerik {display:block; float:left; width:74%; padding:0 60px 0 0;}
    
  .kolon-menu {display:block; float:right; width:26%; padding:30px; background:#effcf3;}

    .kolon-menu ul {display:block; border-top:1px solid #58bbdb;}
     .kolon-menu ul li {display:inline;}
      .kolon-menu ul li a {display:block; font-size:18px; color:#46aed1; line-height:140%; padding:10px; border-bottom:1px solid #46aed1;}
      .kolon-menu ul li a:hover, .kolon-menu ul li a.secili {background:#46aed1; color:#fff;}

  .kucukresimler { display:flex; flex-wrap:wrap;}
    .kucukresimler a { width:23%; margin:1%; display:block; overflow:hidden; }
    .kucukresimler a img { width:100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-transition:.3s; transition:.3s; -moz-transition:.3s; -o-transition:.3s; }
    .kucukresimler a:hover img { opacity:.7; }
      
  .lightbox {   cursor: pointer;    position: fixed;    width: 100%;    height: 100%;   top: 0;     left: 0;    -webkit-filter: none;   z-index: 99999999999;   background:#fff;}
    .lightbox img { display: block; position: absolute; }
    .lightbox-loading {     background: url("http://www.sinantozoglu.com/images/loading.gif") center center no-repeat;  width: 32px;    height: 32px;   margin: -16px 0 0 -16px;    position: absolute;     top: 50%;   left: 50%; }
    .lightbox-caption {     display: none;  position: absolute;     left: 0;    bottom: 0;  width: 100%;    text-align: center;     z-index: 9998; }
    .lightbox-caption p {   margin: 0 auto;     max-width: 70%;     display: inline-block;  *display: inline;   *zoom: 1;   padding: 10px;  color: #fff;    font-size: 12px;    line-height: 18px; }
    .lightbox-button { position: absolute; z-index: 9999; background: no-repeat center center; width: 32px; height: 32px; opacity:0.9; -webkit-transition: all 0.3s; -moz-transition:    all 0.3s; -ms-transition:     all 0.3s; transition:        all 0.3s; }
    .lightbox-button:hover, .lightbox-button:focus { opacity: 1; }
    .lightbox-close { right: 30px; top: 20px; background-image: url('jsler/lightbox/close.png'); }
    .lightbox-nav { top: 45%; width:100%; margin-top: -16px; }
    .lightbox-nav-next { width: 20px;  height: 40px; right: 30px; background: url('jsler/lightbox/arrow.png') no-repeat -12px -2px; }
    .lightbox-nav-prev { left: 30px; width: 20px; height: 40px;  background: url('jsler/lightbox/arrow.png') no-repeat -8px -54px; }


   .hgkolon {display:block; width:380px; margin:30px auto;}


  iframe.harita {width:100%; height:500px; margin:0 0 60px 0;}
  
  #iletisim-bilgi {float:left; width:50%; padding:0 30px 0 0;}
   
  #iletisim-formu {float:left; width:50%; padding:0 0 0 30px;}

  img.tam {width:100%; margin:0 0 60px 0; border:10px solid #fff; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
  img.kenar {display:block; float:right; width:40%; margin:0 0 30px 30px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }

  .hago {width:100%; margin:0 0 30px 0; padding:30px; border:1px solid #3a8ca6; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }


#altalan { display:block; width:100%; padding:60px 0; background:url("../../img/ap-alt.jpg") no-repeat center right #47afd2; background-size:auto 100%; }
  #altalan #alan1280 {min-height:60px; background:url("../../img/logoalt.png") no-repeat top right;}
  
  .aciklama {display:block; width:957px; height:60px; padding:10px 30px 10px 74px; margin:0 0 60px 0; background:url("../../img/aciklama.png") no-repeat center left 30px #88c5d8; color:#1f6d89; font-family: 'montserratlight'; font-size:13px; line-height:20px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
  body.almanca .aciklama {font-size:12px; }
  body.ru .aciklama {font-size:12px; }

  #altalan ul {display:block; float:left; margin:0 60px 0 0;}
  #altalan ul li {display:block; font-size:15px; color:#fff; line-height:150%; font-family: 'montserratlight';  }
  #altalan ul li b {display:block; font-size:16px; font-family: 'montserratsemibold'; font-weight:normal; margin:0 0 15px 0; }
  #altalan ul li a {display:block; color:#fff;}
  #altalan ul li a:hover {color:#03202a;}
  #altalan ul li span {display:inline-block; width:82px;}
  
  p.imza {display:block; float:right; text-align:right; font-size:13px; color:#fff; line-height:150%; font-family: 'montserratlight'; }
  p.imza a {color:#fff;} p.imza a:hover {color:#03202a;}



.mobil-dugmeler {display:none;}



/* ru */

body.ru { font-family: Arial; }
body.ru.gonderim { font-family: Arial; font-weight:bold;}
body.ru b {font-family: Arial; font-weight:bold;}
body.ru .yads {font-family: Arial; font-weight:bold;}
       body.ru ul.ikonlar li a.as {font-family: Arial;}
    body.ru a.biziarayin {font-family: Arial; font-weight:bold;}
    body.ru a.whatsapp {font-family: Arial; font-weight:bold;}
    body.ru .spotslogan #alan1280 {font-family: Arial; font-weight:bold; }
body.ru #sayfabaslik { font-family: Arial; font-weight:bold; } 
  body.ru #icerikalani h2, body.ru #icerikalani h3, body.ru #icerikalani h4 { font-family: Arial; font-weight:bold;}
  body.ru a.dugme {font-family: Arial; font-size:12px;}
      body.ru .hizmetler a span b { font-family: Arial; font-weight:bold; }
    body.ru a.fotodugme span {font-family: Arial; font-weight:bold;}
    body.ru #rezform input, body.ru #rezform textarea, body.ru #rezform select {font-family: Arial;}
    body.ru #rezform input.gonder {font-family: Arial;}
  body.ru .aciklama {font-family: Arial;}
  body.ru #altalan ul li {font-family: Arial;  }
  body.ru #altalan ul li b {font-family: Arial; font-weight:bold; }
  body.ru p.imza {font-family: Arial; }




  

/* Responsive css kodları */ 


@media only screen and (max-width: 1280px) {

#alan1280 {width:100%; padding:0 30px;}

  .spotslogan {bottom:60px;}
    .spotslogan #alan1280 {font-size:32px; line-height:140%; }

#sayfabaslik {  font-size:28px; } 

#icerikalani { padding:30px 0;}

  #icerikalani h2, #icerikalani h3, #icerikalani h4 { font-size:30px;  margin:0 0 15px 0;}
    #icerikalani h3 { padding:0 0 15px 0; background:url("../../img/cizgi.png") no-repeat bottom left; background-size:60px 4px; }
      #icerikalani h3.kucuk { font-size:24px; }
    #icerikalani h4 { font-size:20px; }

  #icerikalani p { font-size:16px; line-height:150%; margin:0 0 10px 0; }
  #icerikalani p:last-child { padding:0; line-height:150%; }

  #icerikalani.hosbes #alan1280 {min-height:10px; padding:30px; background:url("../../img/sinan-tozoglu.png") no-repeat center right; background-size:auto 100%;}
    
    #icerikalani.hosbes #alan1280 p { padding:0 240px 0 0; }

    .hizmetler a { width:23%; margin:1%;  }
      .hizmetler a span { padding:15px;  font-size:15px; }

    .kolon.sol { padding:0 15px 0 0; }
    .kolon.sag { padding:0 0 0 15px; }

  a.dugme.sag {width:48%;  margin:30px 1% 0 0;}


  a.fotodugme { height:128px;}
    a.fotodugme span {line-height:68px; font-size:30px;}
    a.fotodugme img {width:auto; height:100%;}

  #rezform {min-height:446px; }


#altalan { padding:30px 0; }
  #altalan #alan1280 {min-height:10px; padding:90px 30px 30px 30px; background:url("../../img/logoalt.png") no-repeat center top;}
  
  .aciklama {width:100%; height:auto; padding:10px 15px 10px 59px; margin:0 0 30px 0; line-height:130%; font-size:12px; background:url("../../img/aciklama.png") no-repeat center left 15px #88c5d8; }

  #altalan ul {margin:0 30px 0 0;}
  #altalan ul li {font-size:14px; line-height:140%;}
  #altalan ul li b { font-size:15px; margin:0 0 10px 0; }
  #altalan ul li span {width:76px;}
  
  p.imza {font-size:12px; line-height:140%;}


}
    

@media only screen and (max-width: 1000px) {

/* HAREKETLİ BAŞLIK STİLİ */

.cbp-af-header { height:200px;  }

  .cbp-af-header .yesil { height:40px; padding:5px 0; }
      
      ul.ikonlar li a {margin:0 0 0 5px;}
       ul.ikonlar li.ayrac {margin:0 0 0 10px;}
       ul.ikonlar li a.tr {margin:0 0 0 10px; }

  .cbp-af-header .beyaz { height:110px;}

    a.logo {width:300px; height:110px; background:url("../../img/logo.png") no-repeat center; background-size: 100% auto;}

    a.biziarayin {margin:30px 0 0 0; font-size:15px; padding:5px 15px 5px 60px;}

    a.whatsapp {margin:30px 0 0 15px; font-size:15px; padding:5px 15px 5px 60px;}

  .cbp-af-header .mavi #alan1280 { padding:0; } 
    
  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { top:-40px; }

  .cbp-af-header.cbp-af-header-shrink .beyaz { height:70px;}
  .cbp-af-header.cbp-af-header-shrink a.logo {width:214px; height:70px;}
  .cbp-af-header.cbp-af-header-shrink a.biziarayin {margin:10px 0 0 0;}
  .cbp-af-header.cbp-af-header-shrink a.whatsapp {margin:10px 0 0 15px;}

       
/* HAREKETLİ BAŞLIK STİLİ */

#apspot { padding:150px 0 0 0; }
  
    .spotslogan #alan1280 {font-size:26px; font-family: 'montserratsemibold';}
          
#sayfabaslik { margin:150px 0 0 0;  font-family: 'montserratsemibold'; font-size:28px; } 


    .hizmetler a { width:30.3%; margin:1.5%; }

  a.dugme.sag {width:97%; float:none; margin:30px 1.5% 0 1.5%;}


  .kolon-icerik {width:70%; padding:0 30px 0 0;}
    
  .kolon-menu {width:30%; padding:15px;}

      .kolon-menu ul li a {font-size:16px; line-height:130%; padding:5px;}

    .kucukresimler a { width:30.3%; margin:1.5%;}


  .kolon { float:none; width:60%; margin:0 auto; }
    .kolon.sol { padding:0; margin:0 auto 30px auto; }
    .kolon.sag { padding:0; }

  a.fotodugme {height:auto; }
    a.fotodugme span {display:block; width:100%; padding:30px; line-height:60px; font-size:30px;}
    a.fotodugme img {display:block; width:100%; height:auto;}

  iframe.harita {height:400px; margin:0 0 30px 0;}
  
  #iletisim-bilgi {float:none; width:100%; padding:0; margin:0 0 30px 0;}
   
  #iletisim-formu {float:none; width:100%; padding:0;}


#altalan { background-image:none; }


  #altalan ul {width:50%; padding:0 30px; margin:0 0 30px 0;}
  #altalan ul li {font-size:13px; line-height:140%; text-align:center; }
  #altalan ul li b {font-size:15px; font-family: 'montserratsemibold'; margin:0 0 10px 0; }
  #altalan ul li span {display:inline-block; width:82px;}
  
  p.imza {clear:both; display:block; float:none; width:100%; text-align:center; font-size:12px; line-height:130%; }
    
    }


@media only screen and (max-width: 860px) {

.cbp-af-header { height:180px;  }


  .cbp-af-header .beyaz { height:90px; padding:20px 0; }

    a.logo {float:none; width:212px; height:50px; margin:0 auto 10px auto; background:url("../../img/logo.png") no-repeat center; background-size:100% 100%;}
    a.logo:hover {transform: scale(1.08); -ms-transform: scale(1.08); -webkit-transform: scale(1.08); -o-transform: scale(1.08); -moz-transform: scale(1.08);}

    a.biziarayin {display:none;}

    a.whatsapp {display:none;}

  /* Transitions and class for reduced height */
  .cbp-af-header.cbp-af-header-shrink { top:-110px; }

  .cbp-af-header.cbp-af-header-shrink a.logo {width:212px; height:50px;}


#apspot { padding:180px 0 0 0; }
  
    .spotslogan #alan1280 {font-size:22px;}
          
#sayfabaslik { margin:180px 0 0 0;  } 


    .hizmetler a { width:48%; margin:1%; }

  a.dugme.sag {width:98%; }


  .kolon-icerik {display:block; width:100%; float:none; padding:0; margin:0 0 60px 0;}
    
  .kolon-menu {display:block; width:100%; float:none;}

    .kucukresimler a { width:48%; margin:1%;}

  .kolon { width:100%; }

  iframe.harita {height:320px;}

  img.tam {margin:0 0 30px 0; border:5px solid #fff; }
  img.kenar {width:50%; }

  .hago { margin:0 0 15px 0; padding:15px; }


.mobil-dugmeler {display:block; position:fixed; bottom:0; left:0; z-index:500; width:100%; height:75px; padding:0 30px; background:url("../../img/apmd.png") repeat-x bottom;}

    a.mobil-biziarayin {display:block; float:left; width:50px; height:auto; margin:0 30px 0 0; background:url("../../img/ikon/telefon.png") no-repeat center top; text-align:center; font-size:9px; color:#fff; font-family: 'montserratregular'; padding:55px 0 0 0;}

    a.mobil-whatsapp {display:block; float:left; width:50px; height:auto; margin:0; background:url("../../img/ikon/whatsapp.png") no-repeat center top; text-align:center; font-size:9px; color:#fff; font-family: 'montserratregular'; padding:55px 0 0 0; }


  #altalan #alan1280 {padding:90px 30px 60px 30px;}

    
    }


@media only screen and (max-width: 640px) {

       ul.ikonlar li a.as {width:24px; background:url("../../img/ikon/as.png") no-repeat center; text-indent:-9999px; text-align:left;  padding:0; }
       ul.ikonlar li a.as:hover {background:url("../../img/ikon/as2.png") no-repeat center; }


#apspot { position:static; }

  .swiper-slide img  { position:static;}        
  
  .spotslogan {display:block; width:100%; height:130px; padding:30px 0; position:static; bottom:none; left:none; z-index:none; background:#47c2d2;}
    .spotslogan #alan1280 {font-size:20px; text-shadow:2px 2px 5px #47c1d2; line-height:120%; }


#sayfabaslik { padding:30px 0; font-size:22px; } 


  #icerikalani h2, #icerikalani h3, #icerikalani h4 {font-size:22px; }
      #icerikalani h3.kucuk { font-size:18px; }
    #icerikalani h4 { font-size:20px; }

  #icerikalani p { font-size:15px; line-height:140%; margin:0 0 10px 0; }

#icerikalani.hosbes { padding:0; border-bottom:2px solid #4a9cc1;}

  #icerikalani.hosbes #alan1280 {min-height:none; padding:30px 30px 90px 30px; background:url("../../img/sinan-tozoglu.png") no-repeat bottom right 30px; background-size:180px auto;}
    
    #icerikalani.hosbes #alan1280 p { padding:0; }
    
  #rezform { padding:15px; border:1px solid #78c69f; height:auto; min-height:10px; }


  #altalan ul {float:none; width:100%; padding:0; margin:0 0 15px 0;}
 

  img.kenar {display:block; float:none; width:100%; margin:0 0 30px 0; }

  .hago { margin:0 0 30px 0; padding:10px; }




    }

@media only screen and (max-width: 420px) {

#alan1280 {width:100%; padding:0 15px;}


    ul.ikonlar {float:none; display:block; width:229px; margin:5px auto;}
    ul.ikonlar.sodil {float:none;}
      ul.ikonlar li a {height:20px; margin:0 2px;}
       ul.ikonlar li a.as {display:none; }
       ul.ikonlar li a.ig {width:20px; background:url("../../img/ikon/ig.png") no-repeat center; background-size:100% 100%; }
       ul.ikonlar li a.tw {width:25px; background:url("../../img/ikon/tw.png") no-repeat center; background-size:100% 100%; }    
       ul.ikonlar li a.fb {width:20px; background:url("../../img/ikon/fb.png") no-repeat center; background-size:100% 100%; }
       ul.ikonlar li a.yt {width:30px; background:url("../../img/ikon/yt.png") no-repeat center; background-size:100% 100%; }
       ul.ikonlar li a.ig:hover, ul.ikonlar li a.tw:hover, ul.ikonlar li a.fb:hover, ul.ikonlar li a.yt:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
       ul.ikonlar li.ayrac {width:1px; height:20px; margin:0 0 0 4px;}
       ul.ikonlar li a.tr {width:24px; background:url("../../img/ikon/tr.png") no-repeat center; background-size: auto 100%; margin:0 0 0 4px;  -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
       ul.ikonlar li a.en {width:24px; background:url("../../img/ikon/en.png") no-repeat center; background-size: auto 100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}      
       ul.ikonlar li a.de {width:24px; background:url("../../img/ikon/de.png") no-repeat center; background-size: auto 100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
       ul.ikonlar li a.ru {width:24px; background:url("../../img/ikon/ru.png") no-repeat center; background-size: auto 100%; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
       ul.ikonlar li a.tr:hover, ul.ikonlar li a.en:hover, ul.ikonlar li a.de:hover, ul.ikonlar li a.ru:hover { transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }

    a.biziarayin {height:40px; width:40px;  background:url("../../img/ikon/telefon.png") no-repeat center ; background-size:40px 40px; text-align:left; text-indent:-9999px; padding:0; overflow:hidden; font-size:1px;}

    a.whatsapp {height:40px; width:40px; background:url("../../img/ikon/whatsapp.png") no-repeat center ; background-size:40px 40px; text-align:left; text-indent:-9999px; padding:0; overflow:hidden; font-size:1px;}

  .spotslogan {height:120px; padding:15px 0; }
    .spotslogan #alan1280 {font-size:15px; font-family: 'montserratlight';  }


    .hizmetler a { width:98%; margin:1%; }


    .kucukresimler a { width:98%; margin:1%;}

  a.dugme {padding:0 15px; font-size:13px;}

    a.fotodugme span {padding:15px; line-height:40px; font-size:20px;}


    #rezform textarea {height:90px;}
    #rezform input.gonder {float:none; width:100%;  padding:0;  font-size:14px;}

  #altalan #alan1280 { padding:70px 30px 30px 30px; background:url("../../img/logoalt.png") no-repeat center top; background-size:auto 50px;}

    
    }